Support vanilla extract #1360
publish.yml
on: pull_request
benchmark
5m 46s
publish
6m 42s
Annotations
4 errors
|
publish
Process completed with exit code 1.
|
|
error: expect(received).toMatchSnapshot(expected):
packages/components/src/components/Button/__tests__/index.browser.test.tsx#L135
@@ -1,11 +1,11 @@
"<div>
<button aria-label="button" type="button" class=" outline-0-2px solid-_a__c_focus-visible-1 box-sizing-0-border-box--1 cursor-0-pointer--1 font-weight-0-700--1 outline-offset-0-2px--1 position-0-relative--1 transition-0-.25s--1 color-0-var(--text,#272727)-_a__c_active-1 background-0-color-mix(in srgb,var(--primary,#8163E1) 20%,#FFF 80%)-_a__c_active-1 border-0-1px solid var(--primary,#8163E1)-_a__c_active-1 color-0-#D6D7DE-_a__c_disabled-1 background-color-0-#F0F0F3-_a__c_disabled-1 cursor-0-not-allowed-_a__c_disabled-1 border-color-0-var(--border,#E4E4E4)-_a__c_disabled-1 outline-color-0-var(--primaryFocus,#9385D3)-_a__c_focus-visible-1 border-color-0-var(--primary,#8163E1)-_a__c_hover-1 background-0-color-mix(in srgb,var(--primary,#8163E1) 10%,#FFF 90%)-_a__c_hover-1 color-0-var(--text,#F6F6F6)-_c_root_lb_data-theme_eq_dark_rb__s__a__c_active-1 background-0-var(--primary,#8163E1)-_c_root_lb_data-theme_eq_dark_rb__s__a__c_active-1 color-0-#373737-_c_root_lb_data-theme_eq_dark_rb__s__a__c_disabled-1 background-color-0-#47474A-_c_root_lb_data-theme_eq_dark_rb__s__a__c_disabled-1 border-color-0-transparent-_c_root_lb_data-theme_eq_dark_rb__s__a__c_disabled-1 border-color-0-var(--primary,#8163E1)-_c_root_lb_data-theme_eq_dark_rb__s__a__c_hover-1 background-0-color-mix(in srgb,var(--primary,#674DC7) 10%,var(--inputBackground,#2E2E2E) 90%)-_c_root_lb_data-theme_eq_dark_rb__s__a__c_hover-1 outline-color-0-var(--primaryFocus,#927CE4)-_c_root_lb_data-theme_eq_dark_rb__s__a__c_focus-visible-1 background-0-var(--inputBackground,#2E2E2E)-_c_root_lb_data-theme_eq_dark_rb__s__a_-1 background-0-var(--inputBackground,#FFF)--1 border-0-1px solid var(--border,#E4E4E4)--1 border-radius-0-10px--1 color-0-var(--text,#272727)--1 font-size-0-14px--1 font-size-4-15px--1 letter-spacing-0--.02em--1 letter-spacing-4--.03em--1 padding-right-0-28px--1 padding-left-0-28px--1 padding-bottom-0-10px--1 padding-top-0-10px--1 ">
<div class="max-width-0-100%--255 margin-right-0-auto--255 margin-left-0-auto--255 position-0-relative--255 width-0-fit-content--255">
<div role="presentation" class="display-0-flex--0 justify-content-0-center--0 align-items-0-center--0 height-0-24px--255 width-0-24px--255 left-0-4px--255 position-0-absolute--255 color-0-inherit-_a__gt_svg-255 top-0-50%--255 transform-0-translate(-100%,-50%)--255">
- <svg aria-label="Whole loading spinner" class="animation-duration-0-1s--255 animation-iteration-count-0-infinite--255 animation-name-0---255 animation-timing-function-0-linear--255" style="--animation-name-0-: k-420169018174230850;" fill="none" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
+ <svg aria-label="Whole loading spinner" class="animation-duration-0-1s--255 animation-iteration-count-0-infinite--255 animation-name-0---255 animation-timing-function-0-linear--255" style="--animation-name-0-: k-7130318960702049073;" fill="none" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#paint0_angular_1842_200_clip_path)">
<g transform="matrix(0 0.007 -0.007 0 10 10)">
<foreignObject height="2857.14" width="2857.14" x="-1428.57" y="-1428.57">
<div style="height: 100%; width: 100%; opacity: 1;">
</div>
- Expected - 1
+ Received + 1
at <anonymous> (/home/runner/work/devup-ui/devup-ui/packages/components/src/components/Button/__tests__/index.browser.test.tsx:135:21)
|
|
error: expect(received).toMatchSnapshot(expected):
packages/components/src/components/Button/__tests__/index.browser.test.tsx#L130
@@ -1,11 +1,11 @@
"<div>
<button aria-label="button" type="button" class=" outline-0-2px solid-_a__c_focus-visible-1 box-sizing-0-border-box--1 cursor-0-pointer--1 font-weight-0-700--1 outline-offset-0-2px--1 position-0-relative--1 transition-0-.25s--1 color-0-var(--text,#272727)-_a__c_active-1 background-0-color-mix(in srgb,var(--primary,#8163E1) 20%,#FFF 80%)-_a__c_active-1 border-0-1px solid var(--primary,#8163E1)-_a__c_active-1 color-0-#D6D7DE-_a__c_disabled-1 background-color-0-#F0F0F3-_a__c_disabled-1 cursor-0-not-allowed-_a__c_disabled-1 border-color-0-var(--border,#E4E4E4)-_a__c_disabled-1 outline-color-0-var(--primaryFocus,#9385D3)-_a__c_focus-visible-1 border-color-0-var(--primary,#8163E1)-_a__c_hover-1 background-0-color-mix(in srgb,var(--primary,#8163E1) 10%,#FFF 90%)-_a__c_hover-1 color-0-var(--text,#F6F6F6)-_c_root_lb_data-theme_eq_dark_rb__s__a__c_active-1 background-0-var(--primary,#8163E1)-_c_root_lb_data-theme_eq_dark_rb__s__a__c_active-1 color-0-#373737-_c_root_lb_data-theme_eq_dark_rb__s__a__c_disabled-1 background-color-0-#47474A-_c_root_lb_data-theme_eq_dark_rb__s__a__c_disabled-1 border-color-0-transparent-_c_root_lb_data-theme_eq_dark_rb__s__a__c_disabled-1 border-color-0-var(--primary,#8163E1)-_c_root_lb_data-theme_eq_dark_rb__s__a__c_hover-1 background-0-color-mix(in srgb,var(--primary,#674DC7) 10%,var(--inputBackground,#2E2E2E) 90%)-_c_root_lb_data-theme_eq_dark_rb__s__a__c_hover-1 outline-color-0-var(--primaryFocus,#927CE4)-_c_root_lb_data-theme_eq_dark_rb__s__a__c_focus-visible-1 background-0-var(--inputBackground,#2E2E2E)-_c_root_lb_data-theme_eq_dark_rb__s__a_-1 background-0-var(--inputBackground,#FFF)--1 border-0-1px solid var(--border,#E4E4E4)--1 border-radius-0-10px--1 color-0-var(--text,#272727)--1 font-size-0-14px--1 font-size-4-15px--1 letter-spacing-0--.02em--1 letter-spacing-4--.03em--1 padding-right-0-28px--1 padding-left-0-28px--1 padding-bottom-0-10px--1 padding-top-0-10px--1 ">
<div class="max-width-0-100%--255 margin-right-0-auto--255 margin-left-0-auto--255 position-0-relative--255 width-0-fit-content--255">
<div role="presentation" class="display-0-flex--0 justify-content-0-center--0 align-items-0-center--0 height-0-24px--255 width-0-24px--255 left-0-4px--255 position-0-absolute--255 color-0-inherit-_a__gt_svg-255 top-0-50%--255 transform-0-translate(-100%,-50%)--255">
- <svg aria-label="Partial loading spinner" class="animation-duration-0-1s--255 animation-iteration-count-0-infinite--255 animation-name-0---255 animation-timing-function-0-linear--255" style="--animation-name-0-: k-420169018174230850;" fill="none" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
+ <svg aria-label="Partial loading spinner" class="animation-duration-0-1s--255 animation-iteration-count-0-infinite--255 animation-name-0---255 animation-timing-function-0-linear--255" style="--animation-name-0-: k-7130318960702049073;" fill="none" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
<path d="M17 10C17 11.291 16.643 12.5568 15.9685 13.6575C15.294 14.7582 14.3282 15.651 13.1779 16.237C12.0277 16.8231 10.7378 17.0797 9.45078 16.9784C8.1638 16.8771 6.9299 16.4219 5.8855 15.6631" stroke="light-dark(var(--primary, #272727), var(--primary, #F6F6F6))" stroke-linecap="round" stroke-width="3">
</path>
</svg>
</div>
<div class=" line-height-0-1.2--255 min-height-0-1.2em--255 transform-0-translateX(8px)--255">
- Expected - 1
+ Received + 1
at <anonymous> (/home/runner/work/devup-ui/devup-ui/packages/components/src/components/Button/__tests__/index.browser.test.tsx:130:21)
|
|
error: expect(received).toMatchSnapshot(expected):
packages/components/src/components/Button/__tests__/index.browser.test.tsx#L125
@@ -1,11 +1,11 @@
"<div>
<button aria-label="button" type="button" class=" outline-0-2px solid-_a__c_focus-visible-1 box-sizing-0-border-box--1 cursor-0-pointer--1 font-weight-0-700--1 outline-offset-0-2px--1 position-0-relative--1 transition-0-.25s--1 color-0-var(--text,#272727)-_a__c_active-1 background-0-color-mix(in srgb,var(--primary,#8163E1) 20%,#FFF 80%)-_a__c_active-1 border-0-1px solid var(--primary,#8163E1)-_a__c_active-1 color-0-#D6D7DE-_a__c_disabled-1 background-color-0-#F0F0F3-_a__c_disabled-1 cursor-0-not-allowed-_a__c_disabled-1 border-color-0-var(--border,#E4E4E4)-_a__c_disabled-1 outline-color-0-var(--primaryFocus,#9385D3)-_a__c_focus-visible-1 border-color-0-var(--primary,#8163E1)-_a__c_hover-1 background-0-color-mix(in srgb,var(--primary,#8163E1) 10%,#FFF 90%)-_a__c_hover-1 color-0-var(--text,#F6F6F6)-_c_root_lb_data-theme_eq_dark_rb__s__a__c_active-1 background-0-var(--primary,#8163E1)-_c_root_lb_data-theme_eq_dark_rb__s__a__c_active-1 color-0-#373737-_c_root_lb_data-theme_eq_dark_rb__s__a__c_disabled-1 background-color-0-#47474A-_c_root_lb_data-theme_eq_dark_rb__s__a__c_disabled-1 border-color-0-transparent-_c_root_lb_data-theme_eq_dark_rb__s__a__c_disabled-1 border-color-0-var(--primary,#8163E1)-_c_root_lb_data-theme_eq_dark_rb__s__a__c_hover-1 background-0-color-mix(in srgb,var(--primary,#674DC7) 10%,var(--inputBackground,#2E2E2E) 90%)-_c_root_lb_data-theme_eq_dark_rb__s__a__c_hover-1 outline-color-0-var(--primaryFocus,#927CE4)-_c_root_lb_data-theme_eq_dark_rb__s__a__c_focus-visible-1 background-0-var(--inputBackground,#2E2E2E)-_c_root_lb_data-theme_eq_dark_rb__s__a_-1 background-0-var(--inputBackground,#FFF)--1 border-0-1px solid var(--border,#E4E4E4)--1 border-radius-0-10px--1 color-0-var(--text,#272727)--1 font-size-0-14px--1 font-size-4-15px--1 letter-spacing-0--.02em--1 letter-spacing-4--.03em--1 padding-right-0-28px--1 padding-left-0-28px--1 padding-bottom-0-10px--1 padding-top-0-10px--1 ">
<div class="max-width-0-100%--255 margin-right-0-auto--255 margin-left-0-auto--255 position-0-relative--255 width-0-fit-content--255">
<div role="presentation" class="display-0-flex--0 justify-content-0-center--0 align-items-0-center--0 height-0-24px--255 width-0-24px--255 left-0-4px--255 position-0-absolute--255 color-0-inherit-_a__gt_svg-255 top-0-50%--255 transform-0-translate(-100%,-50%)--255">
- <svg aria-label="Whole loading spinner" class="animation-duration-0-1s--255 animation-iteration-count-0-infinite--255 animation-name-0---255 animation-timing-function-0-linear--255" style="--animation-name-0-: k-420169018174230850;" fill="none" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
+ <svg aria-label="Whole loading spinner" class="animation-duration-0-1s--255 animation-iteration-count-0-infinite--255 animation-name-0---255 animation-timing-function-0-linear--255" style="--animation-name-0-: k-7130318960702049073;" fill="none" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#paint0_angular_1842_200_clip_path)">
<g transform="matrix(0 0.007 -0.007 0 10 10)">
<foreignObject height="2857.14" width="2857.14" x="-1428.57" y="-1428.57">
<div style="height: 100%; width: 100%; opacity: 1;">
</div>
- Expected - 1
+ Received + 1
at <anonymous> (/home/runner/work/devup-ui/devup-ui/packages/components/src/components/Button/__tests__/index.browser.test.tsx:125:21)
|