@ndla/primitives 0.0.1

package/dist/panda.buildinfo.json

@@ -0,0 +1,426 @@
+{
+  "schemaVersion": "0.40.1",
+  "styles": {
+    "atomic": [
+      "display]___[value:flex",
+      "flexDirection]___[value:column",
+      "gap]___[value:3xsmall",
+      "alignItems]___[value:center",
+      "justifyContent]___[value:space-between",
+      "background]___[value:surface.default",
+      "cursor]___[value:pointer",
+      "paddingInline]___[value:medium",
+      "paddingBlock]___[value:medium",
+      "boxShadowColor]___[value:stroke.subtle",
+      "boxShadow]___[value:inset 0 0 0 1px var(--shadow-color)",
+      "borderRadius]___[value:xsmall",
+      "transitionDuration]___[value:fast",
+      "transitionTimingFunction]___[value:default",
+      "transitionProperty]___[value:background, border-color, border, border-radius",
+      "width]___[value:100%",
+      "transitionProperty]___[value:background, border-color, border, border-radius]___[cond:_closed",
+      "cursor]___[value:not-allowed]___[cond:_disabled",
+      "background]___[value:surface..disabled.subtle]___[cond:_disabled",
+      "boxShadowColor]___[value:stroke.disabled]___[cond:_disabled",
+      "color]___[value:text.disabled]___[cond:_disabled",
+      "background]___[value:surface.disabled.subtle]___[cond:_disabled<___>_hover",
+      "boxShadowColor]___[value:stroke.disabled]___[cond:_disabled<___>_hover",
+      "color]___[value:text.disabled]___[cond:_disabled<___>_hover",
+      "background]___[value:surface.actionSubtle.hover]___[cond:_hover",
+      "boxShadowColor]___[value:stroke.hover]___[cond:_hover",
+      "backgroundColor]___[value:surface.actionSubtle.active]___[cond:_open",
+      "boxShadowColor]___[value:stroke.default]___[cond:_open",
+      "borderBottomRadius]___[value:sharp]___[cond:_open",
+      "outline]___[value:none]___[cond:_focusVisible",
+      "boxShadowColor]___[value:stroke.default]___[cond:_focusVisible",
+      "boxShadow]___[value:inset 0 0 0 2px var(--shadow-color)]___[cond:_focusVisible",
+      "color]___[value:icon.strong",
+      "transformOrigin]___[value:center",
+      "transitionDuration]___[value:normal",
+      "transitionProperty]___[value:transform",
+      "transform]___[value:rotate(180deg)]___[cond:_open",
+      "overflow]___[value:hidden",
+      "transitionProperty]___[value:padding-bottom",
+      "paddingBlock]___[value:xsmall",
+      "paddingInline]___[value:small",
+      "borderBottomRadius]___[value:xsmall",
+      "borderWidth]___[value:0 1px 1px",
+      "borderStyle]___[value:solid",
+      "borderColor]___[value:stroke.default",
+      "animation]___[value:collapse-in]___[cond:_open",
+      "animation]___[value:collapse-out]___[cond:_closed",
+      "listStyle]___[value:revert",
+      "listStylePosition]___[value:inside",
+      "paddingInlineStart]___[value:small",
+      "marginBlock]___[value:small]___[cond:& li",
+      "content]___[value:counters(list-item, '.') '. ']___[cond:& > li<___>_marker",
+      "content]___[value:counter(list-item, numeric) '. ']___[cond:& ol[data-variant='numbers'] > li<___>_marker",
+      "content]___[value:counter(list-item, upper-alpha) '. ']___[cond:& li<___>_marker",
+      "content]___[value:counter(list-item, lower-alpha) '. ']___[cond:& li<___>& > ol > li<___>_marker",
+      "content]___[value:counter(list-item, lower-roman) '. ']___[cond:& li<___>& > ol > li<___>& li<___>_marker",
+      "color]___[value:icon.strong]___[cond:& li<___>_marker",
+      "fontWeight]___[value:bold]___[cond:& dt",
+      "marginInlineStart]___[value:medium]___[cond:& dd",
+      "paddingInline]___[value:xsmall",
+      "border]___[value:1px solid",
+      "width]___[value:fit-content",
+      "backgroundColor]___[value:surface.brand.1.subtle",
+      "borderColor]___[value:surface.brand.1.strong",
+      "backgroundColor]___[value:surface.brand.2.subtle",
+      "borderColor]___[value:surface.brand.2.strong",
+      "backgroundColor]___[value:surface.brand.3.subtle",
+      "borderColor]___[value:surface.brand.3.strong",
+      "backgroundColor]___[value:surface.infoSubtle",
+      "borderInlineStart]___[value:4px solid",
+      "borderColor]___[value:stroke.subtle",
+      "background]___[value:surface.brand.1.subtle",
+      "background]___[value:surface.brand.2.subtle",
+      "display]___[value:inline-flex",
+      "justifyContent]___[value:center",
+      "gap]___[value:xsmall",
+      "textDecoration]___[value:none",
+      "textStyle]___[value:label.medium",
+      "fontWeight]___[value:bold",
+      "transitionProperty]___[value:all",
+      "textAlign]___[value:center",
+      "outline]___[value:none",
+      "boxShadowColor]___[value:stroke.default",
+      "color]___[value:text.onAction]___[cond:_disabled",
+      "background]___[value:surface.disabled]___[cond:_disabled",
+      "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",
+      "color]___[value:text.onAction",
+      "background]___[value:surface.action",
+      "color]___[value:text.onAction]___[cond:_hover",
+      "background]___[value:surface.action.hover]___[cond:_hover",
+      "color]___[value:text.onAction]___[cond:_active",
+      "background]___[value:surface.action.active]___[cond:_active",
+      "boxShadow]___[value:inset 0 0 0 3px var(--shadow-color), inset 0px 0px 0px 6px currentcolor]___[cond:_focusVisible",
+      "color]___[value:text.strong",
+      "background]___[value:transparent",
+      "background]___[value:surface.actionSubtle.active]___[cond:_active",
+      "boxShadow]___[value:inset 0 0 0 1px var(--shadow-color)]___[cond:_hover",
+      "boxShadow]___[value:inset 0 0 0 3px var(--shadow-color)]___[cond:_hover<___>_focusVisible",
+      "borderColor]___[value:stroke.default]___[cond:_active",
+      "color]___[value:stroke.hover]___[cond:_hover",
+      "color]___[value:surface.actionSubtle.hover.strong]___[cond:_hover",
+      "background]___[value:surface.error",
+      "background]___[value:surface.error.hover]___[cond:_hover",
+      "background]___[value:surface.error.active]___[cond:_active",
+      "boxShadowColor]___[value:surface.error]___[cond:_focusVisible",
+      "background]___[value:surface.success",
+      "background]___[value:surface.success.hover]___[cond:_hover",
+      "background]___[value:surface.success.active]___[cond:_active",
+      "boxShadowColor]___[value:surface.success]___[cond:_focusVisible",
+      "color]___[value:text.link",
+      "textDecoration]___[value:underline",
+      "textDecorationThickness]___[value:1px",
+      "textDecoration]___[value:none]___[cond:_hover",
+      "paddingBlock]___[value:xxsmall",
+      "minHeight]___[value:24",
+      "textStyle]___[value:label.small",
+      "minHeight]___[value:19",
+      "paddingBlock]___[value:3xsmall",
+      "lineHeight]___[value:1",
+      "minHeight]___[value:unset",
+      "marginInline]___[value:0]___[cond:& svg",
+      "marginBlock]___[value:0]___[cond:& svg",
+      "width]___[value:medium]___[cond:& svg",
+      "height]___[value:medium]___[cond:& svg",
+      "userSelect]___[value:none",
+      "gap]___[value:xxsmall",
+      "color]___[value:text.action]___[cond:_hover",
+      "outline]___[value:2px solid]___[cond:_focus",
+      "outlineOffset]___[value:4xsmall]___[cond:_focus",
+      "outlineColor]___[value:stroke.default]___[cond:_focus",
+      "borderRadius]___[value:xsmall]___[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",
+      "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",
+      "position]___[value:fixed",
+      "left]___[value:0",
+      "top]___[value:0",
+      "width]___[value:100vw",
+      "height]___[value:100dvh",
+      "zIndex]___[value:modal",
+      "height]___[value:100vh",
+      "zIndex]___[value:overlay",
+      "background]___[value:rgba(1, 1, 1, 0.3)",
+      "animation]___[value:backdrop-in]___[cond:_open",
+      "animation]___[value:backdrop-out]___[cond:_closed",
+      "--margin]___[value:token(sizes.medium)",
+      "position]___[value:relative",
+      "boxShadow]___[value:xlarge",
+      "height]___[value:min-content",
+      "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)",
+      "paddingBlockEnd]___[value:env(safe-area-inset-bottom)",
+      "paddingInlineStart]___[value:env(safe-area-inset-left)",
+      "paddingInlineEnd]___[value:env(safe-area-inset-right)",
+      "--margin]___[value:0px]___[cond:tabletDown",
+      "minWidth]___[value:100%]___[cond:tabletDown",
+      "minHeight]___[value:100%]___[cond:tabletDown",
+      "--margin]___[value:0px",
+      "borderRadius]___[value:sharp]___[cond:tablet",
+      "width]___[value:var(--size)",
+      "animation]___[value:dialog-in]___[cond:_open",
+      "animation]___[value:dialog-out]___[cond:_closed",
+      "marginInlineStart]___[value:min(var(--margin), 5%)",
+      "marginInlineEnd]___[value:var(--margin)",
+      "marginBlockEnd]___[value:var(--margin)",
+      "marginBlockStart]___[value:var(--margin)",
+      "minHeight]___[value:100%",
+      "minWidth]___[value:100%",
+      "--size]___[value:sizes.surface.xsmall",
+      "--size]___[value:sizes.surface.medium",
+      "--size]___[value:sizes.surface.xlarge",
+      "--size]___[value:sizes.surface.4xlarge",
+      "maxHeight]___[value:100%",
+      "animation]___[value:drawer-in-left]___[cond:_open",
+      "animation]___[value:drawer-out-left]___[cond:_closed",
+      "animation]___[value:drawer-in-right]___[cond:_open",
+      "animation]___[value:drawer-out-right]___[cond:_closed",
+      "maxWidth]___[value:100%",
+      "height]___[value:var(--size)",
+      "animation]___[value:drawer-in-top]___[cond:_open",
+      "animation]___[value:drawer-out-top]___[cond:_closed",
+      "animation]___[value:drawer-in-bottom]___[cond:_open",
+      "animation]___[value:drawer-out-bottom]___[cond:_closed",
+      "--size]___[value:sizes.surface.3xsmall",
+      "paddingBlockStart]___[value:medium",
+      "paddingBlockStart]___[value:small",
+      "paddingBlockEnd]___[value:medium",
+      "padding]___[value:medium",
+      "padding]___[value:medium]___[cond:_open",
+      "marginBlockEnd]___[value:-xxsmall]___[cond:_open<___>& summary",
+      "margin]___[value:-medium",
+      "textStyle]___[value:label.large!",
+      "display]___[value:inline!]___[cond:& > *",
+      "textStyle]___[value:label.large!]___[cond:& > *",
+      "color]___[value:text.error",
+      "whiteSpace]___[value:pre-line",
+      "borderRadius]___[value:small",
+      "boxShadow]___[value:4px 4px 0px 0px var(--shadow-color)",
+      "backgroundColor]___[value:surface.default",
+      "boxShadowColor]___[value:surface.brand.1.strong",
+      "boxShadowColor]___[value:surface.brand.2.strong",
+      "display]___[value:inline-block",
+      "fill]___[value:currentcolor",
+      "verticalAlign]___[value:middle",
+      "lineHeight]___[value:1em",
+      "flexShrink]___[value:0",
+      "width]___[value:xsmall",
+      "height]___[value:xsmall",
+      "width]___[value:small",
+      "height]___[value:small",
+      "width]___[value:large",
+      "height]___[value:large",
+      "outline]___[value:1px solid",
+      "outlineColor]___[value:stroke.subtle",
+      "background]___[value:background.default",
+      "minHeight]___[value:xxlarge",
+      "paddingBlock]___[value:0",
+      "outlineColor]___[value:stroke.error]___[cond:_ariaInvalid",
+      "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",
+      "transition]___[value:background-color 600000s 0s, color 600000s 0s]___[cond:_autofill",
+      "appearance]___[value:none]___[cond:_focus",
+      "resize]___[value:none",
+      "overflowY]___[value:hidden",
+      "float]___[value:none",
+      "width]___[value:inherit",
+      "color]___[value:text.subtle]___[cond:_disabled",
+      "border]___[value:none",
+      "padding]___[value:0",
+      "margin]___[value:0",
+      "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",
+      "color]___[value:icon.default]___[cond:_hover<___>& svg",
+      "background]___[value:surface.errorSubtle.hover]___[cond:_hover",
+      "color]___[value:text.default]___[cond:_highlighted",
+      "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",
+      "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",
+      "background]___[value:surface.warningSubtle",
+      "borderColor]___[value:stroke.warning",
+      "background]___[value:surface.successSubtle",
+      "borderColor]___[value:stroke.success",
+      "background]___[value:surface.errorSubtle",
+      "borderColor]___[value:stroke.error",
+      "color]___[value:primary",
+      "fontVariantNumeric]___[value:tabular-nums",
+      "zIndex]___[value:popover",
+      "maxWidth]___[value:var(--available-width)",
+      "animation]___[value:fade-shift-in 0.2s ease-out]___[cond:_open",
+      "animation]___[value:fade-shift-out 0.2s ease-out]___[cond:_closed",
+      "--arrow-size]___[value:sizes.xxsmall",
+      "--arrow-background]___[value:colors.surface.default",
+      "flexWrap]___[value:wrap",
+      "flexDirection]___[value:column]___[cond:_vertical",
+      "flexDirection]___[value:row]___[cond:_horizontal",
+      "borderRadius]___[value:full",
+      "borderWidth]___[value:2px",
+      "outlineStyle]___[value:solid",
+      "outlineWidth]___[value:4px",
+      "outlineOffset]___[value:-6px",
+      "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)",
+      "animation]___[value:skeleton-pulse",
+      "backgroundColor]___[value:surface.disabled",
+      "backgroundClip]___[value:padding-box",
+      "color]___[value:transparent",
+      "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",
+      "height]___[value:4xsmall]___[cond:_horizontal",
+      "zIndex]___[value:1",
+      "transitionProperty]___[value:background",
+      "border]___[value:2px solid]___[cond:_focusVisible",
+      "borderColor]___[value:background.default]___[cond:_focusVisible",
+      "outline]___[value:3px solid]___[cond:_focusVisible",
+      "outlineColor]___[value:surface.action]___[cond:_focusVisible",
+      "outlineOffset]___[value:0px]___[cond:_focusVisible",
+      "animation]___[value:spin",
+      "display]___[value:block",
+      "borderBlockColor]___[value:background.subtle",
+      "borderInlineStartColor]___[value:background.subtle",
+      "borderInlineEndColor]___[value:stroke.default",
+      "marginBlock]___[value:medium",
+      "marginInline]___[value:auto",
+      "borderWidth]___[value:4px",
+      "borderWidth]___[value:8px",
+      "height]___[value:xxlarge",
+      "width]___[value:xxlarge",
+      "background]___[value:surface.disabled.strong",
+      "padding]___[value:1",
+      "borderRadius]___[value:medium",
+      "background]___[value:surface.action.active]___[cond:_checked",
+      "background]___[value:icon.onAction",
+      "width]___[value:10",
+      "height]___[value:10",
+      "textStyle]___[value:label.xsmall",
+      "transform]___[value:translateX(20%)]___[cond:_hover",
+      "transform]___[value:translateX(0)]___[cond:_hover<___>_disabled",
+      "transform]___[value:translateX(120%)]___[cond:_checked",
+      "transform]___[value:translateX(100%)]___[cond:_checked<___>_hover",
+      "transform]___[value:translateX(120%)]___[cond:_checked<___>_hover<___>_disabled",
+      "transitionProperty]___[value:color",
+      "overflowX]___[value:auto",
+      "padding]___[value:4xsmall",
+      "tableLayout]___[value:fixed",
+      "fontWeight]___[value:bold]___[cond:& > caption",
+      "textAlign]___[value:left]___[cond:& > caption",
+      "textTransform]___[value:uppercase]___[cond:& > caption",
+      "marginBlockEnd]___[value:xsmall]___[cond:& > caption",
+      "overflow]___[value:hidden]___[cond:& thead",
+      "fontWeight]___[value:bold]___[cond:& thead tr th",
+      "borderBottom]___[value:3px solid]___[cond:& thead tr th",
+      "borderColor]___[value:surface.brand.1.strong]___[cond:& thead tr th",
+      "verticalAlign]___[value:text-top]___[cond:& thead tr th",
+      "borderRight]___[value:3px solid]___[cond:& tbody th",
+      "borderColor]___[value:surface.brand.1.strong]___[cond:& tbody th",
+      "padding]___[value:3xsmall]___[cond:& tbody th",
+      "border]___[value:1px solid]___[cond:& thead tr:nth-child(2) th",
+      "borderColor]___[value:surface.brand.1.subtle]___[cond:& thead tr:nth-child(2) th",
+      "textTransform]___[value:none]___[cond:& thead tr:nth-child(2) th",
+      "fontWeight]___[value:semibold]___[cond:& thead tr:nth-child(2) th",
+      "height]___[value:large]___[cond:& thead tr:nth-child(2) th",
+      "backgroundColor]___[value:surface.brand.1.subtle]___[cond:& thead tr:nth-child(2) th",
+      "paddingBlock]___[value:4xsmall]___[cond:& thead tr:nth-child(2) th",
+      "paddingInlineEnd]___[value:medium]___[cond:& thead tr:nth-child(2) th",
+      "paddingInlineStart]___[value:3xsmall]___[cond:& thead tr:nth-child(2) th",
+      "backgroundColor]___[value:transparent]___[cond:& thead tr:nth-child(2) th<___>_empty",
+      "border]___[value:1px solid]___[cond:& td",
+      "borderColor]___[value:surface.brand.1.subtle]___[cond:& td",
+      "verticalAlign]___[value:top]___[cond:& td",
+      "display]___[value:table-cell]___[cond:& td, & th",
+      "paddingInline]___[value:xsmall]___[cond:& td, & th",
+      "paddingBlock]___[value:3xsmall]___[cond:& td, & th",
+      "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']",
+      "textStyle]___[value:body.medium",
+      "boxShadow]___[value:medium",
+      "minWidth]___[value:20rem",
+      "height]___[value:var(--height)",
+      "opacity]___[value:var(--opacity)",
+      "overflowWrap]___[value:anywhere",
+      "padding]___[value:small",
+      "scale]___[value:var(--scale)",
+      "translate]___[value:var(--x) var(--y) 0",
+      "willChange]___[value:translate, scale, opacity, height",
+      "zIndex]___[value:var(--z-index)",
+      "transitionDuration]___[value:slow",
+      "transitionProperty]___[value:translate, scale, opacity, height",
+      "position]___[value:absolute",
+      "top]___[value:xxsmall",
+      "right]___[value:xxsmall",
+      "paddingInline]___[value:xxsmall",
+      "--arrow-size]___[value:spacing.xxsmall",
+      "--arrow-background]___[value:colors.surface.action"
+    ],
+    "recipes": {}
+  }
+}