feat(list): added interactive radio fieldet and incremental list (#2481)

eBay · Nov 15, 2024 · 933fb74 · 933fb74
1 parent cb7222a
commit 933fb74
Show file tree

Hide file tree

Showing 5 changed files with 673 additions and 126 deletions.
diff --git a/.changeset/light-pots-wink.md b/.changeset/light-pots-wink.md
@@ -0,0 +1,5 @@
+---
+"@ebay/skin": minor
+---
+
+feat(list): added inremental list and radio fieldset in list
diff --git a/dist/list/list.css b/dist/list/list.css
@@ -2,13 +2,15 @@
     max-width: 480px;
 }
 
+.list ol,
 .list ul {
     list-style: none;
     margin: 0;
     padding: 0;
 }
 
-.list ul li > * {
+.list fieldset > *,
+.list li > * {
     align-items: center;
     background-color: var(
         --list-background-color,
@@ -36,6 +38,16 @@
     flex: 1;
 }
 
+.list ol li {
+    counter-increment: item;
+}
+
+.list ol li > :before {
+    content: counter(item) ".";
+    margin-inline-end: var(--spacing-200);
+    width: var(--spacing-300);
+}
+
 .list li > a,
 .list li > button {
     border: none;