feat: snaps

Orfium · Nov 30, 2023 · 736763f · 736763f
1 parent b2d97b3
commit 736763f
Show file tree

Hide file tree

Showing 13 changed files with 206 additions and 237 deletions.
diff --git a/src/__storyshots__/Updated Components/List/ListItem-DisabledListItem.snap b/src/__storyshots__/Updated Components/List/ListItem-DisabledListItem.snap
@@ -421,7 +421,7 @@
   fill: white;
 }
 
-.emotion-29 label {
+.emotion-28 label {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -438,7 +438,7 @@
   cursor: pointer;
 }
 
-.emotion-29 label:before {
+.emotion-28 label:before {
   content: '';
   display: inline-block;
   width: 1.25rem;
@@ -451,22 +451,22 @@
   background: rgba(84,94,255,0);
 }
 
-.emotion-29 label:hover::before {
+.emotion-28 label:hover::before {
   background: rgba(84,94,255,0.06);
   box-shadow: 0px 0px 0px 8px rgba(84,94,255,0.06);
 }
 
-.emotion-29 label[data-selected='true']:before {
+.emotion-28 label[data-selected='true']:before {
   border-color: #175bf5;
   border-radius: 50%;
 }
 
-.emotion-29 label[data-selected='true']:hover::before {
+.emotion-28 label[data-selected='true']:hover::before {
   background: none;
   box-shadow: none;
 }
 
-.emotion-29 label[data-selected='true']:after {
+.emotion-28 label[data-selected='true']:after {
   content: '';
   display: block;
   position: absolute;
@@ -479,12 +479,12 @@
   animation: circle 0.15s ease-in-out;
 }
 
-.emotion-29 label[data-disabled='true'] {
+.emotion-28 label[data-disabled='true'] {
   opacity: 50%;
   cursor: not-allowed;
 }
 
-.emotion-29 label[data-disabled='true']:hover::before {
+.emotion-28 label[data-disabled='true']:hover::before {
   background: none;
   box-shadow: none;
 }
@@ -503,9 +503,9 @@
           style="height: 100%;"
         >
           <ul
-            aria-labelledby="react-aria-:r4r:"
+            aria-labelledby="react-aria-:r4l:"
             class="emotion-3"
-            id="react-aria-:r4p:"
+            id="react-aria-:r4j:"
             role="listbox"
             style="overflow-y: auto; position: relative; display: flex; flex-direction: column; height: 100%; list-style: none; padding: 0px;"
             tabindex="0"
@@ -516,7 +516,7 @@
               class="emotion-4 "
               data-key="1"
               data-testid="ictinus_list_item_1"
-              id="react-aria-:r4p:-option-1"
+              id="react-aria-:r4j:-option-1"
               role="option"
             >
               <div
@@ -533,7 +533,7 @@
               class="emotion-4 "
               data-key="3"
               data-testid="ictinus_list_item_3"
-              id="react-aria-:r4p:-option-3"
+              id="react-aria-:r4j:-option-3"
               role="option"
             >
               <div
@@ -578,7 +578,7 @@
               class="emotion-11 "
               data-key="4"
               data-testid="ictinus_list_item_4"
-              id="react-aria-:r4p:-option-4"
+              id="react-aria-:r4j:-option-4"
               role="option"
             >
               <div
@@ -623,7 +623,7 @@
               class="emotion-4 "
               data-key="5"
               data-testid="ictinus_list_item_5"
-              id="react-aria-:r4p:-option-5"
+              id="react-aria-:r4j:-option-5"
               role="option"
             >
               <div
@@ -691,40 +691,27 @@
               class="emotion-4 "
               data-key="6"
               data-testid="ictinus_list_item_6"
-              id="react-aria-:r4p:-option-6"
+              id="react-aria-:r4j:-option-6"
               role="option"
             >
               <div
                 class="emotion-8"
               >
                 <div
-                  aria-orientation="vertical"
                   class="emotion-28"
-                  data-testid="undefined_radio_group_container"
-                  id="react-aria-:r57:"
-                  role="radiogroup"
+                  data-testid="undefined_radio_6_container"
                 >
-                  <div
-                    class="emotion-29"
-                    data-testid="undefined_radio_6_container"
+                  <label
+                    data-disabled="true"
                   >
-                    <label
-                      data-disabled="true"
-                      data-selected="false"
+                    <div
+                      style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
                     >
-                      <div
-                        style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
-                      >
-                        <input
-                          disabled=""
-                          name="react-aria-:r5c:"
-                          tabindex="0"
-                          type="radio"
-                          value="6"
-                        />
-                      </div>
-                    </label>
-                  </div>
+                      <input
+                        tabindex="0"
+                      />
+                    </div>
+                  </label>
                 </div>
               </div>
               <div