@ndla/primitives 0.0.2 → 0.0.4

package/dist/styles.css

@@ -60,6 +60,18 @@
       line-height: calc(var(--line-heights-small) * 1.11);
 }
 
+    .textStyle_heading\.medium {
+      font-family: var(--fonts-sans);
+      font-weight: var(--font-weights-bold);
+      font-size: var(--font-sizes-3xlarge);
+      line-height: var(--line-heights-3xlarge);
+}
+
+    .textStyle_heading\.medium:where([lang='zh'], .textStyle_heading\.medium[lang='zh-Hans'], .textStyle_heading\.medium[lang='zh-Hant']):not([data-pinyin]) {
+      font-size: calc(var(--font-sizes-3xlarge) * 1.11);
+      line-height: calc(var(--line-heights-3xlarge) * 1.11);
+}
+
     .\[\&_\>_\*\]\:textStyle_label\.large\! > * {
       font-family: var(--fonts-sans) !important;
       font-weight: var(--font-weights-normal) !important;
@@ -264,6 +276,30 @@
     gap: var(--spacing-xxsmall);
 }
 
+  .text_text\.default {
+    color: var(--colors-text-default);
+}
+
+  .gap_4xsmall {
+    gap: var(--spacing-4xsmall);
+}
+
+  .bg_surface\.actionSubtle {
+    background: var(--colors-surface-action-subtle);
+}
+
+  .py_4xsmall {
+    padding-block: var(--spacing-4xsmall);
+}
+
+  .rounded_large {
+    border-radius: var(--radii-large);
+}
+
+  .min-h_large {
+    min-height: var(--sizes-large);
+}
+
   .w_medium {
     width: var(--sizes-medium);
 }
@@ -276,26 +312,22 @@
     border: 2px solid;
 }
 
-  .pos_fixed {
-    position: fixed;
+  .d_none {
+    display: none;
 }
 
-  .w_100vw {
-    width: 100vw;
-}
-
-  .h_100dvh {
-    height: 100dvh;
-}
-
-  .z_modal {
-    z-index: var(--z-index-modal);
+  .pos_fixed {
+    position: fixed;
 }
 
   .h_100vh {
     height: 100vh;
 }
 
+  .w_100vw {
+    width: 100vw;
+}
+
   .z_overlay {
     z-index: var(--z-index-overlay);
 }
@@ -304,6 +336,14 @@
     background: rgba(1, 1, 1, 0.3);
 }
 
+  .h_100dvh {
+    height: 100dvh;
+}
+
+  .z_modal {
+    z-index: var(--z-index-modal);
+}
+
   .\--margin_token\(sizes\.medium\) {
     --margin: var(--sizes-medium);
 }
@@ -512,10 +552,6 @@
     padding-block: 0;
 }
 
-  .text_text\.default {
-    color: var(--colors-text-default);
-}
-
   .bg_none {
     background: none;
 }
@@ -552,10 +588,6 @@
     margin: 0;
 }
 
-  .py_4xsmall {
-    padding-block: var(--spacing-4xsmall);
-}
-
   .min-w_surface\.xxsmall {
     min-width: var(--sizes-surface-xxsmall);
 }
@@ -636,10 +668,6 @@
     pointer-events: none;
 }
 
-  .gap_4xsmall {
-    gap: var(--spacing-4xsmall);
-}
-
   .bg_surface\.disabled {
     background: var(--colors-surface-disabled);
 }
@@ -712,6 +740,18 @@
     table-layout: fixed;
 }
 
+  .overflow_auto {
+    overflow: auto;
+}
+
+  .white-space_nowrap {
+    white-space: nowrap;
+}
+
+  .p_xsmall {
+    padding: var(--spacing-xsmall);
+}
+
   .shadow_medium {
     box-shadow: var(--shadows-medium);
 }
@@ -834,8 +874,8 @@
     border-color: var(--colors-surface-brand-1-strong);
 }
 
-  .bg_surface\.brand\.2\.subtle {
-    background-color: var(--colors-surface-brand-2-subtle);
+  .bg_surface\.brand\.2\.moderate {
+    background-color: var(--colors-surface-brand-2-moderate);
 }
 
   .border_surface\.brand\.2\.strong {
@@ -875,6 +915,10 @@
     line-height: 1;
 }
 
+  .ring-color_stroke\.subtle {
+    outline-color: var(--colors-stroke-subtle);
+}
+
   .transition-prop_border-color\,_background\,_box-shadow\,_color {
     --transition-prop: border-color, background, box-shadow, color;
     transition-property: border-color, background, box-shadow, color;
@@ -896,6 +940,10 @@
     background-color: var(--colors-surface-default);
 }
 
+  .bg_surface\.brand\.2\.subtle {
+    background-color: var(--colors-surface-brand-2-subtle);
+}
+
   .leading_1em {
     line-height: 1em;
 }
@@ -904,10 +952,6 @@
     flex-shrink: 0;
 }
 
-  .ring-color_stroke\.subtle {
-    outline-color: var(--colors-stroke-subtle);
-}
-
   .overflow-y_hidden {
     overflow-y: hidden;
 }
@@ -1001,6 +1045,19 @@
     overflow-x: auto;
 }
 
+  .transition-prop_color\,_background\,_border-color {
+    --transition-prop: color, background, border-color;
+    transition-property: color, background, border-color;
+}
+
+  .border_transparent {
+    border-color: transparent;
+}
+
+  .border-w_1px {
+    border-width: 1px;
+}
+
   .duration_slow {
     --transition-duration: var(--durations-slow);
     transition-duration: var(--durations-slow);
@@ -1088,10 +1145,34 @@
     height: var(--sizes-medium);
 }
 
+  .checked\:text_text\.onAction:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+    color: var(--colors-text-on-action);
+}
+
+  .checked\:bg_surface\.actionSubtle\.selected:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+    background: var(--colors-surface-action-subtle-selected);
+}
+
+  .invalid\:bg_surface\.dangerSubtle:is(:invalid, [data-invalid]) {
+    background: var(--colors-surface-danger-subtle);
+}
+
+  .invalid\:ring-offset_-2px:is(:invalid, [data-invalid]) {
+    outline-offset: -2px;
+}
+
   .checked\:text_icon\.onAction:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
     color: var(--colors-icon-on-action);
 }
 
+  .checked\:d_flex:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+    display: flex;
+}
+
+  .disabled\:text_stroke\.disabled:is(:disabled, [disabled], [data-disabled]) {
+    color: var(--colors-stroke-disabled);
+}
+
   .open\:animation_backdrop-in:is([open], [data-open], [data-state="open"]) {
     animation: var(--animations-backdrop-in);
 }
@@ -1156,6 +1237,10 @@
     color: var(--colors-text-subtle);
 }
 
+  .highlighted\:text-decor_underline[data-highlighted] {
+    text-decoration: underline;
+}
+
   .highlighted\:bg_surface\.hover[data-highlighted] {
     background: var(--colors-surface-hover);
 }
@@ -1172,10 +1257,6 @@
     background: var(--colors-surface-error-subtle-hover);
 }
 
-  .highlighted\:text-decor_underline[data-highlighted] {
-    text-decoration: underline;
-}
-
   .open\:animation_fade-shift-in_0\.25s_ease-out:is([open], [data-open], [data-state="open"]) {
     animation: fade-shift-in 0.25s ease-out;
 }
@@ -1292,6 +1373,43 @@
     padding-block: var(--spacing-3xsmall);
 }
 
+  .horizontal\:mb_-1px[data-orientation=horizontal] {
+    margin-block-end: -1px;
+}
+
+  .vertical\:me_-1px[data-orientation=vertical] {
+    margin-inline-end: -1px;
+}
+
+  .selected\:text_text\.strong:is([aria-selected=true], [data-selected]) {
+    color: var(--colors-text-strong);
+}
+
+  .horizontal\:border-b_1px_solid[data-orientation=horizontal] {
+    border-bottom: 1px solid;
+}
+
+  .vertical\:border-l_1px_solid[data-orientation=vertical] {
+    border-left: 1px solid;
+}
+
+  .horizontal\:rounded-t_xsmall[data-orientation=horizontal] {
+    border-top-left-radius: var(--radii-xsmall);
+    border-top-right-radius: var(--radii-xsmall);
+}
+
+  .selected\:bg_surface\.default:is([aria-selected=true], [data-selected]) {
+    background: var(--colors-surface-default);
+}
+
+  .horizontal\:pt_xsmall[data-orientation=horizontal] {
+    padding-block-start: var(--spacing-xsmall);
+}
+
+  .vertical\:ps_xsmall[data-orientation=vertical] {
+    padding-inline-start: var(--spacing-xsmall);
+}
+
   .closed\:transition-prop_background\,_border-color\,_border\,_border-radius:is([closed], [data-closed], [data-state="closed"]) {
     --transition-prop: background, border-color, border, border-radius;
     transition-property: background, border-color, border, border-radius;
@@ -1305,22 +1423,34 @@
     font-weight: var(--font-weights-bold);
 }
 
-  .checked\:bg_surface\.action:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
-    background-color: var(--colors-surface-action);
+  .disabled\:border_stroke\.disabled:is(:disabled, [disabled], [data-disabled]) {
+    border-color: var(--colors-stroke-disabled);
 }
 
-  .checked\:border_surface\.action:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
-    border-color: var(--colors-surface-action);
+  .checked\:border_surface\.actionSubtle\.selected:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+    border-color: var(--colors-surface-action-subtle-selected);
 }
 
-  .disabled\:border_stroke\.disabled:is(:disabled, [disabled], [data-disabled]) {
-    border-color: var(--colors-stroke-disabled);
+  .checked\:ring-color_icon\.onAction:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+    outline-color: var(--colors-icon-on-action);
 }
 
   .invalid\:border_stroke\.error:is(:invalid, [data-invalid]) {
     border-color: var(--colors-stroke-error);
 }
 
+  .invalid\:ring-color_stroke\.error:is(:invalid, [data-invalid]) {
+    outline-color: var(--colors-stroke-error);
+}
+
+  .checked\:bg_surface\.action:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+    background-color: var(--colors-surface-action);
+}
+
+  .checked\:border_surface\.action:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+    border-color: var(--colors-surface-action);
+}
+
   .ariaInvalid\:ring-color_stroke\.error:has([aria-invalid='true']),.ariaInvalid\:ring-color_stroke\.error[aria-invalid='true'] {
     outline-color: var(--colors-stroke-error);
 }
@@ -1365,6 +1495,34 @@
     border-color: var(--colors-surface-brand-1-subtle);
 }
 
+  .horizontal\:flex_column[data-orientation=horizontal] {
+    flex-direction: column;
+}
+
+  .vertical\:flex_row[data-orientation=vertical] {
+    flex-direction: row;
+}
+
+  .disabled\:border_stroke\.default:is(:disabled, [disabled], [data-disabled]) {
+    border-color: var(--colors-stroke-default);
+}
+
+  .vertical\:justify_flex-start[data-orientation=vertical] {
+    justify-content: flex-start;
+}
+
+  .vertical\:rounded-tl_xsmall[data-orientation=vertical] {
+    border-top-left-radius: var(--radii-xsmall);
+}
+
+  .vertical\:rounded-bl_xsmall[data-orientation=vertical] {
+    border-bottom-left-radius: var(--radii-xsmall);
+}
+
+  .selected\:border_stroke\.subtle:is([aria-selected=true], [data-selected]) {
+    border-color: var(--colors-stroke-subtle);
+}
+
   .focusWithin\:ring-offset_-1px:focus-within {
     outline-offset: -1px;
 }
@@ -1418,6 +1576,10 @@
     border-radius: var(--radii-xsmall);
 }
 
+  .focus\:ring-offset_-2px:is(:focus, [data-focus]) {
+    outline-offset: -2px;
+}
+
   .focus\:appearance_none:is(:focus, [data-focus]) {
     appearance: none;
     -webkit-appearance: none;
@@ -1447,10 +1609,30 @@
     outline-offset: 0px;
 }
 
+  .focusVisible\:rounded_unset:is(:focus-visible, [data-focus-visible]) {
+    border-radius: unset;
+}
+
+  .focusVisible\:ring-offset_-3px:is(:focus-visible, [data-focus-visible]) {
+    outline-offset: -3px;
+}
+
+  .focusVisible\:shadow_0_0_0_3px_var\(--shadow-color\):is(:focus-visible, [data-focus-visible]) {
+    box-shadow: 0 0 0 3px var(--shadow-color);
+}
+
   .focus\:ring-color_stroke\.default:is(:focus, [data-focus]) {
     outline-color: var(--colors-stroke-default);
 }
 
+  .focus\:outline-style_solid:is(:focus, [data-focus]) {
+    outline-style: solid;
+}
+
+  .focus\:ring-width_2px:is(:focus, [data-focus]) {
+    outline-width: 2px;
+}
+
   .\[\&\:has\(input\:focus-visible\)\]\:ring-color_stroke\.default:has(input:focus-visible) {
     outline-color: var(--colors-stroke-default);
 }
@@ -1463,6 +1645,10 @@
     outline-color: var(--colors-surface-action);
 }
 
+  .focusVisible\:ring-color_stroke\.default:is(:focus-visible, [data-focus-visible]) {
+    outline-color: var(--colors-stroke-default);
+}
+
   .hover\:bg_surface\.actionSubtle\.hover:is(:hover, [data-hover]) {
     background: var(--colors-surface-action-subtle-hover);
 }
@@ -1515,6 +1701,10 @@
     --shadow-color: var(--colors-surface-action-subtle-hover-strong);
 }
 
+  .hover\:text-decor_underline:is(:hover, [data-hover]) {
+    text-decoration: underline;
+}
+
   .hover\:bg_surface\.hover:is(:hover, [data-hover]) {
     background: var(--colors-surface-hover);
 }
@@ -1527,14 +1717,14 @@
     background: var(--colors-surface-error-subtle-hover);
 }
 
-  .hover\:text-decor_underline:is(:hover, [data-hover]) {
-    text-decoration: underline;
-}
-
   .hover\:transform_translateX\(20\%\):is(:hover, [data-hover]) {
     transform: translateX(20%);
 }
 
+  .hover\:border_stroke\.hover:is(:hover, [data-hover]) {
+    border-color: var(--colors-stroke-hover);
+}
+
   .hover\:ring-color_stroke\.hover:is(:hover, [data-hover]) {
     outline-color: var(--colors-stroke-hover);
 }
@@ -1595,24 +1785,60 @@
     background: var(--colors-surface-disabled);
 }
 
-  .disabled\:hover\:shadow_none:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
-    box-shadow: none;
+  .disabled\:checked\:text_text\.disabled:is(:disabled, [disabled], [data-disabled]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+    color: var(--colors-text-disabled);
 }
 
   .disabled\:checked\:bg_surface\.disabled:is(:disabled, [disabled], [data-disabled]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
     background: var(--colors-surface-disabled);
 }
 
+  .checked\:focus\:ring-offset_-4px:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:focus, [data-focus]) {
+    outline-offset: -4px;
+}
+
+  .checked\:hover\:ring-offset_-2px:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:hover, [data-hover]) {
+    outline-offset: -2px;
+}
+
+  .checked\:hover\:bg_surface\.actionSubtle\.hover:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:hover, [data-hover]) {
+    background: var(--colors-surface-action-subtle-hover);
+}
+
+  .checked\:hover\:text_text\.default:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:hover, [data-hover]) {
+    color: var(--colors-text-default);
+}
+
+  .invalid\:checked\:text_text\.default:is(:invalid, [data-invalid]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+    color: var(--colors-text-default);
+}
+
+  .invalid\:checked\:bg_surface\.dangerSubtle:is(:invalid, [data-invalid]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+    background: var(--colors-surface-danger-subtle);
+}
+
+  .invalid\:checked\:ring-offset_-2px:is(:invalid, [data-invalid]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+    outline-offset: -2px;
+}
+
+  .disabled\:hover\:shadow_none:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
+    box-shadow: none;
+}
+
   .invalid\:checked\:text_stroke\.error:is(:invalid, [data-invalid]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
     color: var(--colors-stroke-error);
 }
 
-  .open\:\[\&_summary\]\:mb_-xxsmall:is([open], [data-open], [data-state="open"]) summary {
-    margin-block-end: calc(var(--spacing-xxsmall) * -1);
+  .checked\:hover\:text_stroke\.hover:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:hover, [data-hover]) {
+    color: var(--colors-stroke-hover);
 }
 
-  .highlighted\:\[\&_svg\]\:text_icon\.default[data-highlighted] svg {
-    color: var(--colors-icon-default);
+  .disabled\:hover\:text_stroke\.disabled:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
+    color: var(--colors-stroke-disabled);
+}
+
+  .open\:\[\&_summary\]\:mb_-xxsmall:is([open], [data-open], [data-state="open"]) summary {
+    margin-block-end: calc(var(--spacing-xxsmall) * -1);
 }
 
   .disabled\:\[\&_svg\]\:text_stroke\.disabled:is(:disabled, [disabled], [data-disabled]) svg {
@@ -1627,6 +1853,10 @@
     background: var(--colors-surface-default);
 }
 
+  .highlighted\:\[\&_svg\]\:text_icon\.default[data-highlighted] svg {
+    color: var(--colors-icon-default);
+}
+
   .checked\:hover\:transform_translateX\(100\%\):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:hover, [data-hover]) {
     transform: translateX(100%);
 }
@@ -1643,6 +1873,10 @@
     text-align: right;
 }
 
+  .disabled\:hover\:text_text\.subtle:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
+    color: var(--colors-text-subtle);
+}
+
   .\[\&_\>_li\]\:marker\:content_counters\(list-item\,_\'\.\'\)_\'\._\' > li::marker {
     content: counters(list-item, '.') '. ';
 }
@@ -1659,10 +1893,26 @@
     border-color: var(--colors-stroke-disabled);
 }
 
+  .disabled\:checked\:border_stroke\.disabled:is(:disabled, [disabled], [data-disabled]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+    border-color: var(--colors-stroke-disabled);
+}
+
+  .checked\:hover\:border_stroke\.hover:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:hover, [data-hover]) {
+    border-color: var(--colors-stroke-hover);
+}
+
+  .checked\:hover\:ring-color_stroke\.hover:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:hover, [data-hover]) {
+    outline-color: var(--colors-stroke-hover);
+}
+
   .invalid\:checked\:border_stroke\.error:is(:invalid, [data-invalid]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
     border-color: var(--colors-stroke-error);
 }
 
+  .invalid\:checked\:ring-color_stroke\.error:is(:invalid, [data-invalid]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+    outline-color: var(--colors-stroke-error);
+}
+
   .invalid\:checked\:bg_surface\.default:is(:invalid, [data-invalid]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
     background-color: var(--colors-surface-default);
 }
@@ -1683,6 +1933,18 @@
     background-color: transparent;
 }
 
+  .disabled\:hover\:border_stroke\.default:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
+    border-color: var(--colors-stroke-default);
+}
+
+  .selected\:horizontal\:border-b_transparent:is([aria-selected=true], [data-selected])[data-orientation=horizontal] {
+    border-bottom-color: transparent;
+}
+
+  .selected\:vertical\:border-r_transparent:is([aria-selected=true], [data-selected])[data-orientation=vertical] {
+    border-right-color: transparent;
+}
+
   .focusWithin\:hover\:ring-color_stroke\.default:focus-within:is(:hover, [data-hover]) {
     outline-color: var(--colors-stroke-default);
 }
@@ -1699,6 +1961,22 @@
     transform: translateX(0);
 }
 
+  .hover\:invalid\:bg_surface\.dangerSubtle:is(:hover, [data-hover]):is(:invalid, [data-invalid]) {
+    background-color: var(--colors-surface-danger-subtle);
+}
+
+  .hover\:focusVisible\:border_stroke\.default:is(:hover, [data-hover]):is(:focus-visible, [data-focus-visible]) {
+    border-color: var(--colors-stroke-default);
+}
+
+  .disabled\:checked\:hover\:text_text\.disabled:is(:disabled, [disabled], [data-disabled]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:hover, [data-hover]) {
+    color: var(--colors-text-disabled);
+}
+
+  .disabled\:checked\:hover\:bg_surface\.disabled:is(:disabled, [disabled], [data-disabled]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:hover, [data-hover]) {
+    background: var(--colors-surface-disabled);
+}
+
   .disabled\:hover\:\[\&_svg\]\:text_stroke\.disabled:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) svg {
     color: var(--colors-stroke-disabled);
 }
@@ -1711,6 +1989,18 @@
     content: counter(list-item, lower-alpha) '. ';
 }
 
+  .disabled\:checked\:hover\:border_stroke\.disabled:is(:disabled, [disabled], [data-disabled]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:hover, [data-hover]) {
+    border-color: var(--colors-stroke-disabled);
+}
+
+  .invalid\:checked\:hover\:border_stroke\.hover:is(:invalid, [data-invalid]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:hover, [data-hover]) {
+    border-color: var(--colors-stroke-hover);
+}
+
+  .invalid\:checked\:hover\:ring-color_stroke\.hover:is(:invalid, [data-invalid]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:hover, [data-hover]) {
+    outline-color: var(--colors-stroke-hover);
+}
+
   .ariaInvalid\:focusWithin\:hover\:ring-color_stroke\.error:has([aria-invalid='true']):focus-within:is(:hover, [data-hover]),.ariaInvalid\:focusWithin\:hover\:ring-color_stroke\.error[aria-invalid='true']:focus-within:is(:hover, [data-hover]) {
     outline-color: var(--colors-stroke-error);
 }

package/es/ArticleLists.js

@@ -7,8 +7,7 @@
  */
 
 import { styled } from "@ndla/styled-system/jsx";
-import { jsx as _jsx } from "react/jsx-runtime";
-const StyledOrderedList = styled("ol", {
+export const OrderedList = styled("ol", {
   base: {
     listStyle: "revert",
     listStylePosition: "inside",
@@ -54,18 +53,7 @@ const StyledOrderedList = styled("ol", {
     }
   }
 });
-export const OrderedList = _ref => {
-  let {
-    variant = "numbers",
-    ...props
-  } = _ref;
-  return /*#__PURE__*/_jsx(StyledOrderedList, {
-    variant: variant,
-    "data-variant": variant,
-    ...props
-  });
-};
-const StyledUnOrderedList = styled("ul", {
+export const UnOrderedList = styled("ul", {
   base: {
     listStyle: "revert",
     listStylePosition: "inside",
@@ -78,15 +66,7 @@ const StyledUnOrderedList = styled("ul", {
     }
   }
 });
-export const UnOrderedList = _ref2 => {
-  let {
-    ...props
-  } = _ref2;
-  return /*#__PURE__*/_jsx(StyledUnOrderedList, {
-    ...props
-  });
-};
-const StyledDefinitionList = styled("dl", {
+export const DefinitionList = styled("dl", {
   base: {
     "& dt": {
       fontWeight: "bold"
@@ -95,12 +75,4 @@ const StyledDefinitionList = styled("dl", {
       marginInlineStart: "medium"
     }
   }
-});
-export const DefinitionList = _ref3 => {
-  let {
-    ...props
-  } = _ref3;
-  return /*#__PURE__*/_jsx(StyledDefinitionList, {
-    ...props
-  });
-};
+});