@vitus-labs/unistyle 2.7.0 → 2.7.2

package/lib/index.js

@@ -417,13 +417,17 @@ const Provider = ({ theme, children, ...props }) => {
 		});
 	}, [breakpoints, rootSize]);
 	return /* @__PURE__ */ jsx(Provider$1, {
-		theme: {
+		theme: useMemo(() => ({
 			...theme,
 			__VITUS_LABS__: {
 				sortedBreakpoints,
 				media
 			}
-		},
+		}), [
+			theme,
+			sortedBreakpoints,
+			media
+		]),
 		...props,
 		children
 	});
@@ -764,6 +768,10 @@ const processDescriptor = (d, t, css, calc, shorthand, borderRadiusFn) => {
 	}
 };
 
+//#endregion
+//#region src/styles/styles/camelToKebab.ts
+const camelToKebab = (s) => s.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
+
 //#endregion
 //#region src/styles/styles/propertyMap.ts
 const propertyMap = [
@@ -773,27 +781,22 @@ const propertyMap = [
 	},
 	{
 		kind: "simple",
-		css: "all",
 		key: "all"
 	},
 	{
 		kind: "simple",
-		css: "display",
 		key: "display"
 	},
 	{
 		kind: "simple",
-		css: "position",
 		key: "position"
 	},
 	{
 		kind: "simple",
-		css: "box-sizing",
 		key: "boxSizing"
 	},
 	{
 		kind: "simple",
-		css: "float",
 		key: "float"
 	},
 	{
@@ -841,62 +844,50 @@ const propertyMap = [
 	},
 	{
 		kind: "convert",
-		css: "gap",
 		key: "gap"
 	},
 	{
 		kind: "simple",
-		css: "aspect-ratio",
 		key: "aspectRatio"
 	},
 	{
 		kind: "simple",
-		css: "contain",
 		key: "contain"
 	},
 	{
 		kind: "simple",
-		css: "container-type",
 		key: "containerType"
 	},
 	{
 		kind: "simple",
-		css: "container-name",
 		key: "containerName"
 	},
 	{
 		kind: "simple",
-		css: "container",
 		key: "container"
 	},
 	{
 		kind: "convert",
-		css: "inline-size",
 		key: "inlineSize"
 	},
 	{
 		kind: "convert",
-		css: "block-size",
 		key: "blockSize"
 	},
 	{
 		kind: "convert",
-		css: "min-inline-size",
 		key: "minInlineSize"
 	},
 	{
 		kind: "convert",
-		css: "min-block-size",
 		key: "minBlockSize"
 	},
 	{
 		kind: "convert",
-		css: "max-inline-size",
 		key: "maxInlineSize"
 	},
 	{
 		kind: "convert",
-		css: "max-block-size",
 		key: "maxBlockSize"
 	},
 	{
@@ -927,532 +918,426 @@ const propertyMap = [
 	},
 	{
 		kind: "convert",
-		css: "margin-inline",
 		key: "marginInline"
 	},
 	{
 		kind: "convert",
-		css: "margin-inline-start",
 		key: "marginInlineStart"
 	},
 	{
 		kind: "convert",
-		css: "margin-inline-end",
 		key: "marginInlineEnd"
 	},
 	{
 		kind: "convert",
-		css: "margin-block",
 		key: "marginBlock"
 	},
 	{
 		kind: "convert",
-		css: "margin-block-start",
 		key: "marginBlockStart"
 	},
 	{
 		kind: "convert",
-		css: "margin-block-end",
 		key: "marginBlockEnd"
 	},
 	{
 		kind: "convert",
-		css: "padding-inline",
 		key: "paddingInline"
 	},
 	{
 		kind: "convert",
-		css: "padding-inline-start",
 		key: "paddingInlineStart"
 	},
 	{
 		kind: "convert",
-		css: "padding-inline-end",
 		key: "paddingInlineEnd"
 	},
 	{
 		kind: "convert",
-		css: "padding-block",
 		key: "paddingBlock"
 	},
 	{
 		kind: "convert",
-		css: "padding-block-start",
 		key: "paddingBlockStart"
 	},
 	{
 		kind: "convert",
-		css: "padding-block-end",
 		key: "paddingBlockEnd"
 	},
 	{
 		kind: "convert",
-		css: "inset-inline",
 		key: "insetInline"
 	},
 	{
 		kind: "convert",
-		css: "inset-inline-start",
 		key: "insetInlineStart"
 	},
 	{
 		kind: "convert",
-		css: "inset-inline-end",
 		key: "insetInlineEnd"
 	},
 	{
 		kind: "convert",
-		css: "inset-block",
 		key: "insetBlock"
 	},
 	{
 		kind: "convert",
-		css: "inset-block-start",
 		key: "insetBlockStart"
 	},
 	{
 		kind: "convert",
-		css: "inset-block-end",
 		key: "insetBlockEnd"
 	},
 	{
 		kind: "simple",
-		css: "align-content",
 		key: "alignContent"
 	},
 	{
 		kind: "simple",
-		css: "align-items",
 		key: "alignItems"
 	},
 	{
 		kind: "simple",
-		css: "align-self",
 		key: "alignSelf"
 	},
 	{
 		kind: "simple",
-		css: "flex",
 		key: "flex"
 	},
 	{
 		kind: "simple",
-		css: "flex-basis",
 		key: "flexBasis"
 	},
 	{
 		kind: "simple",
-		css: "flex-direction",
 		key: "flexDirection"
 	},
 	{
 		kind: "simple",
-		css: "flex-flow",
 		key: "flexFlow"
 	},
 	{
 		kind: "simple",
-		css: "flex-grow",
 		key: "flexGrow"
 	},
 	{
 		kind: "simple",
-		css: "flex-shrink",
 		key: "flexShrink"
 	},
 	{
 		kind: "simple",
-		css: "flex-wrap",
 		key: "flexWrap"
 	},
 	{
 		kind: "simple",
-		css: "justify-content",
 		key: "justifyContent"
 	},
 	{
 		kind: "simple",
-		css: "justify-items",
 		key: "justifyItems"
 	},
 	{
 		kind: "simple",
-		css: "justify-self",
 		key: "justifySelf"
 	},
 	{
 		kind: "simple",
-		css: "place-items",
 		key: "placeItems"
 	},
 	{
 		kind: "simple",
-		css: "place-content",
 		key: "placeContent"
 	},
 	{
 		kind: "simple",
-		css: "place-self",
 		key: "placeSelf"
 	},
 	{
 		kind: "convert",
-		css: "row-gap",
 		key: "rowGap"
 	},
 	{
 		kind: "convert",
-		css: "column-gap",
 		key: "columnGap"
 	},
 	{
 		kind: "simple",
-		css: "grid",
 		key: "grid"
 	},
 	{
 		kind: "simple",
-		css: "grid-area",
 		key: "gridArea"
 	},
 	{
 		kind: "convert",
-		css: "grid-auto-columns",
 		key: "gridAutoColumns"
 	},
 	{
 		kind: "simple",
-		css: "grid-auto-flow",
 		key: "gridAutoFlow"
 	},
 	{
 		kind: "convert",
-		css: "grid-auto-rows",
 		key: "gridAutoRows"
 	},
 	{
 		kind: "simple",
-		css: "grid-column",
 		key: "gridColumn"
 	},
 	{
 		kind: "simple",
-		css: "grid-column-end",
 		key: "gridColumnEnd"
 	},
 	{
 		kind: "convert",
-		css: "grid-column-gap",
 		key: "gridColumnGap"
 	},
 	{
 		kind: "convert",
-		css: "grid-column-start",
 		key: "gridColumnStart"
 	},
 	{
 		kind: "convert",
-		css: "grid-gap",
 		key: "gridGap"
 	},
 	{
 		kind: "simple",
-		css: "grid-row",
 		key: "gridRow"
 	},
 	{
 		kind: "simple",
-		css: "grid-row-start",
 		key: "gridRowStart"
 	},
 	{
 		kind: "simple",
-		css: "grid-row-end",
 		key: "gridRowEnd"
 	},
 	{
 		kind: "convert",
-		css: "grid-row-gap",
 		key: "gridRowGap"
 	},
 	{
 		kind: "simple",
-		css: "grid-template",
 		key: "gridTemplate"
 	},
 	{
 		kind: "simple",
-		css: "grid-template-areas",
 		key: "gridTemplateAreas"
 	},
 	{
 		kind: "simple",
-		css: "grid-template-columns",
 		key: "gridTemplateColumns"
 	},
 	{
 		kind: "simple",
-		css: "grid-template-rows",
 		key: "gridTemplateRows"
 	},
 	{
 		kind: "simple",
-		css: "object-fit",
 		key: "objectFit"
 	},
 	{
 		kind: "simple",
-		css: "object-position",
 		key: "objectPosition"
 	},
 	{
 		kind: "simple",
-		css: "order",
 		key: "order"
 	},
 	{
 		kind: "simple",
-		css: "opacity",
 		key: "opacity"
 	},
 	{
 		kind: "simple",
-		css: "resize",
 		key: "resize"
 	},
 	{
 		kind: "simple",
-		css: "vertical-align",
 		key: "verticalAlign"
 	},
 	{
 		kind: "simple",
-		css: "line-height",
 		key: "lineHeight"
 	},
 	{
 		kind: "simple",
-		css: "font",
 		key: "font"
 	},
 	{
 		kind: "simple",
-		css: "font-family",
 		key: "fontFamily"
 	},
 	{
 		kind: "convert",
-		css: "font-size",
 		key: "fontSize"
 	},
 	{
 		kind: "convert",
-		css: "font-size-adjust",
 		key: "fontSizeAdjust"
 	},
 	{
 		kind: "convert",
-		css: "font-stretch",
 		key: "fontStretch"
 	},
 	{
 		kind: "simple",
-		css: "font-style",
 		key: "fontStyle"
 	},
 	{
 		kind: "simple",
-		css: "font-variant",
 		key: "fontVariant"
 	},
 	{
 		kind: "simple",
-		css: "font-weight",
 		key: "fontWeight"
 	},
 	{
 		kind: "simple",
-		css: "font-kerning",
 		key: "fontKerning"
 	},
 	{
 		kind: "simple",
-		css: "font-feature-settings",
 		key: "fontFeatureSettings"
 	},
 	{
 		kind: "simple",
-		css: "font-variation-settings",
 		key: "fontVariationSettings"
 	},
 	{
 		kind: "simple",
-		css: "font-optical-sizing",
 		key: "fontOpticalSizing"
 	},
 	{
 		kind: "simple",
-		css: "text-align",
 		key: "textAlign"
 	},
 	{
 		kind: "simple",
-		css: "text-align-last",
 		key: "textAlignLast"
 	},
 	{
 		kind: "simple",
-		css: "text-transform",
 		key: "textTransform"
 	},
 	{
 		kind: "simple",
-		css: "text-decoration",
 		key: "textDecoration"
 	},
 	{
 		kind: "simple",
-		css: "text-decoration-color",
 		key: "textDecorationColor"
 	},
 	{
 		kind: "simple",
-		css: "text-decoration-line",
 		key: "textDecorationLine"
 	},
 	{
 		kind: "simple",
-		css: "text-decoration-style",
 		key: "textDecorationStyle"
 	},
 	{
 		kind: "simple",
-		css: "text-decoration-thickness",
 		key: "textDecorationThickness"
 	},
 	{
 		kind: "simple",
-		css: "text-underline-offset",
 		key: "textUnderlineOffset"
 	},
 	{
 		kind: "simple",
-		css: "text-emphasis",
 		key: "textEmphasis"
 	},
 	{
 		kind: "simple",
-		css: "text-emphasis-color",
 		key: "textEmphasisColor"
 	},
 	{
 		kind: "simple",
-		css: "text-emphasis-style",
 		key: "textEmphasisStyle"
 	},
 	{
 		kind: "simple",
-		css: "letter-spacing",
 		key: "letterSpacing"
 	},
 	{
 		kind: "simple",
-		css: "word-spacing",
 		key: "wordSpacing"
 	},
 	{
 		kind: "simple",
-		css: "text-indent",
 		key: "textIndent"
 	},
 	{
 		kind: "simple",
-		css: "text-justify",
 		key: "textJustify"
 	},
 	{
 		kind: "simple",
-		css: "text-overflow",
 		key: "textOverflow"
 	},
 	{
 		kind: "simple",
-		css: "text-shadow",
 		key: "textShadow"
 	},
 	{
 		kind: "simple",
-		css: "text-wrap",
 		key: "textWrap"
 	},
 	{
 		kind: "simple",
-		css: "text-rendering",
 		key: "textRendering"
 	},
 	{
 		kind: "simple",
-		css: "white-space",
 		key: "whiteSpace"
 	},
 	{
 		kind: "simple",
-		css: "word-break",
 		key: "wordBreak"
 	},
 	{
 		kind: "simple",
-		css: "word-wrap",
 		key: "wordWrap"
 	},
 	{
 		kind: "simple",
-		css: "writing-mode",
 		key: "writingMode"
 	},
 	{
 		kind: "simple",
-		css: "direction",
 		key: "direction"
 	},
 	{
 		kind: "simple",
-		css: "hyphens",
 		key: "hyphens"
 	},
 	{
 		kind: "simple",
-		css: "list-style",
 		key: "listStyle"
 	},
 	{
 		kind: "simple",
-		css: "list-style-image",
 		key: "listStyleImage"
 	},
 	{
 		kind: "simple",
-		css: "list-style-position",
 		key: "listStylePosition"
 	},
 	{
 		kind: "simple",
-		css: "list-style-type",
 		key: "listStyleType"
 	},
 	{
 		kind: "simple",
-		css: "color",
 		key: "color"
 	},
 	{
 		kind: "simple",
-		css: "background",
 		key: "background"
 	},
 	{
 		kind: "simple",
-		css: "background-color",
 		key: "backgroundColor"
 	},
 	{
@@ -1461,32 +1346,26 @@ const propertyMap = [
 	},
 	{
 		kind: "simple",
-		css: "background-attachment",
 		key: "backgroundAttachment"
 	},
 	{
 		kind: "simple",
-		css: "background-clip",
 		key: "backgroundClip"
 	},
 	{
 		kind: "simple",
-		css: "background-origin",
 		key: "backgroundOrigin"
 	},
 	{
 		kind: "simple",
-		css: "background-position",
 		key: "backgroundPosition"
 	},
 	{
 		kind: "simple",
-		css: "background-repeat",
 		key: "backgroundRepeat"
 	},
 	{
 		kind: "simple",
-		css: "background-size",
 		key: "backgroundSize"
 	},
 	{
@@ -1505,27 +1384,22 @@ const propertyMap = [
 	},
 	{
 		kind: "simple",
-		css: "border",
 		key: "border"
 	},
 	{
 		kind: "simple",
-		css: "border-top",
 		key: "borderTop"
 	},
 	{
 		kind: "simple",
-		css: "border-bottom",
 		key: "borderBottom"
 	},
 	{
 		kind: "simple",
-		css: "border-left",
 		key: "borderLeft"
 	},
 	{
 		kind: "simple",
-		css: "border-right",
 		key: "borderRight"
 	},
 	{
@@ -1569,132 +1443,106 @@ const propertyMap = [
 	},
 	{
 		kind: "simple",
-		css: "border-image",
 		key: "borderImage"
 	},
 	{
 		kind: "simple",
-		css: "border-image-outset",
 		key: "borderImageOutset"
 	},
 	{
 		kind: "simple",
-		css: "border-image-repeat",
 		key: "borderImageRepeat"
 	},
 	{
 		kind: "simple",
-		css: "border-image-slice",
 		key: "borderImageSlice"
 	},
 	{
 		kind: "simple",
-		css: "border-image-source",
 		key: "borderImageSource"
 	},
 	{
 		kind: "simple",
-		css: "border-image-width",
 		key: "borderImageWidth"
 	},
 	{
 		kind: "simple",
-		css: "border-spacing",
 		key: "borderSpacing"
 	},
 	{
 		kind: "simple",
-		css: "border-collapse",
 		key: "borderCollapse"
 	},
 	{
 		kind: "simple",
-		css: "border-inline",
 		key: "borderInline"
 	},
 	{
 		kind: "simple",
-		css: "border-block",
 		key: "borderBlock"
 	},
 	{
 		kind: "simple",
-		css: "border-inline-start",
 		key: "borderInlineStart"
 	},
 	{
 		kind: "simple",
-		css: "border-inline-end",
 		key: "borderInlineEnd"
 	},
 	{
 		kind: "simple",
-		css: "border-block-start",
 		key: "borderBlockStart"
 	},
 	{
 		kind: "simple",
-		css: "border-block-end",
 		key: "borderBlockEnd"
 	},
 	{
 		kind: "simple",
-		css: "backface-visibility",
 		key: "backfaceVisibility"
 	},
 	{
 		kind: "simple",
-		css: "box-shadow",
 		key: "boxShadow"
 	},
 	{
 		kind: "simple",
-		css: "filter",
 		key: "filter"
 	},
 	{
 		kind: "simple",
-		css: "backdrop-filter",
 		key: "backdropFilter"
 	},
 	{
 		kind: "simple",
-		css: "mix-blend-mode",
 		key: "mixBlendMode"
 	},
 	{
 		kind: "simple",
-		css: "background-blend-mode",
 		key: "backgroundBlendMode"
 	},
 	{
 		kind: "simple",
-		css: "isolation",
 		key: "isolation"
 	},
 	{
 		kind: "simple",
-		css: "outline",
 		key: "outline"
 	},
 	{
 		kind: "simple",
-		css: "outline-color",
 		key: "outlineColor"
 	},
 	{
 		kind: "simple",
-		css: "outline-offset",
 		key: "outlineOffset"
 	},
 	{
 		kind: "simple",
-		css: "outline-style",
 		key: "outlineStyle"
 	},
 	{
 		kind: "simple",
-		css: "outline-width",
 		key: "outlineWidth"
 	},
 	{
@@ -1703,392 +1551,314 @@ const propertyMap = [
 	},
 	{
 		kind: "simple",
-		css: "animation-name",
 		key: "animationName"
 	},
 	{
 		kind: "simple",
-		css: "animation-duration",
 		key: "animationDuration"
 	},
 	{
 		kind: "simple",
-		css: "animation-timing-function",
 		key: "animationTimingFunction"
 	},
 	{
 		kind: "simple",
-		css: "animation-delay",
 		key: "animationDelay"
 	},
 	{
 		kind: "simple",
-		css: "animation-iteration-count",
 		key: "animationIterationCount"
 	},
 	{
 		kind: "simple",
-		css: "animation-direction",
 		key: "animationDirection"
 	},
 	{
 		kind: "simple",
-		css: "animation-fill-mode",
 		key: "animationFillMode"
 	},
 	{
 		kind: "simple",
-		css: "animation-play-state",
 		key: "animationPlayState"
 	},
 	{
 		kind: "simple",
-		css: "transition",
 		key: "transition"
 	},
 	{
 		kind: "simple",
-		css: "transition-delay",
 		key: "transitionDelay"
 	},
 	{
 		kind: "simple",
-		css: "transition-duration",
 		key: "transitionDuration"
 	},
 	{
 		kind: "simple",
-		css: "transition-property",
 		key: "transitionProperty"
 	},
 	{
 		kind: "simple",
-		css: "transition-timing-function",
 		key: "transitionTimingFunction"
 	},
 	{
 		kind: "simple",
-		css: "transform",
 		key: "transform"
 	},
 	{
 		kind: "simple",
-		css: "transform-origin",
 		key: "transformOrigin"
 	},
 	{
 		kind: "simple",
-		css: "transform-style",
 		key: "transformStyle"
 	},
 	{
 		kind: "simple",
-		css: "translate",
 		key: "translate"
 	},
 	{
 		kind: "simple",
-		css: "rotate",
 		key: "rotate"
 	},
 	{
 		kind: "simple",
-		css: "scale",
 		key: "scale"
 	},
 	{
 		kind: "simple",
-		css: "will-change",
 		key: "willChange"
 	},
 	{
 		kind: "simple",
-		css: "scroll-behavior",
 		key: "scrollBehavior"
 	},
 	{
 		kind: "simple",
-		css: "scroll-snap-type",
 		key: "scrollSnapType"
 	},
 	{
 		kind: "simple",
-		css: "scroll-snap-align",
 		key: "scrollSnapAlign"
 	},
 	{
 		kind: "simple",
-		css: "scroll-snap-stop",
 		key: "scrollSnapStop"
 	},
 	{
 		kind: "simple",
-		css: "scroll-margin",
 		key: "scrollMargin"
 	},
 	{
 		kind: "simple",
-		css: "scroll-padding",
 		key: "scrollPadding"
 	},
 	{
 		kind: "simple",
-		css: "overscroll-behavior",
 		key: "overscrollBehavior"
 	},
 	{
 		kind: "simple",
-		css: "overscroll-behavior-x",
 		key: "overscrollBehaviorX"
 	},
 	{
 		kind: "simple",
-		css: "overscroll-behavior-y",
 		key: "overscrollBehaviorY"
 	},
 	{
 		kind: "simple",
-		css: "cursor",
 		key: "cursor"
 	},
 	{
 		kind: "simple",
-		css: "pointer-events",
 		key: "pointerEvents"
 	},
 	{
 		kind: "simple",
-		css: "user-select",
 		key: "userSelect"
 	},
 	{
 		kind: "simple",
-		css: "touch-action",
 		key: "touchAction"
 	},
 	{
 		kind: "simple",
-		css: "scrollbar-width",
 		key: "scrollbarWidth"
 	},
 	{
 		kind: "simple",
-		css: "scrollbar-color",
 		key: "scrollbarColor"
 	},
 	{
 		kind: "simple",
-		css: "scrollbar-gutter",
 		key: "scrollbarGutter"
 	},
 	{
 		kind: "simple",
-		css: "caret-color",
 		key: "caretColor"
 	},
 	{
 		kind: "simple",
-		css: "accent-color",
 		key: "accentColor"
 	},
 	{
 		kind: "simple",
-		css: "color-scheme",
 		key: "colorScheme"
 	},
 	{
 		kind: "simple",
-		css: "caption-side",
 		key: "captionSide"
 	},
 	{
 		kind: "simple",
-		css: "clear",
 		key: "clear"
 	},
 	{
 		kind: "simple",
-		css: "clip",
 		key: "clip"
 	},
 	{
 		kind: "simple",
-		css: "clip-path",
 		key: "clipPath"
 	},
 	{
 		kind: "simple",
-		css: "content",
 		key: "content"
 	},
 	{
 		kind: "simple",
-		css: "content-visibility",
 		key: "contentVisibility"
 	},
 	{
 		kind: "simple",
-		css: "counter-increment",
 		key: "counterIncrement"
 	},
 	{
 		kind: "simple",
-		css: "counter-reset",
 		key: "counterReset"
 	},
 	{
 		kind: "simple",
-		css: "empty-cells",
 		key: "emptyCells"
 	},
 	{
 		kind: "simple",
-		css: "z-index",
 		key: "zIndex"
 	},
 	{
 		kind: "simple",
-		css: "overflow",
 		key: "overflow"
 	},
 	{
 		kind: "simple",
-		css: "overflow-wrap",
 		key: "overflowWrap"
 	},
 	{
 		kind: "simple",
-		css: "overflow-x",
 		key: "overflowX"
 	},
 	{
 		kind: "simple",
-		css: "overflow-y",
 		key: "overflowY"
 	},
 	{
 		kind: "simple",
-		css: "perspective",
 		key: "perspective"
 	},
 	{
 		kind: "simple",
-		css: "perspective-origin",
 		key: "perspectiveOrigin"
 	},
 	{
 		kind: "simple",
-		css: "quotes",
 		key: "quotes"
 	},
 	{
 		kind: "simple",
-		css: "tab-size",
 		key: "tabSize"
 	},
 	{
 		kind: "simple",
-		css: "table-layout",
 		key: "tableLayout"
 	},
 	{
 		kind: "simple",
-		css: "visibility",
 		key: "visibility"
 	},
 	{
 		kind: "simple",
-		css: "appearance",
 		key: "appearance"
 	},
 	{
 		kind: "simple",
-		css: "image-rendering",
 		key: "imageRendering"
 	},
 	{
 		kind: "simple",
-		css: "mask-image",
 		key: "maskImage"
 	},
 	{
 		kind: "simple",
-		css: "mask-size",
 		key: "maskSize"
 	},
 	{
 		kind: "simple",
-		css: "mask-position",
 		key: "maskPosition"
 	},
 	{
 		kind: "simple",
-		css: "mask-repeat",
 		key: "maskRepeat"
 	},
 	{
 		kind: "simple",
-		css: "shape-outside",
 		key: "shapeOutside"
 	},
 	{
 		kind: "simple",
-		css: "shape-margin",
 		key: "shapeMargin"
 	},
 	{
 		kind: "simple",
-		css: "shape-image-threshold",
 		key: "shapeImageThreshold"
 	},
 	{
 		kind: "simple",
-		css: "column-count",
 		key: "columnCount"
 	},
 	{
 		kind: "simple",
-		css: "column-width",
 		key: "columnWidth"
 	},
 	{
 		kind: "simple",
-		css: "column-rule",
 		key: "columnRule"
 	},
 	{
 		kind: "simple",
-		css: "columns",
 		key: "columns"
 	},
 	{
 		kind: "simple",
-		css: "break-before",
 		key: "breakBefore"
 	},
 	{
 		kind: "simple",
-		css: "break-after",
 		key: "breakAfter"
 	},
 	{
 		kind: "simple",
-		css: "break-inside",
 		key: "breakInside"
 	},
 	{
 		kind: "simple",
-		css: "orphans",
 		key: "orphans"
 	},
 	{
 		kind: "simple",
-		css: "widows",
 		key: "widows"
 	},
 	{
 		kind: "simple",
-		css: "print-color-adjust",
 		key: "printColorAdjust"
 	},
 	{
@@ -2104,6 +1874,7 @@ const propertyMap = [
 		id: "extendCss"
 	}
 ];
+for (const d of propertyMap) if ((d.kind === "simple" || d.kind === "convert") && d.css === void 0) d.css = camelToKebab(d.key);
 
 //#endregion
 //#region src/styles/styles/index.ts