update snapshots (properties order only)

Author: siddharthkp

packages/react/src/StateLabel/__tests__/__snapshots__/StateLabel.test.tsx.snap

@@ -16,11 +16,10 @@ exports[`StateLabel renders children 1`] = `
   align-items: center;
   font-weight: 600;
   line-height: 16px;
-  color: var(--bgColor-default,var(--color-canvas-default,#ffffff));
   text-align: center;
   border-radius: 100px;
-  background-color: var(--bgColor-open-emphasis,var(--color-open-emphasis,#1f883d));
   color: var(--fgColor-onEmphasis,var(--color-fg-on-emphasis,#ffffff));
+  background-color: var(--bgColor-open-emphasis,var(--color-open-emphasis,#1f883d));
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 8px;
@@ -76,11 +75,10 @@ exports[`StateLabel respects the status prop 1`] = `
   align-items: center;
   font-weight: 600;
   line-height: 16px;
-  color: var(--bgColor-default,var(--color-canvas-default,#ffffff));
   text-align: center;
   border-radius: 100px;
-  background-color: var(--bgColor-open-emphasis,var(--color-open-emphasis,#1f883d));
   color: var(--fgColor-onEmphasis,var(--color-fg-on-emphasis,#ffffff));
+  background-color: var(--bgColor-open-emphasis,var(--color-open-emphasis,#1f883d));
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 8px;
@@ -135,11 +133,10 @@ exports[`StateLabel respects the status prop 2`] = `
   align-items: center;
   font-weight: 600;
   line-height: 16px;
-  color: var(--bgColor-default,var(--color-canvas-default,#ffffff));
   text-align: center;
   border-radius: 100px;
-  background-color: var(--bgColor-done-emphasis,var(--color-done-emphasis,#8250df));
   color: var(--fgColor-onEmphasis,var(--color-fg-on-emphasis,#ffffff));
+  background-color: var(--bgColor-done-emphasis,var(--color-done-emphasis,#8250df));
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 8px;
@@ -194,11 +191,10 @@ exports[`StateLabel respects the status prop 3`] = `
   align-items: center;
   font-weight: 600;
   line-height: 16px;
-  color: var(--bgColor-default,var(--color-canvas-default,#ffffff));
   text-align: center;
   border-radius: 100px;
-  background-color: var(--bgColor-neutral-emphasis,var(--color-neutral-emphasis,#6e7781));
   color: var(--fgColor-onEmphasis,var(--color-fg-on-emphasis,#ffffff));
+  background-color: var(--bgColor-neutral-emphasis,var(--color-neutral-emphasis,#6e7781));
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 8px;
@@ -250,11 +246,10 @@ exports[`StateLabel respects the status prop 4`] = `
   align-items: center;
   font-weight: 600;
   line-height: 16px;
-  color: var(--bgColor-default,var(--color-canvas-default,#ffffff));
   text-align: center;
   border-radius: 100px;
-  background-color: var(--bgColor-done-emphasis,var(--color-done-emphasis,#8250df));
   color: var(--fgColor-onEmphasis,var(--color-fg-on-emphasis,#ffffff));
+  background-color: var(--bgColor-done-emphasis,var(--color-done-emphasis,#8250df));
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 8px;
@@ -306,11 +301,10 @@ exports[`StateLabel respects the status prop 5`] = `
   align-items: center;
   font-weight: 600;
   line-height: 16px;
-  color: var(--bgColor-default,var(--color-canvas-default,#ffffff));
   text-align: center;
   border-radius: 100px;
-  background-color: var(--bgColor-attention-emphasis,var(--color-attention-emphasis,#9a6700));
   color: var(--fgColor-onEmphasis,var(--color-fg-on-emphasis,#ffffff));
+  background-color: var(--bgColor-attention-emphasis,var(--color-attention-emphasis,#9a6700));
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 8px;
@@ -362,11 +356,10 @@ exports[`StateLabel respects the variant prop 1`] = `
   align-items: center;
   font-weight: 600;
   line-height: 16px;
-  color: var(--bgColor-default,var(--color-canvas-default,#ffffff));
   text-align: center;
   border-radius: 100px;
-  background-color: var(--bgColor-open-emphasis,var(--color-open-emphasis,#1f883d));
   color: var(--fgColor-onEmphasis,var(--color-fg-on-emphasis,#ffffff));
+  background-color: var(--bgColor-open-emphasis,var(--color-open-emphasis,#1f883d));
   padding-left: 8px;
   padding-right: 8px;
   padding-top: 4px;
@@ -421,11 +414,10 @@ exports[`StateLabel respects the variant prop 2`] = `
   align-items: center;
   font-weight: 600;
   line-height: 16px;
-  color: var(--bgColor-default,var(--color-canvas-default,#ffffff));
   text-align: center;
   border-radius: 100px;
-  background-color: var(--bgColor-open-emphasis,var(--color-open-emphasis,#1f883d));
   color: var(--fgColor-onEmphasis,var(--color-fg-on-emphasis,#ffffff));
+  background-color: var(--bgColor-open-emphasis,var(--color-open-emphasis,#1f883d));
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 8px;