@ndla/primitives 0.0.2 → 0.0.4

package/dist/panda.buildinfo.json

@@ -66,7 +66,7 @@
       "width]___[value:fit-content",
       "backgroundColor]___[value:surface.brand.1.subtle",
       "borderColor]___[value:surface.brand.1.strong",
-      "backgroundColor]___[value:surface.brand.2.subtle",
+      "backgroundColor]___[value:surface.brand.2.moderate",
       "borderColor]___[value:surface.brand.2.strong",
       "backgroundColor]___[value:surface.brand.3.subtle",
       "borderColor]___[value:surface.brand.3.strong",
@@ -136,34 +136,76 @@
       "outlineOffset]___[value:4xsmall]___[cond:_focus",
       "outlineColor]___[value:stroke.default]___[cond:_focus",
       "borderRadius]___[value:xsmall]___[cond:_focus",
+      "color]___[value:text.default",
+      "gap]___[value:4xsmall",
+      "background]___[value:surface.actionSubtle",
+      "outlineColor]___[value:stroke.subtle",
+      "paddingBlock]___[value:4xsmall",
+      "borderRadius]___[value:large",
+      "minHeight]___[value:large",
+      "transitionProperty]___[value:border-color, background, box-shadow, color",
+      "borderColor]___[value:stroke.disabled]___[cond:_disabled",
+      "borderColor]___[value:stroke.disabled]___[cond:_disabled<___>_hover",
+      "color]___[value:text.disabled]___[cond:_disabled<___>_checked",
+      "borderColor]___[value:stroke.disabled]___[cond:_disabled<___>_checked",
+      "background]___[value:surface.disabled]___[cond:_disabled<___>_checked",
+      "color]___[value:text.disabled]___[cond:_disabled<___>_checked<___>_hover",
+      "borderColor]___[value:stroke.disabled]___[cond:_disabled<___>_checked<___>_hover",
+      "background]___[value:surface.disabled]___[cond:_disabled<___>_checked<___>_hover",
+      "borderColor]___[value:stroke.hover]___[cond:_hover",
+      "outlineColor]___[value:stroke.hover]___[cond:_hover",
+      "backgroundColor]___[value:surface.dangerSubtle]___[cond:_hover<___>_invalid",
+      "color]___[value:text.onAction]___[cond:_checked",
+      "background]___[value:surface.actionSubtle.selected]___[cond:_checked",
+      "borderColor]___[value:surface.actionSubtle.selected]___[cond:_checked",
+      "outlineColor]___[value:icon.onAction]___[cond:_checked",
+      "outlineOffset]___[value:-4px]___[cond:_checked<___>_focus",
+      "outlineOffset]___[value:-2px]___[cond:_checked<___>_hover",
+      "background]___[value:surface.actionSubtle.hover]___[cond:_checked<___>_hover",
+      "color]___[value:text.default]___[cond:_checked<___>_hover",
+      "borderColor]___[value:stroke.hover]___[cond:_checked<___>_hover",
+      "outlineColor]___[value:stroke.hover]___[cond:_checked<___>_hover",
+      "borderColor]___[value:stroke.error]___[cond:_invalid",
+      "outlineColor]___[value:stroke.error]___[cond:_invalid",
+      "background]___[value:surface.dangerSubtle]___[cond:_invalid",
+      "outlineOffset]___[value:-2px]___[cond:_invalid",
+      "color]___[value:text.default]___[cond:_invalid<___>_checked",
+      "borderColor]___[value:stroke.error]___[cond:_invalid<___>_checked",
+      "outlineColor]___[value:stroke.error]___[cond:_invalid<___>_checked",
+      "background]___[value:surface.dangerSubtle]___[cond:_invalid<___>_checked",
+      "outlineOffset]___[value:-2px]___[cond:_invalid<___>_checked",
+      "borderColor]___[value:stroke.hover]___[cond:_invalid<___>_checked<___>_hover",
+      "outlineColor]___[value:stroke.hover]___[cond:_invalid<___>_checked<___>_hover",
+      "outlineStyle]___[value:solid]___[cond:_focus",
+      "outlineWidth]___[value:2px]___[cond:_focus",
+      "outlineOffset]___[value:-2px]___[cond:_focus",
       "width]___[value:medium",
       "height]___[value:medium",
       "border]___[value:2px solid",
-      "transitionProperty]___[value:border-color, background, box-shadow, color",
       "boxShadow]___[value:0 0 0 4px var(--shadow-color)]___[cond:_hover",
       "boxShadowColor]___[value:surface.actionSubtle.hover.strong]___[cond:_hover",
-      "color]___[value:icon.onAction]___[cond:_checked",
       "backgroundColor]___[value:surface.action]___[cond:_checked",
       "borderColor]___[value:surface.action]___[cond:_checked",
-      "borderColor]___[value:stroke.disabled]___[cond:_disabled",
-      "borderColor]___[value:stroke.disabled]___[cond:_disabled<___>_hover",
+      "color]___[value:icon.onAction]___[cond:_checked",
       "boxShadow]___[value:none]___[cond:_disabled<___>_hover",
-      "background]___[value:surface.disabled]___[cond:_disabled<___>_checked",
-      "borderColor]___[value:stroke.error]___[cond:_invalid",
       "color]___[value:stroke.error]___[cond:_invalid<___>_checked",
-      "borderColor]___[value:stroke.error]___[cond:_invalid<___>_checked",
       "backgroundColor]___[value:surface.default]___[cond:_invalid<___>_checked",
+      "display]___[value:none",
+      "display]___[value:flex]___[cond:_checked",
+      "color]___[value:stroke.hover]___[cond:_checked<___>_hover",
+      "color]___[value:stroke.disabled]___[cond:_disabled",
+      "color]___[value:stroke.disabled]___[cond:_disabled<___>_hover",
       "position]___[value:fixed",
-      "left]___[value:0",
-      "top]___[value:0",
-      "width]___[value:100vw",
-      "height]___[value:100dvh",
-      "zIndex]___[value:modal",
       "height]___[value:100vh",
+      "width]___[value:100vw",
       "zIndex]___[value:overlay",
+      "left]___[value:0",
+      "top]___[value:0",
       "background]___[value:rgba(1, 1, 1, 0.3)",
       "animation]___[value:backdrop-in]___[cond:_open",
       "animation]___[value:backdrop-out]___[cond:_closed",
+      "height]___[value:100dvh",
+      "zIndex]___[value:modal",
       "--margin]___[value:token(sizes.medium)",
       "position]___[value:relative",
       "boxShadow]___[value:xlarge",
@@ -224,6 +266,7 @@
       "boxShadow]___[value:4px 4px 0px 0px var(--shadow-color)",
       "backgroundColor]___[value:surface.default",
       "boxShadowColor]___[value:surface.brand.1.strong",
+      "backgroundColor]___[value:surface.brand.2.subtle",
       "boxShadowColor]___[value:surface.brand.2.strong",
       "display]___[value:inline-block",
       "fill]___[value:currentcolor",
@@ -237,7 +280,6 @@
       "width]___[value:large",
       "height]___[value:large",
       "outline]___[value:1px solid",
-      "outlineColor]___[value:stroke.subtle",
       "background]___[value:background.default",
       "minHeight]___[value:xxlarge",
       "paddingBlock]___[value:0",
@@ -245,14 +287,12 @@
       "outlineColor]___[value:stroke.error]___[cond:_ariaInvalid<___>_hover",
       "outlineColor]___[value:stroke.error]___[cond:_ariaInvalid<___>_focusWithin",
       "outlineColor]___[value:stroke.error]___[cond:_ariaInvalid<___>_focusWithin<___>_hover",
-      "outlineColor]___[value:stroke.hover]___[cond:_hover",
       "outlineWidth]___[value:2px]___[cond:_focusWithin",
       "outlineOffset]___[value:-1px]___[cond:_focusWithin",
       "outlineColor]___[value:stroke.default]___[cond:_focusWithin",
       "outlineColor]___[value:stroke.default]___[cond:_focusWithin<___>_hover",
       "outlineColor]___[value:stroke.subtle]___[cond:&:disabled, &:has(:disabled)",
       "outlineColor]___[value:stroke.subtle]___[cond:&:disabled, &:has(:disabled)<___>_hover",
-      "color]___[value:text.default",
       "background]___[value:none",
       "border]___[value:0",
       "padding]___[value:xxsmall",
@@ -266,6 +306,13 @@
       "border]___[value:none",
       "padding]___[value:0",
       "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",
@@ -277,14 +324,6 @@
       "color]___[value:icon.default]___[cond:_highlighted<___>& svg",
       "background]___[value:surface.errorSubtle.hover]___[cond:_highlighted",
       "background]___[value:surface.errorSubtle.active]___[cond:_active",
-      "paddingBlock]___[value:4xsmall",
-      "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",
       "minWidth]___[value:surface.xxsmall",
       "padding]___[value:3xsmall",
       "boxShadow]___[value:xsmall",
@@ -331,7 +370,6 @@
       "cursor]___[value:default",
       "pointerEvents]___[value:none",
       "visibility]___[value:hidden]___[cond:&::before, &::after, *",
-      "gap]___[value:4xsmall",
       "background]___[value:surface.disabled",
       "flex]___[value:1",
       "width]___[value:4xsmall]___[cond:_vertical",
@@ -402,7 +440,39 @@
       "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']",
+      "flexDirection]___[value:column]___[cond:_horizontal",
+      "flexDirection]___[value:row]___[cond:_vertical",
+      "overflow]___[value:auto",
+      "marginBlockEnd]___[value:-1px]___[cond:_horizontal",
+      "marginInlineEnd]___[value:-1px]___[cond:_vertical",
+      "transitionProperty]___[value:color, background, border-color",
+      "whiteSpace]___[value:nowrap",
+      "color]___[value:text.strong]___[cond:_selected",
+      "color]___[value:text.subtle]___[cond:_disabled<___>_hover",
+      "borderColor]___[value:stroke.default]___[cond:_hover<___>_focusVisible",
+      "borderBottom]___[value:1px solid]___[cond:_horizontal",
+      "borderColor]___[value:stroke.default]___[cond:_disabled",
+      "borderColor]___[value:stroke.default]___[cond:_disabled<___>_hover",
+      "borderLeft]___[value:1px solid]___[cond:_vertical",
+      "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",
+      "background]___[value:surface.default]___[cond:_selected",
+      "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",
+      "padding]___[value:xsmall",
       "textStyle]___[value:body.medium",
+      "textStyle]___[value:heading.medium",
       "boxShadow]___[value:medium",
       "minWidth]___[value:20rem",
       "height]___[value:var(--height)",