Skip to content

deps(automated)!: Update theme tokens #130

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
thelukewalton wants to merge 5 commits into
base: main
Choose a base branch
from
Open

deps(automated)!: Update theme tokens #130

thelukewalton wants to merge 5 commits into from

Conversation

@thelukewalton
Copy link
Collaborator

@thelukewalton thelukewalton commented Oct 20, 2025 •
edited
Loading

Created by the Zeta icons bot 🤖
Last updated: 22 Oct 2025, 08:10:41
chore: Update theme tokens

@thelukewalton thelukewalton requested a review from a team as a code owner October 20, 2025 08:17
@github-actions
Copy link
Contributor

github-actions bot commented Oct 20, 2025 •
edited
Loading

Visit the preview URL for this PR (updated for commit 3639544):

https://zeta-web-main--pr-130-update-zeta-tokens-8a5rrrbb.web.app

(expires Wed, 29 Oct 2025 08:13:26 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: cc82fb52ba05c9ecc7f0b92ab81ac4a31b88d893

@github-actions
Copy link
Contributor

github-actions bot commented Oct 20, 2025 •
edited
Loading

PR Checks Complete

✅ Analysis

  • ✅ ESLint
  • ✅ Lit Analyzer
  • ✅ TypeDoc

    • ✅ Formatting

  • ✅ Prettier

    • ❌ Testing

  • ✅ Install PlayWright Browsers
  • ❌ Testing: 41 problems found
     ➡️ See Details
    FileTest NameLineTypeMessage
    src/test/button/button.test.tsmeets contrast requirements for the primary flavor, small58AssertionErrorexpected 2.44 to be at least 4.5
    src/test/button/button.test.tsmeets aria requirements87ErrorAccessibility Violations --- Rule: color-contrast Impact: serious Elements must meet minimum color contrast ratio thresholds (https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI)

    Issue target: zeta-button,button
    Context:




    Fix any of the following:
    Element has insufficient color contrast of 2.44 (foreground color: #000000, background color: #003fbd, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
    ---

    src/test/button/button.test.tsmeets contrast requirements for the outline flavor, small58AssertionErrorexpected 2.44 to be at least 4.5
    src/test/button/button.test.tsmeets aria requirements87ErrorAccessibility Violations

    Rule: color-contrast
    Impact: serious
    Elements must meet minimum color contrast ratio thresholds (https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI)

    Issue target: zeta-button,button
    Context:




    Fix any of the following:
    Element has insufficient color contrast of 2.44 (foreground color: #000000, background color: #003fbd, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
    ---

    src/test/button/button.test.tsmeets contrast requirements for the text flavor, small58AssertionErrorexpected 2.44 to be at least 4.5
    src/test/button/button.test.tsmeets aria requirements87ErrorAccessibility Violations

    Rule: color-contrast
    Impact: serious
    Elements must meet minimum color contrast ratio thresholds (https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI)

    Issue target: zeta-button,button
    Context:




    Fix any of the following:
    Element has insufficient color contrast of 2.44 (foreground color: #000000, background color: #003fbd, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
    ---

    src/test/button/button.test.tsmeets contrast requirements for the primary flavor, medium58AssertionErrorexpected 2.44 to be at least 4.5
    src/test/button/button.test.tsmeets aria requirements87ErrorAccessibility Violations

    Rule: color-contrast
    Impact: serious
    Elements must meet minimum color contrast ratio thresholds (https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI)

    Issue target: zeta-button,button
    Context:




    Fix any of the following:
    Element has insufficient color contrast of 2.44 (foreground color: #000000, background color: #003fbd, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
    ---

    src/test/button/button.test.tsmeets contrast requirements for the outline flavor, medium58AssertionErrorexpected 2.44 to be at least 4.5
    src/test/button/button.test.tsmeets aria requirements87ErrorAccessibility Violations

    Rule: color-contrast
    Impact: serious
    Elements must meet minimum color contrast ratio thresholds (https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI)

    Issue target: zeta-button,button
    Context:




    Fix any of the following:
    Element has insufficient color contrast of 2.44 (foreground color: #000000, background color: #003fbd, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
    ---

    src/test/button/button.test.tsmeets contrast requirements for the text flavor, medium58AssertionErrorexpected 2.44 to be at least 4.5
    src/test/button/button.test.tsmeets aria requirements87ErrorAccessibility Violations

    Rule: color-contrast
    Impact: serious
    Elements must meet minimum color contrast ratio thresholds (https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI)

    Issue target: zeta-button,button
    Context:




    Fix any of the following:
    Element has insufficient color contrast of 2.44 (foreground color: #000000, background color: #003fbd, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
    ---

    src/test/button/button.test.tsmeets contrast requirements for the primary flavor, large58AssertionErrorexpected 2.44 to be at least 4.5
    src/test/button/button.test.tsmeets aria requirements87ErrorAccessibility Violations

    Rule: color-contrast
    Impact: serious
    Elements must meet minimum color contrast ratio thresholds (https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI)

    Issue target: zeta-button,button
    Context:




    Fix any of the following:
    Element has insufficient color contrast of 2.44 (foreground color: #000000, background color: #003fbd, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
    ---

    src/test/button/button.test.tsmeets contrast requirements for the outline flavor, large58AssertionErrorexpected 2.44 to be at least 4.5
    src/test/button/button.test.tsmeets aria requirements87ErrorAccessibility Violations

    Rule: color-contrast
    Impact: serious
    Elements must meet minimum color contrast ratio thresholds (https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI)

    Issue target: zeta-button,button
    Context:




    Fix any of the following:
    Element has insufficient color contrast of 2.44 (foreground color: #000000, background color: #003fbd, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
    ---

    src/test/button/button.test.tsmeets contrast requirements for the text flavor, large58AssertionErrorexpected 2.44 to be at least 4.5
    src/test/button/button.test.tsmeets aria requirements87ErrorAccessibility Violations

    Rule: color-contrast
    Impact: serious
    Elements must meet minimum color contrast ratio thresholds (https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI)

    Issue target: zeta-button,button
    Context:




    Fix any of the following:
    Element has insufficient color contrast of 2.44 (foreground color: #000000, background color: #003fbd, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
    ---

    src/test/button/icon-button.test.tsmeets contrast requirements for the primary flavor58AssertionErrorexpected 2.44 to be at least 4.5
    src/test/button/icon-button.test.tsmeets contrast requirements for the positive flavor58AssertionErrorexpected 2.44 to be at least 4.5
    src/test/button/icon-button.test.tsmeets contrast requirements for the negative flavor58AssertionErrorexpected 2.44 to be at least 4.5
    src/test/button/icon-button.test.tsmeets contrast requirements for the outline flavor58AssertionErrorexpected 2.44 to be at least 4.5
    src/test/button/icon-button.test.tsmeets contrast requirements for the outline-subtle flavor58AssertionErrorexpected 2.44 to be at least 4.5
    src/test/button/icon-button.test.tsmeets contrast requirements for the text flavor58AssertionErrorexpected 2.44 to be at least 4.5
    src/test/button/icon-button.test.tsmeets contrast requirements for the subtle flavor58AssertionErrorexpected 2.44 to be at least 4.5
    src/test/dialog/dialog.test.tshas the correct confirm button background colour when confirmButtonFlavor is changed275AssertionErrorexpected 'rgb(31, 105, 255)' to equal 'rgb(0, 115, 230)'
    src/test/dialog/dialog.test.tshas primary button flavour by default287AssertionErrorexpected 'rgb(31, 105, 255)' to equal 'rgb(0, 115, 230)'
    src/test/dialog/dialog.test.tshas the correct background colour when confirm button is hovered for each flavor298AssertionErrorexpected 'rgb(56, 134, 255)' to equal 'rgb(89, 159, 229)'
    src/test/fab/fab.test.tsmeets contrast requirements for the primary flavor58AssertionErrorexpected 2.44 to be at least 4.5
    src/test/snackbar/snackbar.test.tssets the correct colors for default status94AssertionErrorexpected 'rgba(0, 0, 0, 0)' to equal ''
    src/test/stepper-input/stepper.test.tsrenders stepper number items with correct background colour when flavor is active226AssertionErrorexpected 'rgb(31, 105, 255)' to equal 'rgb(0, 115, 230)'
    src/test/badges/indicator/indicator.test.tsmeets contrast requirements for icon, medium58AssertionErrorexpected 2.44 to be at least 4.5
    src/test/badges/indicator/indicator.test.tsmeets contrast requirements for icon, large58AssertionErrorexpected 2.44 to be at least 4.5
    src/test/badges/priority-pill/priority-pill.test.tsmeets contrast requirements for urgent56AssertionErrorexpected 1.26 to be at least 7
    src/test/badges/priority-pill/priority-pill.test.tsmeets contrast requirements for high56AssertionErrorexpected 1.39 to be at least 7
    src/test/badges/priority-pill/priority-pill.test.tsmeets contrast requirements for medium58AssertionErrorexpected 2.44 to be at least 4.5
    src/test/badges/priority-pill/priority-pill.test.tsmeets contrast requirements for low56AssertionErrorexpected 1.39 to be at least 7
    src/test/badges/priority-pill/priority-pill.test.tsmeets contrast requirements for urgent56AssertionErrorexpected 1.26 to be at least 7
    src/test/badges/priority-pill/priority-pill.test.tsmeets contrast requirements for high56AssertionErrorexpected 1.39 to be at least 7
    src/test/badges/priority-pill/priority-pill.test.tsmeets contrast requirements for medium58AssertionErrorexpected 2.44 to be at least 4.5
    src/test/badges/priority-pill/priority-pill.test.tsmeets contrast requirements for low56AssertionErrorexpected 1.39 to be at least 7

  • 📈 Coverage: from 0% to 93.27%
     ➡️ See Details
    FileLinesBranchesFunctions
    src/events.ts 95.95% 142/148 91.30% 21/23 76.92% 10/13
    src/index.ts 100.00% 159/159 0% 0/0 0% 0/0
    src/components/base-toggle-form-element.ts 89.29% 50/56 90.00% 9/10 75.00% 3/4
    src/components/accordion/accordion.ts 100.00% 89/89 88.24% 15/17 100.00% 6/6
    src/components/accordion/accordion-item/accordion-item.ts 100.00% 136/136 97.30% 36/37 100.00% 11/11
    src/components/action-menu/action-menu-button.ts 95.92% 94/98 90.91% 10/11 85.71% 6/7
    src/components/avatar/avatar.ts 98.48% 65/66 100.00% 2/2 100.00% 2/2
    src/components/avatar-rail/avatar-rail.ts 81.08% 30/37 0% 0/0 0.00% 0/2
    src/components/badges/indicators/indicators.ts 100.00% 95/95 94.74% 18/19 100.00% 5/5
    src/components/badges/label/label.ts 100.00% 39/39 75.00% 3/4 100.00% 2/2
    src/components/badges/priority-pill/priority-pill.ts 97.70% 85/87 88.24% 15/17 100.00% 4/4
    src/components/badges/status-label/status-label.ts 100.00% 64/64 80.00% 8/10 100.00% 2/2
    src/components/badges/tag/tag.ts 100.00% 54/54 66.67% 4/6 100.00% 3/3
    src/components/bottom-sheets/bottom-sheet.ts 100.00% 65/65 100.00% 13/13 100.00% 3/3
    src/components/breadcrumbs/breadcrumb.ts 90.00% 72/80 70.00% 7/10 75.00% 3/4
    src/components/breadcrumbs/breadcrumb-item/breadcrumb-item.ts 100.00% 33/33 50.00% 1/2 100.00% 1/1
    src/components/button/base-button.ts 90.32% 56/62 87.50% 7/8 66.67% 4/6
    src/components/button/button.ts 100.00% 93/93 88.89% 8/9 100.00% 2/2
    src/components/button-group/button-group.ts 88.24% 30/34 0.00% 0/1 0.00% 0/2
    src/components/button-group/button-group-item/button-group-item.ts 44.30% 35/79 0.00% 0/1 0.00% 0/4
    src/components/button/icon-button/icon-button.ts 100.00% 28/28 50.00% 1/2 100.00% 1/1
    src/components/button/tile-button/tile-button.ts 100.00% 91/91 83.33% 5/6 100.00% 3/3
    src/components/card/card.ts 93.94% 31/33 0.00% 0/1 0.00% 0/1
    src/components/card/card-body/card-body.ts 91.30% 21/23 0% 0/0 0.00% 0/1
    src/components/card/card-container/card-container.ts 100.00% 82/82 93.33% 14/15 100.00% 3/3
    src/components/card/card-footer/card-footer.ts 91.30% 21/23 0% 0/0 0.00% 0/1
    src/components/card/card-header/card-header.ts 100.00% 42/42 100.00% 1/1 100.00% 1/1
    src/components/checkbox/checkbox.ts 100.00% 56/56 100.00% 1/1 100.00% 1/1
    src/components/chips/assist-chip/assist-chip.ts 94.59% 35/37 50.00% 2/4 100.00% 2/2
    src/components/chips/base-chips/base-chip.ts 81.82% 9/11 100.00% 2/2 50.00% 1/2
    src/components/chips/filter-chip/filter-chip.ts 93.18% 41/44 66.67% 4/6 66.67% 2/3
    src/components/chips/input-chip/input-chip.ts 100.00% 29/29 50.00% 1/2 100.00% 1/1
    src/components/chips/status-chip/status-chip.ts 85.19% 23/27 0.00% 0/1 0.00% 0/2
    src/components/dialog/dialog.ts 100.00% 201/201 84.00% 21/25 87.50% 7/8
    src/components/dropdown/droppable.ts 77.72% 143/184 96.15% 25/26 69.23% 9/13
    src/components/dropdown/dropdown-menu/dropdown-menu-button.ts 91.00% 192/211 82.86% 29/35 88.89% 8/9
    src/components/dropdown/menu-item/dropdown-menu-item.ts 86.67% 39/45 50.00% 1/2 50.00% 1/2
    src/components/empty-state/empty-state.ts 100.00% 46/46 50.00% 1/2 100.00% 1/1
    src/components/fab/fab.ts 100.00% 53/53 90.00% 9/10 100.00% 3/3
    src/components/file-upload/file-upload.ts 59.74% 92/154 40.00% 2/5 22.22% 2/9
    src/components/global-header/global-header.ts 99.02% 202/204 41.67% 10/24 100.00% 6/6
    src/components/grid-menu-item/grid-menu-item.ts 100.00% 41/41 50.00% 2/4 100.00% 2/2
    src/components/icon/icon.ts 100.00% 59/59 75.00% 3/4 100.00% 1/1
    src/components/illustration/illustration.ts 95.96% 95/99 42.86% 3/7 100.00% 3/3
    src/components/in-page-banner/in-page-banner.ts 96.00% 72/75 37.50% 3/8 100.00% 3/3
    src/components/list/list.ts 86.67% 26/30 0% 0/0 0.00% 0/2
    src/components/list/list-item/list-item.ts 100.00% 39/39 100.00% 1/1 100.00% 1/1
    src/components/login-page/login-page.ts 64.15% 34/53 0.00% 0/1 0.00% 0/2
    src/components/navigation-bar/navigation-bar.ts 100.00% 31/31 100.00% 2/2 100.00% 2/2
    src/components/navigation-drawer/navigation-drawer.ts 100.00% 62/62 66.67% 2/3 100.00% 2/2
    src/components/navigation-drawer/navigation-drawer-footer/navigation-drawer-footer.ts 82.95% 73/88 50.00% 2/4 50.00% 2/4
    src/components/navigation-drawer/navigation-drawer-header/navigation-drawer-header.ts 56.25% 27/48 0% 0/0 0.00% 0/2
    src/components/navigation-drawer/navigation-drawer-item/navigation-drawer-item.ts 100.00% 45/45 66.67% 2/3 100.00% 2/2
    src/components/navigation-drawer/navigation-drawer-sub-item/navigation-drawer-sub-item.ts 100.00% 38/38 66.67% 2/3 100.00% 2/2
    src/components/navigation-profile/navigation-profile.ts 100.00% 35/35 50.00% 1/2 100.00% 1/1
    src/components/navigation-rail/navigation-rail-item.ts 100.00% 47/47 66.67% 2/3 100.00% 2/2
    src/components/navigation-rail/navigation-rail.ts 100.00% 27/27 50.00% 1/2 100.00% 1/1
    src/components/pagination/pagination.ts 98.51% 132/134 88.89% 24/27 100.00% 7/7
    src/components/progress-indicators/progress-bar/progress-bar.ts 93.51% 72/77 37.50% 3/8 100.00% 3/3
    src/components/progress-indicators/progress-circle/progress-circle.ts 97.10% 134/138 75.00% 18/24 100.00% 7/7
    src/components/radio-button/radio-button-controller.ts 100.00% 32/32 100.00% 8/8 100.00% 5/5
    src/components/radio-button/radio-button.ts 100.00% 35/35 100.00% 2/2 100.00% 2/2
    src/components/search/search.ts 85.34% 99/116 86.67% 13/15 87.50% 7/8
    src/components/segmented-control/segmented-control.ts 91.75% 89/97 75.00% 15/20 100.00% 6/6
    src/components/segmented-control/segmented-item.ts 100.00% 30/30 66.67% 2/3 100.00% 2/2
    src/components/select-input/option.ts 100.00% 59/59 71.43% 5/7 100.00% 4/4
    src/components/select-input/select-input.ts 96.48% 247/256 67.39% 31/46 100.00% 15/15
    src/components/slider/slider.ts 82.19% 263/320 89.19% 33/37 85.71% 18/21
    src/components/slider/range-selector/range-selector.ts 98.30% 173/176 96.43% 27/28 91.67% 11/12
    src/components/slider/slider-input-field/slider-input-field.ts 100.00% 104/104 80.00% 8/10 100.00% 5/5
    src/components/snackbar/snackbar.ts 97.18% 69/71 71.43% 5/7 100.00% 2/2
    src/components/stepper/stepper-item.ts 100.00% 86/86 88.89% 8/9 100.00% 4/4
    src/components/stepper/stepper.ts 100.00% 68/68 100.00% 6/6 100.00% 2/2
    src/components/stepper-input/stepper-input.ts 93.18% 164/176 84.62% 22/26 66.67% 8/12
    src/components/switch/switch.ts 97.92% 94/96 90.00% 9/10 100.00% 3/3
    src/components/system-banner/system-banner.ts 65.00% 39/60 0.00% 0/1 0.00% 0/2
    src/components/tab-bar/tab-bar.ts 93.10% 27/29 0% 0/0 0.00% 0/1
    src/components/tab-bar/tab-item/tab-item.ts 84.38% 27/32 0.00% 0/1 0.00% 0/2
    src/components/text-input/text-input.ts 85.08% 211/248 96.36% 53/55 75.00% 12/16
    src/components/tooltip/tooltip.ts 69.44% 25/36 0.00% 0/1 0.00% 0/2
    src/components/top-appbar/top-appbar.ts 100.00% 48/48 100.00% 7/7 100.00% 3/3
    src/components/upload-item/upload-item.ts 100.00% 66/66 88.89% 8/9 100.00% 4/4
    src/mixins/contour.ts 100.00% 49/49 100.00% 4/4 100.00% 3/3
    src/mixins/contourable-three.ts 100.00% 64/64 75.00% 3/4 100.00% 3/3
    src/mixins/flavor.ts 100.00% 43/43 100.00% 4/4 100.00% 3/3
    src/mixins/form-field.ts 97.62% 492/504 100.00% 100/100 75.00% 18/24
    src/mixins/interactive.ts 89.29% 75/84 100.00% 11/11 100.00% 5/5
    src/mixins/mixins.ts 100.00% 7/7 0% 0/0 0% 0/0
    src/mixins/navigate.ts 100.00% 34/34 100.00% 3/3 100.00% 2/2
    src/mixins/popup.ts 96.88% 124/128 100.00% 25/25 92.86% 13/14
    src/mixins/size.ts 100.00% 25/25 100.00% 2/2 100.00% 2/2
    src/test/utils.ts 98.44% 189/192 96.55% 28/29 100.00% 20/20
    src/test/accessibility-utils/accessibility-test-runner.ts 94.29% 66/70 86.96% 20/23 100.00% 2/2
    src/test/text-input/setup.ts 100.00% 61/61 100.00% 2/2 100.00% 1/1
    src/utils/utils.ts 100.00% 10/10 100.00% 1/1 100.00% 1/1

    • @thelukewalton thelukewalton changed the title deps(automated): Update theme tokens deps(automated)!: Update theme tokens Oct 20, 2025
    Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

    Reviewers

    No reviews

    Assignees

    No one assigned

    Labels

    tokens

    Projects

    None yet

    Milestone

    No milestone

    Development

    Successfully merging this pull request may close these issues.

    2 participants

    @thelukewalton