@ndla/primitives 1.0.80-alpha.0 → 1.0.81-alpha.0

package/dist/panda.buildinfo.json

@@ -55,6 +55,7 @@
       "borderColor]___[value:stroke.default",
       "marginInlineStart]___[value:small",
       "paddingInlineStart]___[value:small",
+      "marginInlineStart]___[value:0 !important]___[cond:& > li<___>& > ul",
       "position]___[value:absolute]___[cond:& > li<___>_before",
       "transform]___[value:translateX(calc(-100% + (token(spacing.small) * -1)))]___[cond:& > li<___>_before",
       "fontVariantNumeric]___[value:tabular-nums]___[cond:& > li<___>_before",
@@ -87,9 +88,13 @@
       "content]___[value:counter(level1, lower-roman) '. ']___[cond:& > li<___>& > ol[data-variant='letters'] > li<___>& > ol[data-variant='letters'] > li<___>_before",
       "listStyle]___[value:revert",
       "marginInlineStart]___[value:medium",
-      "marginInlineStart]___[value:0]___[cond:&  ul",
+      "marginInlineStart]___[value:0]___[cond:& ul",
       "paddingInlineStart]___[value:small]___[cond:& li",
       "color]___[value:icon.strong]___[cond:& li<___>_marker",
+      "marginInlineStart]___[value:0 !important]___[cond:& li<___>& > ol",
+      "listStyleType]___[value:disc",
+      "listStyleType]___[value:circle]___[cond:& > li > ul",
+      "listStyleType]___[value:square]___[cond:& > li > ul<___>& > li > ul",
       "fontWeight]___[value:bold]___[cond:& dt",
       "marginInlineStart]___[value:medium]___[cond:& dd",
       "paddingInline]___[value:xsmall",

package/dist/styles.css

@@ -1155,6 +1155,10 @@
     border-color: var(--colors-stroke-default);
 }
 
+  .li-t_disc {
+    list-style-type: disc;
+}
+
   .bg-c_surface\.brand\.1\.moderate {
     background-color: var(--colors-surface-brand-1-moderate);
 }
@@ -1585,7 +1589,7 @@
     padding-inline-start: 0;
 }
 
-  .\[\&__ul\]\:ms_0  ul {
+  .\[\&_ul\]\:ms_0 ul {
     margin-inline-start: 0;
 }
 
@@ -2009,6 +2013,10 @@
     transition-property: background, border-color, border, border-radius;
 }
 
+  .\[\&_\>_li_\>_ul\]\:li-t_circle > li > ul {
+    list-style-type: circle;
+}
+
   .\[\&_dt\]\:fw_bold dt {
     font-weight: var(--font-weights-bold);
 }
@@ -2498,6 +2506,10 @@
     color: var(--colors-text-disabled);
 }
 
+  .\[\&_\>_li\]\:\[\&_\>_ul\]\:ms_0\! > li > ul {
+    margin-inline-start: 0 !important;
+}
+
   .\[\&_\>_li\]\:before\:pos_absolute > li::before {
     position: absolute;
 }
@@ -2514,6 +2526,10 @@
     color: var(--colors-icon-strong);
 }
 
+  .\[\&_li\]\:\[\&_\>_ol\]\:ms_0\! li > ol {
+    margin-inline-start: 0 !important;
+}
+
   .disabled\:\[\&_svg\]\:c_text\.onAction:is(:disabled, [disabled], [data-disabled], [aria-disabled='true']) svg {
     color: var(--colors-text-on-action);
 }
@@ -2700,6 +2716,10 @@
     content: counter(level1, upper-alpha) '. ';
 }
 
+  .\[\&_\>_li_\>_ul\]\:\[\&_\>_li_\>_ul\]\:li-t_square > li > ul > li > ul {
+    list-style-type: square;
+}
+
   .disabled\:hover\:bd-c_stroke\.disabled:is(:disabled, [disabled], [data-disabled], [aria-disabled='true']):is(:hover, [data-hover]) {
     border-color: var(--colors-stroke-disabled);
 }

package/es/ArticleLists.js

@@ -20,6 +20,9 @@ const orderedListRecipe = cva({
     marginInlineStart: "small",
     paddingInlineStart: "small",
     [LIST_ITEM]: {
+      "& > ul": {
+        marginInlineStart: "0 !important"
+      },
       _before: {
         position: "absolute",
         transform: "translateX(calc(-100% + (token(spacing.small) * -1)))",
@@ -149,7 +152,7 @@ export const UnOrderedList = styled("ul", {
     listStyle: "revert",
     marginInlineStart: "medium",
     paddingInlineStart: "small",
-    "&  ul": {
+    "& ul": {
       marginInlineStart: "0"
     },
     "& li": {
@@ -157,6 +160,16 @@ export const UnOrderedList = styled("ul", {
       paddingInlineStart: "small",
       _marker: {
         color: "icon.strong"
+      },
+      "& > ol": {
+        marginInlineStart: "0 !important"
+      }
+    },
+    listStyleType: "disc",
+    "& > li > ul": {
+      listStyleType: "circle",
+      "& > li > ul": {
+        listStyleType: "square"
       }
     }
   }

package/lib/ArticleLists.js

@@ -26,6 +26,9 @@ const orderedListRecipe = (0, _css.cva)({
     marginInlineStart: "small",
     paddingInlineStart: "small",
     [LIST_ITEM]: {
+      "& > ul": {
+        marginInlineStart: "0 !important"
+      },
       _before: {
         position: "absolute",
         transform: "translateX(calc(-100% + (token(spacing.small) * -1)))",
@@ -155,7 +158,7 @@ const UnOrderedList = exports.UnOrderedList = (0, _jsx2.styled)("ul", {
     listStyle: "revert",
     marginInlineStart: "medium",
     paddingInlineStart: "small",
-    "&  ul": {
+    "& ul": {
       marginInlineStart: "0"
     },
     "& li": {
@@ -163,6 +166,16 @@ const UnOrderedList = exports.UnOrderedList = (0, _jsx2.styled)("ul", {
       paddingInlineStart: "small",
       _marker: {
         color: "icon.strong"
+      },
+      "& > ol": {
+        marginInlineStart: "0 !important"
+      }
+    },
+    listStyleType: "disc",
+    "& > li > ul": {
+      listStyleType: "circle",
+      "& > li > ul": {
+        listStyleType: "square"
       }
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/primitives",
-  "version": "1.0.80-alpha.0",
+  "version": "1.0.81-alpha.0",
   "description": "Primitive components for NDLA",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -43,5 +43,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "53e4047f2320059d2af1315479140bd0e49c220f"
+  "gitHead": "0193b3dca20d4292a4937549ec3e0c1c834643ff"
 }