@tokenami/config 0.0.38 → 0.0.40

package/dist/index.d.mts

@@ -1,10 +1,8 @@
-declare const layers: readonly [["all", "-webkit-line-clamp", "accent-color", "align-tracks", "animation", "appearance", "aspect-ratio", "backdrop-filter", "backface-visibility", "background", "border", "border-collapse", "border-spacing", "border-radius", "box-decoration-break", "box-shadow", "box-sizing", "break-after", "break-before", "break-inside", "caption-side", "clear", "clip-path", "color", "color-scheme", "column-fill", "column-span", "column-rule", "columns", "contain", "contain-intrinsic-size", "container", "content", "content-visibility", "counter-increment", "counter-reset", "counter-set", "cursor", "direction", "display", "empty-cells", "fill", "filter", "flex", "flex-flow", "float", "font", "font-feature-settings", "font-kerning", "font-language-override", "font-optical-sizing", "font-palette", "font-size-adjust", "font-synthesis", "font-variation-settings", "forced-color-adjust", "gap", "grid", "grid-area", "grid-column", "grid-row", "grid-template", "hanging-punctuation", "height", "hyphenate-character", "hyphenate-limit-chars", "hyphens", "image-orientation", "image-rendering", "image-resolution", "initial-letter", "input-security", "inset", "isolation", "justify-tracks", "letter-spacing", "line-break", "line-clamp", "line-height-step", "list-style", "margin", "mask", "mask-border", "math-depth", "math-shift", "math-style", "max-height", "max-width", "min-height", "min-width", "mix-blend-mode", "object-fit", "object-position", "offset", "opacity", "order", "orphans", "outline", "overflow", "overscroll-behavior", "padding", "page", "paint-order", "perspective", "perspective-origin", "place-content", "place-items", "place-self", "pointer-events", "position", "print-color-adjust", "quotes", "resize", "rotate", "ruby-position", "scale", "scroll-behavior", "scroll-margin", "scroll-padding", "scroll-snap-align", "scroll-snap-stop", "scroll-snap-type", "scroll-timeline", "scrollbar-color", "scrollbar-gutter", "scrollbar-width", "shape-image-threshold", "shape-margin", "shape-outside", "stroke", "tab-size", "table-layout", "text-align", "text-align-last", "text-combine-upright", "text-decoration", "text-decoration-skip-ink", "text-emphasis", "text-emphasis-position", "text-indent", "text-justify", "text-orientation", "text-overflow", "text-rendering", "text-shadow", "text-size-adjust", "text-transform", "text-underline-offset", "text-underline-position", "touch-action", "transform", "transform-box", "transform-origin", "transform-style", "transition", "translate", "unicode-bidi", "user-select", "vertical-align", "view-transition-name", "visibility", "white-space", "widows", "width", "will-change", "word-break", "word-spacing", "word-wrap", "writing-mode", "z-index", "zoom"], ["animation-composition", "animation-delay", "animation-direction", "animation-duration", "animation-fill-mode", "animation-iteration-count", "animation-name", "animation-play-state", "animation-timeline", "animation-timing-function", "background-attachment", "background-blend-mode", "background-clip", "background-color", "background-image", "background-origin", "background-position", "background-position-x", "background-position-y", "background-repeat", "background-size", "border-top", "border-right", "border-bottom", "border-left", "border-top-left-radius", "border-top-right-radius", "border-bottom-left-radius", "border-bottom-right-radius", "caret-color", "caret-shape", "column-rule-color", "column-rule-style", "column-rule-width", "column-count", "column-width", "contain-intrinsic-width", "contain-intrinsic-height", "container-name", "container-type", "flex-grow", "flex-shrink", "flex-basis", "flex-direction", "flex-wrap", "font-style", "font-variant", "font-weight", "font-stretch", "font-size", "font-family", "row-gap", "column-gap", "grid-auto-columns", "grid-auto-flow", "grid-auto-rows", "grid-template-areas", "grid-template-columns", "grid-template-rows", "grid-row-start", "grid-column-start", "grid-row-end", "grid-column-end", "top", "right", "bottom", "left", "line-height", "list-style-image", "list-style-position", "list-style-type", "margin-top", "margin-right", "margin-bottom", "margin-left", "mask-border-mode", "mask-border-outset", "mask-border-repeat", "mask-border-slice", "mask-border-source", "mask-border-width", "mask-clip", "mask-composite", "mask-image", "mask-mode", "mask-origin", "mask-position", "mask-repeat", "mask-size", "mask-type", "offset-anchor", "offset-distance", "offset-path", "offset-position", "offset-rotate", "outline-color", "outline-offset", "outline-style", "outline-width", "overflow-anchor", "overflow-clip-margin", "overflow-wrap", "overflow-x", "overflow-y", "overscroll-behavior-x", "overscroll-behavior-y", "padding-top", "padding-right", "padding-bottom", "padding-left", "align-content", "justify-content", "align-items", "justify-items", "align-self", "justify-self", "scroll-margin-top", "scroll-margin-right", "scroll-margin-bottom", "scroll-margin-left", "scroll-padding-top", "scroll-padding-right", "scroll-padding-bottom", "scroll-padding-left", "scroll-timeline-axis", "scroll-timeline-name", "text-decoration-color", "text-decoration-line", "text-decoration-style", "text-decoration-thickness", "text-emphasis-color", "text-emphasis-style", "transition-delay", "transition-duration", "transition-property", "transition-timing-function"], ["border-style", "border-color", "border-width", "border-image", "font-variant-alternates", "font-variant-caps", "font-variant-east-asian", "font-variant-emoji", "font-variant-ligatures", "font-variant-numeric", "font-variant-position"], ["border-top-color", "border-top-style", "border-top-width", "border-right-color", "border-right-style", "border-right-width", "border-bottom-color", "border-bottom-style", "border-bottom-width", "border-left-color", "border-left-style", "border-left-width", "border-image-outset", "border-image-repeat", "border-image-slice", "border-image-source", "border-image-width"], ["block-size", "border-block", "border-inline", "contain-intrinsic-block-size", "contain-intrinsic-inline-size", "inline-size", "inset-block", "inset-inline", "margin-block", "margin-inline", "max-block-size", "min-block-size", "max-inline-size", "min-inline-size", "overflow-block", "overflow-inline", "overscroll-behavior-block", "overscroll-behavior-inline", "padding-block", "padding-inline", "scroll-margin-block", "scroll-margin-inline", "scroll-padding-block", "scroll-padding-inline"], ["border-block-width", "border-block-style", "border-block-color", "border-block-start", "border-block-end", "border-inline-color", "border-inline-style", "border-inline-width", "border-inline-start", "border-inline-end", "inset-block-end", "inset-block-start", "inset-inline-end", "inset-inline-start", "margin-block-end", "margin-block-start", "margin-inline-end", "margin-inline-start", "padding-block-end", "padding-block-start", "padding-inline-end", "padding-inline-start", "scroll-margin-block-end", "scroll-margin-block-start", "scroll-margin-inline-end", "scroll-margin-inline-start", "scroll-padding-block-end", "scroll-padding-block-start", "scroll-padding-inline-end", "scroll-padding-inline-start"], ["border-start-end-radius", "border-start-start-radius", "border-end-end-radius", "border-end-start-radius", "border-block-start-color", "border-block-start-style", "border-block-start-width", "border-block-end-color", "border-block-end-style", "border-block-end-width", "border-inline-start-color", "border-inline-start-style", "border-inline-start-width", "border-inline-end-color", "border-inline-end-style", "border-inline-end-width"]];
-type Flatten<T> = {
-    [K in keyof T]: T[K] extends Array<infer E> ? E : T[K];
-};
-type CSSProperty = Flatten<typeof layers>[number];
-declare const properties: CSSProperty;
+import * as CSS from 'csstype';
 
+interface CSSProperties<TLength = (string & {}) | 0, TTime = string & {}> extends CSS.StandardPropertiesHyphen<TLength, TTime>, CSS.SvgPropertiesHyphen<TLength, TTime> {
+}
+type CSSProperty = keyof CSSProperties;
 type DeepReadonly<T> = T extends Function | any[] ? T : {
     readonly [P in keyof T]: DeepReadonly<T[P]>;
 };
@@ -260,13 +258,14 @@ declare function getTokenValueParts(tokenValue: TokenValue): {
     themeKey: string;
     token: string;
 };
-declare function getCSSPropertiesForAlias(alias: string, aliases: Config['aliases']): CSSProperty[];
+declare function getCSSPropertiesForAlias(alias: string, aliases: Config['aliases']): string[];
 
 declare const mapShorthandToLonghands: {
     all: never[];
     animation: ("animation-delay" | "animation-direction" | "animation-duration" | "animation-fill-mode" | "animation-iteration-count" | "animation-name" | "animation-play-state" | "animation-timeline" | "animation-timing-function")[];
     background: ("background-attachment" | "background-clip" | "background-color" | "background-image" | "background-repeat" | "background-size" | "background-position")[];
-    border: ("border-bottom" | "border-color" | "border-image" | "border-left" | "border-right" | "border-style" | "border-top" | "border-width")[];
+    'background-position': ("background-position-x" | "background-position-y")[];
+    border: ("border-block" | "border-bottom" | "border-color" | "border-image" | "border-inline" | "border-left" | "border-right" | "border-style" | "border-top" | "border-width")[];
     'border-top': ("border-top-color" | "border-top-style" | "border-top-width")[];
     'border-right': ("border-right-color" | "border-right-style" | "border-right-width")[];
     'border-bottom': ("border-bottom-color" | "border-bottom-style" | "border-bottom-width")[];
@@ -294,7 +293,7 @@ declare const mapShorthandToLonghands: {
     'contain-intrinsic-size': ("contain-intrinsic-height" | "contain-intrinsic-width")[];
     flex: ("flex-basis" | "flex-grow" | "flex-shrink")[];
     'flex-flow': ("flex-direction" | "flex-wrap")[];
-    font: ("font-family" | "font-size" | "font-stretch" | "font-style" | "font-variant" | "font-weight" | "line-height")[];
+    font: ("font-size" | "font-family" | "font-stretch" | "font-style" | "font-variant" | "font-weight" | "line-height")[];
     'font-variant': ("font-variant-alternates" | "font-variant-caps" | "font-variant-east-asian" | "font-variant-emoji" | "font-variant-ligatures" | "font-variant-numeric" | "font-variant-position")[];
     gap: ("column-gap" | "row-gap")[];
     grid: ("grid-auto-columns" | "grid-auto-flow" | "grid-auto-rows" | "grid-template-areas" | "grid-template-columns" | "grid-template-rows")[];
@@ -333,4 +332,4 @@ declare const mapShorthandToLonghands: {
     transition: ("transition-delay" | "transition-duration" | "transition-property" | "transition-timing-function")[];
 };
 
-export { type Aliases, ArbitraryValue, type CSSProperty, type Config, type DeepReadonly, type DefaultConfig, GridProperty, GridValue, type Theme, type ThemeModes, TokenProperty, TokenValue, VariantProperty, arbitraryValue, createConfig, defaultConfig, getCSSPropertiesForAlias, getTokenPropertyName, getTokenPropertyParts, getTokenPropertySplit, getTokenValueParts, gridProperty, layers, mapShorthandToLonghands, properties, tokenProperty, tokenValue, variantProperty };
+export { type Aliases, ArbitraryValue, type CSSProperties, type CSSProperty, type Config, type DeepReadonly, type DefaultConfig, GridProperty, GridValue, type Theme, type ThemeModes, TokenProperty, TokenValue, VariantProperty, arbitraryValue, createConfig, defaultConfig, getCSSPropertiesForAlias, getTokenPropertyName, getTokenPropertyParts, getTokenPropertySplit, getTokenValueParts, gridProperty, mapShorthandToLonghands, tokenProperty, tokenValue, variantProperty };

package/dist/index.d.ts

@@ -1,10 +1,8 @@
-declare const layers: readonly [["all", "-webkit-line-clamp", "accent-color", "align-tracks", "animation", "appearance", "aspect-ratio", "backdrop-filter", "backface-visibility", "background", "border", "border-collapse", "border-spacing", "border-radius", "box-decoration-break", "box-shadow", "box-sizing", "break-after", "break-before", "break-inside", "caption-side", "clear", "clip-path", "color", "color-scheme", "column-fill", "column-span", "column-rule", "columns", "contain", "contain-intrinsic-size", "container", "content", "content-visibility", "counter-increment", "counter-reset", "counter-set", "cursor", "direction", "display", "empty-cells", "fill", "filter", "flex", "flex-flow", "float", "font", "font-feature-settings", "font-kerning", "font-language-override", "font-optical-sizing", "font-palette", "font-size-adjust", "font-synthesis", "font-variation-settings", "forced-color-adjust", "gap", "grid", "grid-area", "grid-column", "grid-row", "grid-template", "hanging-punctuation", "height", "hyphenate-character", "hyphenate-limit-chars", "hyphens", "image-orientation", "image-rendering", "image-resolution", "initial-letter", "input-security", "inset", "isolation", "justify-tracks", "letter-spacing", "line-break", "line-clamp", "line-height-step", "list-style", "margin", "mask", "mask-border", "math-depth", "math-shift", "math-style", "max-height", "max-width", "min-height", "min-width", "mix-blend-mode", "object-fit", "object-position", "offset", "opacity", "order", "orphans", "outline", "overflow", "overscroll-behavior", "padding", "page", "paint-order", "perspective", "perspective-origin", "place-content", "place-items", "place-self", "pointer-events", "position", "print-color-adjust", "quotes", "resize", "rotate", "ruby-position", "scale", "scroll-behavior", "scroll-margin", "scroll-padding", "scroll-snap-align", "scroll-snap-stop", "scroll-snap-type", "scroll-timeline", "scrollbar-color", "scrollbar-gutter", "scrollbar-width", "shape-image-threshold", "shape-margin", "shape-outside", "stroke", "tab-size", "table-layout", "text-align", "text-align-last", "text-combine-upright", "text-decoration", "text-decoration-skip-ink", "text-emphasis", "text-emphasis-position", "text-indent", "text-justify", "text-orientation", "text-overflow", "text-rendering", "text-shadow", "text-size-adjust", "text-transform", "text-underline-offset", "text-underline-position", "touch-action", "transform", "transform-box", "transform-origin", "transform-style", "transition", "translate", "unicode-bidi", "user-select", "vertical-align", "view-transition-name", "visibility", "white-space", "widows", "width", "will-change", "word-break", "word-spacing", "word-wrap", "writing-mode", "z-index", "zoom"], ["animation-composition", "animation-delay", "animation-direction", "animation-duration", "animation-fill-mode", "animation-iteration-count", "animation-name", "animation-play-state", "animation-timeline", "animation-timing-function", "background-attachment", "background-blend-mode", "background-clip", "background-color", "background-image", "background-origin", "background-position", "background-position-x", "background-position-y", "background-repeat", "background-size", "border-top", "border-right", "border-bottom", "border-left", "border-top-left-radius", "border-top-right-radius", "border-bottom-left-radius", "border-bottom-right-radius", "caret-color", "caret-shape", "column-rule-color", "column-rule-style", "column-rule-width", "column-count", "column-width", "contain-intrinsic-width", "contain-intrinsic-height", "container-name", "container-type", "flex-grow", "flex-shrink", "flex-basis", "flex-direction", "flex-wrap", "font-style", "font-variant", "font-weight", "font-stretch", "font-size", "font-family", "row-gap", "column-gap", "grid-auto-columns", "grid-auto-flow", "grid-auto-rows", "grid-template-areas", "grid-template-columns", "grid-template-rows", "grid-row-start", "grid-column-start", "grid-row-end", "grid-column-end", "top", "right", "bottom", "left", "line-height", "list-style-image", "list-style-position", "list-style-type", "margin-top", "margin-right", "margin-bottom", "margin-left", "mask-border-mode", "mask-border-outset", "mask-border-repeat", "mask-border-slice", "mask-border-source", "mask-border-width", "mask-clip", "mask-composite", "mask-image", "mask-mode", "mask-origin", "mask-position", "mask-repeat", "mask-size", "mask-type", "offset-anchor", "offset-distance", "offset-path", "offset-position", "offset-rotate", "outline-color", "outline-offset", "outline-style", "outline-width", "overflow-anchor", "overflow-clip-margin", "overflow-wrap", "overflow-x", "overflow-y", "overscroll-behavior-x", "overscroll-behavior-y", "padding-top", "padding-right", "padding-bottom", "padding-left", "align-content", "justify-content", "align-items", "justify-items", "align-self", "justify-self", "scroll-margin-top", "scroll-margin-right", "scroll-margin-bottom", "scroll-margin-left", "scroll-padding-top", "scroll-padding-right", "scroll-padding-bottom", "scroll-padding-left", "scroll-timeline-axis", "scroll-timeline-name", "text-decoration-color", "text-decoration-line", "text-decoration-style", "text-decoration-thickness", "text-emphasis-color", "text-emphasis-style", "transition-delay", "transition-duration", "transition-property", "transition-timing-function"], ["border-style", "border-color", "border-width", "border-image", "font-variant-alternates", "font-variant-caps", "font-variant-east-asian", "font-variant-emoji", "font-variant-ligatures", "font-variant-numeric", "font-variant-position"], ["border-top-color", "border-top-style", "border-top-width", "border-right-color", "border-right-style", "border-right-width", "border-bottom-color", "border-bottom-style", "border-bottom-width", "border-left-color", "border-left-style", "border-left-width", "border-image-outset", "border-image-repeat", "border-image-slice", "border-image-source", "border-image-width"], ["block-size", "border-block", "border-inline", "contain-intrinsic-block-size", "contain-intrinsic-inline-size", "inline-size", "inset-block", "inset-inline", "margin-block", "margin-inline", "max-block-size", "min-block-size", "max-inline-size", "min-inline-size", "overflow-block", "overflow-inline", "overscroll-behavior-block", "overscroll-behavior-inline", "padding-block", "padding-inline", "scroll-margin-block", "scroll-margin-inline", "scroll-padding-block", "scroll-padding-inline"], ["border-block-width", "border-block-style", "border-block-color", "border-block-start", "border-block-end", "border-inline-color", "border-inline-style", "border-inline-width", "border-inline-start", "border-inline-end", "inset-block-end", "inset-block-start", "inset-inline-end", "inset-inline-start", "margin-block-end", "margin-block-start", "margin-inline-end", "margin-inline-start", "padding-block-end", "padding-block-start", "padding-inline-end", "padding-inline-start", "scroll-margin-block-end", "scroll-margin-block-start", "scroll-margin-inline-end", "scroll-margin-inline-start", "scroll-padding-block-end", "scroll-padding-block-start", "scroll-padding-inline-end", "scroll-padding-inline-start"], ["border-start-end-radius", "border-start-start-radius", "border-end-end-radius", "border-end-start-radius", "border-block-start-color", "border-block-start-style", "border-block-start-width", "border-block-end-color", "border-block-end-style", "border-block-end-width", "border-inline-start-color", "border-inline-start-style", "border-inline-start-width", "border-inline-end-color", "border-inline-end-style", "border-inline-end-width"]];
-type Flatten<T> = {
-    [K in keyof T]: T[K] extends Array<infer E> ? E : T[K];
-};
-type CSSProperty = Flatten<typeof layers>[number];
-declare const properties: CSSProperty;
+import * as CSS from 'csstype';
 
+interface CSSProperties<TLength = (string & {}) | 0, TTime = string & {}> extends CSS.StandardPropertiesHyphen<TLength, TTime>, CSS.SvgPropertiesHyphen<TLength, TTime> {
+}
+type CSSProperty = keyof CSSProperties;
 type DeepReadonly<T> = T extends Function | any[] ? T : {
     readonly [P in keyof T]: DeepReadonly<T[P]>;
 };
@@ -260,13 +258,14 @@ declare function getTokenValueParts(tokenValue: TokenValue): {
     themeKey: string;
     token: string;
 };
-declare function getCSSPropertiesForAlias(alias: string, aliases: Config['aliases']): CSSProperty[];
+declare function getCSSPropertiesForAlias(alias: string, aliases: Config['aliases']): string[];
 
 declare const mapShorthandToLonghands: {
     all: never[];
     animation: ("animation-delay" | "animation-direction" | "animation-duration" | "animation-fill-mode" | "animation-iteration-count" | "animation-name" | "animation-play-state" | "animation-timeline" | "animation-timing-function")[];
     background: ("background-attachment" | "background-clip" | "background-color" | "background-image" | "background-repeat" | "background-size" | "background-position")[];
-    border: ("border-bottom" | "border-color" | "border-image" | "border-left" | "border-right" | "border-style" | "border-top" | "border-width")[];
+    'background-position': ("background-position-x" | "background-position-y")[];
+    border: ("border-block" | "border-bottom" | "border-color" | "border-image" | "border-inline" | "border-left" | "border-right" | "border-style" | "border-top" | "border-width")[];
     'border-top': ("border-top-color" | "border-top-style" | "border-top-width")[];
     'border-right': ("border-right-color" | "border-right-style" | "border-right-width")[];
     'border-bottom': ("border-bottom-color" | "border-bottom-style" | "border-bottom-width")[];
@@ -294,7 +293,7 @@ declare const mapShorthandToLonghands: {
     'contain-intrinsic-size': ("contain-intrinsic-height" | "contain-intrinsic-width")[];
     flex: ("flex-basis" | "flex-grow" | "flex-shrink")[];
     'flex-flow': ("flex-direction" | "flex-wrap")[];
-    font: ("font-family" | "font-size" | "font-stretch" | "font-style" | "font-variant" | "font-weight" | "line-height")[];
+    font: ("font-size" | "font-family" | "font-stretch" | "font-style" | "font-variant" | "font-weight" | "line-height")[];
     'font-variant': ("font-variant-alternates" | "font-variant-caps" | "font-variant-east-asian" | "font-variant-emoji" | "font-variant-ligatures" | "font-variant-numeric" | "font-variant-position")[];
     gap: ("column-gap" | "row-gap")[];
     grid: ("grid-auto-columns" | "grid-auto-flow" | "grid-auto-rows" | "grid-template-areas" | "grid-template-columns" | "grid-template-rows")[];
@@ -333,4 +332,4 @@ declare const mapShorthandToLonghands: {
     transition: ("transition-delay" | "transition-duration" | "transition-property" | "transition-timing-function")[];
 };
 
-export { type Aliases, ArbitraryValue, type CSSProperty, type Config, type DeepReadonly, type DefaultConfig, GridProperty, GridValue, type Theme, type ThemeModes, TokenProperty, TokenValue, VariantProperty, arbitraryValue, createConfig, defaultConfig, getCSSPropertiesForAlias, getTokenPropertyName, getTokenPropertyParts, getTokenPropertySplit, getTokenValueParts, gridProperty, layers, mapShorthandToLonghands, properties, tokenProperty, tokenValue, variantProperty };
+export { type Aliases, ArbitraryValue, type CSSProperties, type CSSProperty, type Config, type DeepReadonly, type DefaultConfig, GridProperty, GridValue, type Theme, type ThemeModes, TokenProperty, TokenValue, VariantProperty, arbitraryValue, createConfig, defaultConfig, getCSSPropertiesForAlias, getTokenPropertyName, getTokenPropertyParts, getTokenPropertySplit, getTokenValueParts, gridProperty, mapShorthandToLonghands, tokenProperty, tokenValue, variantProperty };

package/dist/index.js

@@ -35,9 +35,7 @@ __export(src_exports, {
   getTokenPropertySplit: () => getTokenPropertySplit,
   getTokenValueParts: () => getTokenValueParts,
   gridProperty: () => gridProperty,
-  layers: () => layers,
   mapShorthandToLonghands: () => mapShorthandToLonghands,
-  properties: () => properties,
   tokenProperty: () => tokenProperty,
   tokenValue: () => tokenValue,
   variantProperty: () => variantProperty
@@ -287,430 +285,6 @@ function getCSSPropertiesForAlias(alias, aliases) {
   return (aliases == null ? void 0 : aliases[alias]) || [alias];
 }
 
-// src/supports.ts
-var layers = [
-  [
-    "all",
-    "-webkit-line-clamp",
-    "accent-color",
-    "align-tracks",
-    "animation",
-    "appearance",
-    "aspect-ratio",
-    "backdrop-filter",
-    "backface-visibility",
-    "background",
-    "border",
-    "border-collapse",
-    "border-spacing",
-    "border-radius",
-    "box-decoration-break",
-    "box-shadow",
-    "box-sizing",
-    "break-after",
-    "break-before",
-    "break-inside",
-    "caption-side",
-    "clear",
-    "clip-path",
-    "color",
-    "color-scheme",
-    "column-fill",
-    "column-span",
-    "column-rule",
-    "columns",
-    "contain",
-    "contain-intrinsic-size",
-    "container",
-    "content",
-    "content-visibility",
-    "counter-increment",
-    "counter-reset",
-    "counter-set",
-    "cursor",
-    "direction",
-    "display",
-    "empty-cells",
-    "fill",
-    "filter",
-    "flex",
-    "flex-flow",
-    "float",
-    "font",
-    "font-feature-settings",
-    "font-kerning",
-    "font-language-override",
-    "font-optical-sizing",
-    "font-palette",
-    "font-size-adjust",
-    "font-synthesis",
-    "font-variation-settings",
-    "forced-color-adjust",
-    "gap",
-    "grid",
-    "grid-area",
-    "grid-column",
-    "grid-row",
-    "grid-template",
-    "hanging-punctuation",
-    "height",
-    "hyphenate-character",
-    "hyphenate-limit-chars",
-    "hyphens",
-    "image-orientation",
-    "image-rendering",
-    "image-resolution",
-    "initial-letter",
-    "input-security",
-    "inset",
-    "isolation",
-    "justify-tracks",
-    "letter-spacing",
-    "line-break",
-    "line-clamp",
-    "line-height-step",
-    "list-style",
-    "margin",
-    "mask",
-    "mask-border",
-    "math-depth",
-    "math-shift",
-    "math-style",
-    "max-height",
-    "max-width",
-    "min-height",
-    "min-width",
-    "mix-blend-mode",
-    "object-fit",
-    "object-position",
-    "offset",
-    "opacity",
-    "order",
-    "orphans",
-    "outline",
-    "overflow",
-    "overscroll-behavior",
-    "padding",
-    "page",
-    "paint-order",
-    "perspective",
-    "perspective-origin",
-    "place-content",
-    "place-items",
-    "place-self",
-    "pointer-events",
-    "position",
-    "print-color-adjust",
-    "quotes",
-    "resize",
-    "rotate",
-    "ruby-position",
-    "scale",
-    "scroll-behavior",
-    "scroll-margin",
-    "scroll-padding",
-    "scroll-snap-align",
-    "scroll-snap-stop",
-    "scroll-snap-type",
-    "scroll-timeline",
-    "scrollbar-color",
-    "scrollbar-gutter",
-    "scrollbar-width",
-    "shape-image-threshold",
-    "shape-margin",
-    "shape-outside",
-    "stroke",
-    "tab-size",
-    "table-layout",
-    "text-align",
-    "text-align-last",
-    "text-combine-upright",
-    "text-decoration",
-    "text-decoration-skip-ink",
-    "text-emphasis",
-    "text-emphasis-position",
-    "text-indent",
-    "text-justify",
-    "text-orientation",
-    "text-overflow",
-    "text-rendering",
-    "text-shadow",
-    "text-size-adjust",
-    "text-transform",
-    "text-underline-offset",
-    "text-underline-position",
-    "touch-action",
-    "transform",
-    "transform-box",
-    "transform-origin",
-    "transform-style",
-    "transition",
-    "translate",
-    "unicode-bidi",
-    "user-select",
-    "vertical-align",
-    "view-transition-name",
-    "visibility",
-    "white-space",
-    "widows",
-    "width",
-    "will-change",
-    "word-break",
-    "word-spacing",
-    "word-wrap",
-    "writing-mode",
-    "z-index",
-    "zoom"
-  ],
-  [
-    "animation-composition",
-    "animation-delay",
-    "animation-direction",
-    "animation-duration",
-    "animation-fill-mode",
-    "animation-iteration-count",
-    "animation-name",
-    "animation-play-state",
-    "animation-timeline",
-    "animation-timing-function",
-    "background-attachment",
-    "background-blend-mode",
-    "background-clip",
-    "background-color",
-    "background-image",
-    "background-origin",
-    "background-position",
-    "background-position-x",
-    "background-position-y",
-    "background-repeat",
-    "background-size",
-    "border-top",
-    "border-right",
-    "border-bottom",
-    "border-left",
-    "border-top-left-radius",
-    "border-top-right-radius",
-    "border-bottom-left-radius",
-    "border-bottom-right-radius",
-    "caret-color",
-    "caret-shape",
-    "column-rule-color",
-    "column-rule-style",
-    "column-rule-width",
-    "column-count",
-    "column-width",
-    "contain-intrinsic-width",
-    "contain-intrinsic-height",
-    "container-name",
-    "container-type",
-    "flex-grow",
-    "flex-shrink",
-    "flex-basis",
-    "flex-direction",
-    "flex-wrap",
-    "font-style",
-    "font-variant",
-    "font-weight",
-    "font-stretch",
-    "font-size",
-    "font-family",
-    "row-gap",
-    "column-gap",
-    "grid-auto-columns",
-    "grid-auto-flow",
-    "grid-auto-rows",
-    "grid-template-areas",
-    "grid-template-columns",
-    "grid-template-rows",
-    "grid-row-start",
-    "grid-column-start",
-    "grid-row-end",
-    "grid-column-end",
-    "top",
-    "right",
-    "bottom",
-    "left",
-    "line-height",
-    "list-style-image",
-    "list-style-position",
-    "list-style-type",
-    "margin-top",
-    "margin-right",
-    "margin-bottom",
-    "margin-left",
-    "mask-border-mode",
-    "mask-border-outset",
-    "mask-border-repeat",
-    "mask-border-slice",
-    "mask-border-source",
-    "mask-border-width",
-    "mask-clip",
-    "mask-composite",
-    "mask-image",
-    "mask-mode",
-    "mask-origin",
-    "mask-position",
-    "mask-repeat",
-    "mask-size",
-    "mask-type",
-    "offset-anchor",
-    "offset-distance",
-    "offset-path",
-    "offset-position",
-    "offset-rotate",
-    "outline-color",
-    "outline-offset",
-    "outline-style",
-    "outline-width",
-    "overflow-anchor",
-    "overflow-clip-margin",
-    "overflow-wrap",
-    "overflow-x",
-    "overflow-y",
-    "overscroll-behavior-x",
-    "overscroll-behavior-y",
-    "padding-top",
-    "padding-right",
-    "padding-bottom",
-    "padding-left",
-    "align-content",
-    "justify-content",
-    "align-items",
-    "justify-items",
-    "align-self",
-    "justify-self",
-    "scroll-margin-top",
-    "scroll-margin-right",
-    "scroll-margin-bottom",
-    "scroll-margin-left",
-    "scroll-padding-top",
-    "scroll-padding-right",
-    "scroll-padding-bottom",
-    "scroll-padding-left",
-    "scroll-timeline-axis",
-    "scroll-timeline-name",
-    "text-decoration-color",
-    "text-decoration-line",
-    "text-decoration-style",
-    "text-decoration-thickness",
-    "text-emphasis-color",
-    "text-emphasis-style",
-    "transition-delay",
-    "transition-duration",
-    "transition-property",
-    "transition-timing-function"
-  ],
-  [
-    "border-style",
-    "border-color",
-    "border-width",
-    "border-image",
-    "font-variant-alternates",
-    "font-variant-caps",
-    "font-variant-east-asian",
-    "font-variant-emoji",
-    "font-variant-ligatures",
-    "font-variant-numeric",
-    "font-variant-position"
-  ],
-  [
-    "border-top-color",
-    "border-top-style",
-    "border-top-width",
-    "border-right-color",
-    "border-right-style",
-    "border-right-width",
-    "border-bottom-color",
-    "border-bottom-style",
-    "border-bottom-width",
-    "border-left-color",
-    "border-left-style",
-    "border-left-width",
-    "border-image-outset",
-    "border-image-repeat",
-    "border-image-slice",
-    "border-image-source",
-    "border-image-width"
-  ],
-  [
-    "block-size",
-    "border-block",
-    "border-inline",
-    "contain-intrinsic-block-size",
-    "contain-intrinsic-inline-size",
-    "inline-size",
-    "inset-block",
-    "inset-inline",
-    "margin-block",
-    "margin-inline",
-    "max-block-size",
-    "min-block-size",
-    "max-inline-size",
-    "min-inline-size",
-    "overflow-block",
-    "overflow-inline",
-    "overscroll-behavior-block",
-    "overscroll-behavior-inline",
-    "padding-block",
-    "padding-inline",
-    "scroll-margin-block",
-    "scroll-margin-inline",
-    "scroll-padding-block",
-    "scroll-padding-inline"
-  ],
-  [
-    "border-block-width",
-    "border-block-style",
-    "border-block-color",
-    "border-block-start",
-    "border-block-end",
-    "border-inline-color",
-    "border-inline-style",
-    "border-inline-width",
-    "border-inline-start",
-    "border-inline-end",
-    "inset-block-end",
-    "inset-block-start",
-    "inset-inline-end",
-    "inset-inline-start",
-    "margin-block-end",
-    "margin-block-start",
-    "margin-inline-end",
-    "margin-inline-start",
-    "padding-block-end",
-    "padding-block-start",
-    "padding-inline-end",
-    "padding-inline-start",
-    "scroll-margin-block-end",
-    "scroll-margin-block-start",
-    "scroll-margin-inline-end",
-    "scroll-margin-inline-start",
-    "scroll-padding-block-end",
-    "scroll-padding-block-start",
-    "scroll-padding-inline-end",
-    "scroll-padding-inline-start"
-  ],
-  [
-    "border-start-end-radius",
-    "border-start-start-radius",
-    "border-end-end-radius",
-    "border-end-start-radius",
-    "border-block-start-color",
-    "border-block-start-style",
-    "border-block-start-width",
-    "border-block-end-color",
-    "border-block-end-style",
-    "border-block-end-width",
-    "border-inline-start-color",
-    "border-inline-start-style",
-    "border-inline-start-width",
-    "border-inline-end-color",
-    "border-inline-end-style",
-    "border-inline-end-width"
-  ]
-];
-var properties = layers.flat();
-
 // src/shorthands.ts
 var mapShorthandToLonghands = {
   all: [],
@@ -734,6 +308,7 @@ var mapShorthandToLonghands = {
     "background-repeat",
     "background-size"
   ],
+  "background-position": ["background-position-x", "background-position-y"],
   border: [
     "border-top",
     "border-right",
@@ -742,7 +317,9 @@ var mapShorthandToLonghands = {
     "border-color",
     "border-style",
     "border-width",
-    "border-image"
+    "border-image",
+    "border-block",
+    "border-inline"
   ],
   "border-top": ["border-top-width", "border-top-style", "border-top-color"],
   "border-right": ["border-right-width", "border-right-style", "border-right-color"],
@@ -940,9 +517,7 @@ var mapShorthandToLonghands = {
   getTokenPropertySplit,
   getTokenValueParts,
   gridProperty,
-  layers,
   mapShorthandToLonghands,
-  properties,
   tokenProperty,
   tokenValue,
   variantProperty

package/dist/index.mjs

@@ -241,430 +241,6 @@ function getCSSPropertiesForAlias(alias, aliases) {
   return (aliases == null ? void 0 : aliases[alias]) || [alias];
 }
 
-// src/supports.ts
-var layers = [
-  [
-    "all",
-    "-webkit-line-clamp",
-    "accent-color",
-    "align-tracks",
-    "animation",
-    "appearance",
-    "aspect-ratio",
-    "backdrop-filter",
-    "backface-visibility",
-    "background",
-    "border",
-    "border-collapse",
-    "border-spacing",
-    "border-radius",
-    "box-decoration-break",
-    "box-shadow",
-    "box-sizing",
-    "break-after",
-    "break-before",
-    "break-inside",
-    "caption-side",
-    "clear",
-    "clip-path",
-    "color",
-    "color-scheme",
-    "column-fill",
-    "column-span",
-    "column-rule",
-    "columns",
-    "contain",
-    "contain-intrinsic-size",
-    "container",
-    "content",
-    "content-visibility",
-    "counter-increment",
-    "counter-reset",
-    "counter-set",
-    "cursor",
-    "direction",
-    "display",
-    "empty-cells",
-    "fill",
-    "filter",
-    "flex",
-    "flex-flow",
-    "float",
-    "font",
-    "font-feature-settings",
-    "font-kerning",
-    "font-language-override",
-    "font-optical-sizing",
-    "font-palette",
-    "font-size-adjust",
-    "font-synthesis",
-    "font-variation-settings",
-    "forced-color-adjust",
-    "gap",
-    "grid",
-    "grid-area",
-    "grid-column",
-    "grid-row",
-    "grid-template",
-    "hanging-punctuation",
-    "height",
-    "hyphenate-character",
-    "hyphenate-limit-chars",
-    "hyphens",
-    "image-orientation",
-    "image-rendering",
-    "image-resolution",
-    "initial-letter",
-    "input-security",
-    "inset",
-    "isolation",
-    "justify-tracks",
-    "letter-spacing",
-    "line-break",
-    "line-clamp",
-    "line-height-step",
-    "list-style",
-    "margin",
-    "mask",
-    "mask-border",
-    "math-depth",
-    "math-shift",
-    "math-style",
-    "max-height",
-    "max-width",
-    "min-height",
-    "min-width",
-    "mix-blend-mode",
-    "object-fit",
-    "object-position",
-    "offset",
-    "opacity",
-    "order",
-    "orphans",
-    "outline",
-    "overflow",
-    "overscroll-behavior",
-    "padding",
-    "page",
-    "paint-order",
-    "perspective",
-    "perspective-origin",
-    "place-content",
-    "place-items",
-    "place-self",
-    "pointer-events",
-    "position",
-    "print-color-adjust",
-    "quotes",
-    "resize",
-    "rotate",
-    "ruby-position",
-    "scale",
-    "scroll-behavior",
-    "scroll-margin",
-    "scroll-padding",
-    "scroll-snap-align",
-    "scroll-snap-stop",
-    "scroll-snap-type",
-    "scroll-timeline",
-    "scrollbar-color",
-    "scrollbar-gutter",
-    "scrollbar-width",
-    "shape-image-threshold",
-    "shape-margin",
-    "shape-outside",
-    "stroke",
-    "tab-size",
-    "table-layout",
-    "text-align",
-    "text-align-last",
-    "text-combine-upright",
-    "text-decoration",
-    "text-decoration-skip-ink",
-    "text-emphasis",
-    "text-emphasis-position",
-    "text-indent",
-    "text-justify",
-    "text-orientation",
-    "text-overflow",
-    "text-rendering",
-    "text-shadow",
-    "text-size-adjust",
-    "text-transform",
-    "text-underline-offset",
-    "text-underline-position",
-    "touch-action",
-    "transform",
-    "transform-box",
-    "transform-origin",
-    "transform-style",
-    "transition",
-    "translate",
-    "unicode-bidi",
-    "user-select",
-    "vertical-align",
-    "view-transition-name",
-    "visibility",
-    "white-space",
-    "widows",
-    "width",
-    "will-change",
-    "word-break",
-    "word-spacing",
-    "word-wrap",
-    "writing-mode",
-    "z-index",
-    "zoom"
-  ],
-  [
-    "animation-composition",
-    "animation-delay",
-    "animation-direction",
-    "animation-duration",
-    "animation-fill-mode",
-    "animation-iteration-count",
-    "animation-name",
-    "animation-play-state",
-    "animation-timeline",
-    "animation-timing-function",
-    "background-attachment",
-    "background-blend-mode",
-    "background-clip",
-    "background-color",
-    "background-image",
-    "background-origin",
-    "background-position",
-    "background-position-x",
-    "background-position-y",
-    "background-repeat",
-    "background-size",
-    "border-top",
-    "border-right",
-    "border-bottom",
-    "border-left",
-    "border-top-left-radius",
-    "border-top-right-radius",
-    "border-bottom-left-radius",
-    "border-bottom-right-radius",
-    "caret-color",
-    "caret-shape",
-    "column-rule-color",
-    "column-rule-style",
-    "column-rule-width",
-    "column-count",
-    "column-width",
-    "contain-intrinsic-width",
-    "contain-intrinsic-height",
-    "container-name",
-    "container-type",
-    "flex-grow",
-    "flex-shrink",
-    "flex-basis",
-    "flex-direction",
-    "flex-wrap",
-    "font-style",
-    "font-variant",
-    "font-weight",
-    "font-stretch",
-    "font-size",
-    "font-family",
-    "row-gap",
-    "column-gap",
-    "grid-auto-columns",
-    "grid-auto-flow",
-    "grid-auto-rows",
-    "grid-template-areas",
-    "grid-template-columns",
-    "grid-template-rows",
-    "grid-row-start",
-    "grid-column-start",
-    "grid-row-end",
-    "grid-column-end",
-    "top",
-    "right",
-    "bottom",
-    "left",
-    "line-height",
-    "list-style-image",
-    "list-style-position",
-    "list-style-type",
-    "margin-top",
-    "margin-right",
-    "margin-bottom",
-    "margin-left",
-    "mask-border-mode",
-    "mask-border-outset",
-    "mask-border-repeat",
-    "mask-border-slice",
-    "mask-border-source",
-    "mask-border-width",
-    "mask-clip",
-    "mask-composite",
-    "mask-image",
-    "mask-mode",
-    "mask-origin",
-    "mask-position",
-    "mask-repeat",
-    "mask-size",
-    "mask-type",
-    "offset-anchor",
-    "offset-distance",
-    "offset-path",
-    "offset-position",
-    "offset-rotate",
-    "outline-color",
-    "outline-offset",
-    "outline-style",
-    "outline-width",
-    "overflow-anchor",
-    "overflow-clip-margin",
-    "overflow-wrap",
-    "overflow-x",
-    "overflow-y",
-    "overscroll-behavior-x",
-    "overscroll-behavior-y",
-    "padding-top",
-    "padding-right",
-    "padding-bottom",
-    "padding-left",
-    "align-content",
-    "justify-content",
-    "align-items",
-    "justify-items",
-    "align-self",
-    "justify-self",
-    "scroll-margin-top",
-    "scroll-margin-right",
-    "scroll-margin-bottom",
-    "scroll-margin-left",
-    "scroll-padding-top",
-    "scroll-padding-right",
-    "scroll-padding-bottom",
-    "scroll-padding-left",
-    "scroll-timeline-axis",
-    "scroll-timeline-name",
-    "text-decoration-color",
-    "text-decoration-line",
-    "text-decoration-style",
-    "text-decoration-thickness",
-    "text-emphasis-color",
-    "text-emphasis-style",
-    "transition-delay",
-    "transition-duration",
-    "transition-property",
-    "transition-timing-function"
-  ],
-  [
-    "border-style",
-    "border-color",
-    "border-width",
-    "border-image",
-    "font-variant-alternates",
-    "font-variant-caps",
-    "font-variant-east-asian",
-    "font-variant-emoji",
-    "font-variant-ligatures",
-    "font-variant-numeric",
-    "font-variant-position"
-  ],
-  [
-    "border-top-color",
-    "border-top-style",
-    "border-top-width",
-    "border-right-color",
-    "border-right-style",
-    "border-right-width",
-    "border-bottom-color",
-    "border-bottom-style",
-    "border-bottom-width",
-    "border-left-color",
-    "border-left-style",
-    "border-left-width",
-    "border-image-outset",
-    "border-image-repeat",
-    "border-image-slice",
-    "border-image-source",
-    "border-image-width"
-  ],
-  [
-    "block-size",
-    "border-block",
-    "border-inline",
-    "contain-intrinsic-block-size",
-    "contain-intrinsic-inline-size",
-    "inline-size",
-    "inset-block",
-    "inset-inline",
-    "margin-block",
-    "margin-inline",
-    "max-block-size",
-    "min-block-size",
-    "max-inline-size",
-    "min-inline-size",
-    "overflow-block",
-    "overflow-inline",
-    "overscroll-behavior-block",
-    "overscroll-behavior-inline",
-    "padding-block",
-    "padding-inline",
-    "scroll-margin-block",
-    "scroll-margin-inline",
-    "scroll-padding-block",
-    "scroll-padding-inline"
-  ],
-  [
-    "border-block-width",
-    "border-block-style",
-    "border-block-color",
-    "border-block-start",
-    "border-block-end",
-    "border-inline-color",
-    "border-inline-style",
-    "border-inline-width",
-    "border-inline-start",
-    "border-inline-end",
-    "inset-block-end",
-    "inset-block-start",
-    "inset-inline-end",
-    "inset-inline-start",
-    "margin-block-end",
-    "margin-block-start",
-    "margin-inline-end",
-    "margin-inline-start",
-    "padding-block-end",
-    "padding-block-start",
-    "padding-inline-end",
-    "padding-inline-start",
-    "scroll-margin-block-end",
-    "scroll-margin-block-start",
-    "scroll-margin-inline-end",
-    "scroll-margin-inline-start",
-    "scroll-padding-block-end",
-    "scroll-padding-block-start",
-    "scroll-padding-inline-end",
-    "scroll-padding-inline-start"
-  ],
-  [
-    "border-start-end-radius",
-    "border-start-start-radius",
-    "border-end-end-radius",
-    "border-end-start-radius",
-    "border-block-start-color",
-    "border-block-start-style",
-    "border-block-start-width",
-    "border-block-end-color",
-    "border-block-end-style",
-    "border-block-end-width",
-    "border-inline-start-color",
-    "border-inline-start-style",
-    "border-inline-start-width",
-    "border-inline-end-color",
-    "border-inline-end-style",
-    "border-inline-end-width"
-  ]
-];
-var properties = layers.flat();
-
 // src/shorthands.ts
 var mapShorthandToLonghands = {
   all: [],
@@ -688,6 +264,7 @@ var mapShorthandToLonghands = {
     "background-repeat",
     "background-size"
   ],
+  "background-position": ["background-position-x", "background-position-y"],
   border: [
     "border-top",
     "border-right",
@@ -696,7 +273,9 @@ var mapShorthandToLonghands = {
     "border-color",
     "border-style",
     "border-width",
-    "border-image"
+    "border-image",
+    "border-block",
+    "border-inline"
   ],
   "border-top": ["border-top-width", "border-top-style", "border-top-color"],
   "border-right": ["border-right-width", "border-right-style", "border-right-color"],
@@ -893,9 +472,7 @@ export {
   getTokenPropertySplit,
   getTokenValueParts,
   gridProperty,
-  layers,
   mapShorthandToLonghands,
-  properties,
   tokenProperty,
   tokenValue,
   variantProperty

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tokenami/config",
-  "version": "0.0.38",
+  "version": "0.0.40",
   "license": "MIT",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -14,7 +14,7 @@
     "csstype": "^3.1.2",
     "tsup": "^7.0.0",
     "typescript": "^5.1.3",
-    "@tokenami/dev": "0.0.38"
+    "@tokenami/dev": "0.0.40"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=esm,cjs --dts",