@ndla/primitives 0.0.8 → 0.0.10

package/dist/panda.buildinfo.json

@@ -1,5 +1,5 @@
 {
-  "schemaVersion": "0.40.1",
+  "schemaVersion": "0.41.0",
   "styles": {
     "atomic": [
       "display]___[value:flex",
@@ -87,6 +87,8 @@
       "boxShadowColor]___[value:stroke.default",
       "color]___[value:text.onAction]___[cond:_disabled",
       "background]___[value:surface.disabled]___[cond:_disabled",
+      "boxShadowColor]___[value:surface.disabled]___[cond:_disabled",
+      "color]___[value:text.onAction]___[cond:_disabled<___>& svg",
       "color]___[value:text.onAction]___[cond:_disabled<___>_hover",
       "background]___[value:surface.disabled]___[cond:_disabled<___>_hover",
       "boxShadow]___[value:inset 0 0 0 3px var(--shadow-color)]___[cond:_focusVisible",
@@ -196,6 +198,30 @@
       "color]___[value:stroke.hover]___[cond:_checked<___>_hover",
       "color]___[value:stroke.disabled]___[cond:_disabled",
       "color]___[value:stroke.disabled]___[cond:_disabled<___>_hover",
+      "zIndex]___[value:dropdown",
+      "boxShadow]___[value:large",
+      "padding]___[value:xsmall",
+      "overflowY]___[value:auto",
+      "maxHeight]___[value:surface.xsmall",
+      "animation]___[value:fade-shift-in 0.25s ease-out]___[cond:_open",
+      "animation]___[value:fade-shift-out 0.25s ease-out]___[cond:_closed",
+      "transitionProperty]___[value:background, color, border-color",
+      "background]___[value:surface.hover]___[cond:_hover",
+      "background]___[value:surface.hover]___[cond:_highlighted",
+      "background]___[value:surface.selected]___[cond:_checked",
+      "background]___[value:surface.hover]___[cond:_checked<___>_highlighted",
+      "background]___[value:surface.default]___[cond:_hover",
+      "borderColor]___[value:stroke.default]___[cond:_highlighted",
+      "borderColor]___[value:stroke.default]___[cond:_checked",
+      "color]___[value:icon.default]___[cond:& svg",
+      "transformOrigin]___[value:center]___[cond:& svg",
+      "transitionDuration]___[value:normal]___[cond:& svg",
+      "transitionProperty]___[value:transform]___[cond:& svg",
+      "transitionTimingFunction]___[value:default]___[cond:& svg",
+      "transform]___[value:rotate(180deg)]___[cond:_open<___>& svg",
+      "color]___[value:stroke.default",
+      "textDecoration]___[value:underline]___[cond:_checked",
+      "textDecoration]___[value:underline]___[cond:_highlighted",
       "position]___[value:fixed",
       "height]___[value:100vh",
       "width]___[value:100vw",
@@ -214,7 +240,6 @@
       "maxWidth]___[value:95%",
       "maxHeight]___[value:95%",
       "margin]___[value:auto",
-      "overflowY]___[value:auto",
       "borderRadius]___[value:sharp",
       "borderRadius]___[value:small]___[cond:tablet",
       "paddingBlockStart]___[value:env(safe-area-inset-top)",
@@ -263,6 +288,22 @@
       "textStyle]___[value:label.large!]___[cond:& > *",
       "color]___[value:text.error",
       "whiteSpace]___[value:pre-line",
+      "transitionProperty]___[value:transform, width, height",
+      "width]___[value:50%]___[cond:tablet",
+      "width]___[value:65%]___[cond:desktop",
+      "width]___[value:35%]___[cond:tablet",
+      "width]___[value:50%]___[cond:desktop",
+      "width]___[value:25%]___[cond:tablet",
+      "width]___[value:35%]___[cond:desktop",
+      "float]___[value:left]___[cond:tablet",
+      "clear]___[value:left]___[cond:tablet",
+      "paddingInlineEnd]___[value:medium]___[cond:tablet",
+      "float]___[value:right]___[cond:tablet",
+      "clear]___[value:right]___[cond:tablet",
+      "paddingInlineStart]___[value:medium]___[cond:tablet",
+      "zIndex]___[value:base",
+      "left]___[value:auto",
+      "marginBlock]___[value:xsmall",
       "borderRadius]___[value:small",
       "boxShadow]___[value:4px 4px 0px 0px var(--shadow-color)",
       "backgroundColor]___[value:surface.default",
@@ -309,13 +350,10 @@
       "margin]___[value:0",
       "transitionProperty]___[value:background, color",
       "textDecoration]___[value:underline]___[cond:_hover",
-      "textDecoration]___[value:underline]___[cond:_highlighted",
       "color]___[value:stroke.disabled]___[cond:_disabled<___>& svg",
       "textDecoration]___[value:none]___[cond:_disabled<___>_hover",
       "background]___[value:surface.default]___[cond:_disabled<___>_hover",
       "color]___[value:stroke.disabled]___[cond:_disabled<___>_hover<___>& svg",
-      "background]___[value:surface.hover]___[cond:_hover",
-      "background]___[value:surface.hover]___[cond:_highlighted",
       "background]___[value:surface.active]___[cond:_active",
       "color]___[value:icon.error]___[cond:& svg",
       "color]___[value:text.default]___[cond:_hover",
@@ -328,9 +366,6 @@
       "minWidth]___[value:surface.xxsmall",
       "padding]___[value:3xsmall",
       "boxShadow]___[value:xsmall",
-      "zIndex]___[value:dropdown",
-      "animation]___[value:fade-shift-in 0.25s ease-out]___[cond:_open",
-      "animation]___[value:fade-shift-out 0.25s ease-out]___[cond:_closed",
       "alignItems]___[value:flex-start",
       "gap]___[value:small",
       "background]___[value:surface.infoSubtle",
@@ -359,11 +394,22 @@
       "outlineColor]___[value:surface.default",
       "transitionProperty]___[value:background, border-color, box-shadow",
       "background]___[value:stroke.default]___[cond:_checked",
-      "borderColor]___[value:stroke.default]___[cond:_checked",
       "outline]___[value:2px solid]___[cond:&:has(input:focus-visible)",
       "outlineOffset]___[value:4xsmall]___[cond:&:has(input:focus-visible)",
       "outlineColor]___[value:stroke.default]___[cond:&:has(input:focus-visible)",
       "borderRadius]___[value:xsmall]___[cond:&:has(input:focus-visible)",
+      "outlineOffset]___[value:-1]___[cond:_focusVisible",
+      "background]___[value:surface.selected]___[cond:_selected",
+      "background]___[value:surface.hover]___[cond:_selected<___>_hover",
+      "background]___[value:surface.hover]___[cond:_selected<___>_highlighted",
+      "background]___[value:surface.hover]___[cond:_highlighted<___>_hover",
+      "color]___[value:text.disabled]___[cond:_disabled<___>_highlighted",
+      "background]___[value:surface.disabled]___[cond:_disabled<___>_highlighted",
+      "color]___[value:text.disabled]___[cond:_disabled<___>_selected",
+      "background]___[value:surface.disabled]___[cond:_disabled<___>_selected",
+      "color]___[value:icon.default",
+      "width]___[value:surface.small",
+      "boxShadowColor]___[value:stroke.error]___[cond:_ariaInvalid",
       "animation]___[value:skeleton-pulse",
       "backgroundColor]___[value:surface.disabled",
       "backgroundClip]___[value:padding-box",
@@ -439,31 +485,11 @@
       "textAlign]___[value:center]___[cond:& td, & th<___>&[data-align='center']",
       "textAlign]___[value:left]___[cond:& td, & th<___>&[data-align='left']",
       "textAlign]___[value:right]___[cond:& td, & th<___>&[data-align='right']",
-      "paddingBlockStart]___[value:xsmall]___[cond:_horizontal",
-      "paddingInlineStart]___[value:xsmall]___[cond:_vertical",
-      "boxShadow]___[value:0 0 0 3px var(--shadow-color)]___[cond:_focusVisible",
-      "borderWidth]___[value:1px",
-      "padding]___[value:xsmall",
-      "outlineOffset]___[value:-3px]___[cond:_focusVisible",
-      "outlineColor]___[value:stroke.default]___[cond:_focusVisible",
+      "flexDirection]___[value:column]___[cond:_horizontal",
+      "flexDirection]___[value:row]___[cond:_vertical",
       "overflow]___[value:auto",
       "marginBlockEnd]___[value:-1px]___[cond:_horizontal",
       "marginInlineEnd]___[value:-1px]___[cond:_vertical",
-      "flexDirection]___[value:column]___[cond:_horizontal",
-      "flexDirection]___[value:row]___[cond:_vertical",
-      "outline]___[value:4px solid",
-      "outlineColor]___[value:stroke.default",
-      "outlineOffset]___[value:-4px",
-      "height]___[value:var(--height)]___[cond:_peerFocusVisible",
-      "width]___[value:var(--width)]___[cond:_peerFocusVisible",
-      "borderTopRadius]___[value:xsmall]___[cond:_peerFocusVisible<___>_horizontal",
-      "borderRightRadius]___[value:xsmall]___[cond:_peerFocusVisible<___>_vertical",
-      "bottom]___[value:0]___[cond:_horizontal",
-      "height]___[value:2]___[cond:_horizontal",
-      "width]___[value:var(--width)]___[cond:_horizontal",
-      "height]___[value:var(--height)]___[cond:_vertical",
-      "left]___[value:0]___[cond:_vertical",
-      "width]___[value:2]___[cond:_vertical",
       "transitionProperty]___[value:color, background, border-color",
       "whiteSpace]___[value:nowrap",
       "color]___[value:text.strong]___[cond:_selected",
@@ -476,6 +502,7 @@
       "justifyContent]___[value:flex-start]___[cond:_vertical",
       "borderRadius]___[value:unset]___[cond:_focusVisible",
       "borderColor]___[value:transparent",
+      "borderWidth]___[value:1px",
       "borderTopRadius]___[value:xsmall]___[cond:_horizontal",
       "borderTopLeftRadius]___[value:xsmall]___[cond:_vertical",
       "borderBottomLeftRadius]___[value:xsmall]___[cond:_vertical",
@@ -483,6 +510,28 @@
       "borderColor]___[value:stroke.subtle]___[cond:_selected",
       "borderBottomColor]___[value:transparent]___[cond:_selected<___>_horizontal",
       "borderRightColor]___[value:transparent]___[cond:_selected<___>_vertical",
+      "outlineOffset]___[value:-3px]___[cond:_focusVisible",
+      "outlineColor]___[value:stroke.default]___[cond:_focusVisible",
+      "paddingBlockStart]___[value:xsmall]___[cond:_horizontal",
+      "paddingInlineStart]___[value:xsmall]___[cond:_vertical",
+      "boxShadow]___[value:0 0 0 3px var(--shadow-color)]___[cond:_focusVisible",
+      "width]___[value:full",
+      "gap]___[value:1",
+      "paddingInlineEnd]___[value:3xsmall",
+      "paddingInlineStart]___[value:xsmall",
+      "cursor]___[value:initial",
+      "outlineColor]___[value:transparent",
+      "backgroundColor]___[value:surface.actionSubtle.selected",
+      "transitionProperty]___[value:background, outline-color, color",
+      "backgroundColor]___[value:surface.actionSubtle.hover]___[cond:_hover",
+      "color]___[value:stroke.hover]___[cond:_hover<___>& svg",
+      "backgroundColor]___[value:surface.actionSubtle.hover]___[cond:_highlighted",
+      "outlineWidth]___[value:3px]___[cond:_highlighted",
+      "outlineOffset]___[value:-1px]___[cond:_highlighted",
+      "outlineColor]___[value:stroke.hover]___[cond:_highlighted",
+      "color]___[value:stroke.hover]___[cond:_highlighted<___>& svg",
+      "paddingBottom]___[value:1",
+      "display]___[value:inline-block]___[cond:& span",
       "textStyle]___[value:body.medium",
       "textStyle]___[value:heading.medium",
       "boxShadow]___[value:medium",