@tokenami/config 0.0.30 → 0.0.31

package/dist/index.js

@@ -35,7 +35,7 @@ __export(src_exports, {
   getTokenPropertySplit: () => getTokenPropertySplit,
   getTokenValueParts: () => getTokenValueParts,
   gridProperty: () => gridProperty,
-  logicalProperties: () => logicalProperties,
+  layers: () => layers,
   mapShorthandToLonghands: () => mapShorthandToLonghands,
   properties: () => properties,
   tokenProperty: () => tokenProperty,
@@ -285,424 +285,426 @@ var defaultConfig = createConfig({
 var config_default_default = defaultConfig;
 
 // src/supports.ts
-var logicalProperties = [
-  "block-size",
-  "border-block",
-  "border-block-width",
-  "border-block-style",
-  "border-block-color",
-  "border-block-start",
-  "border-block-end",
-  "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",
-  "border-inline-color",
-  "border-inline-style",
-  "border-inline-width",
-  "border-inline-start",
-  "border-inline-end",
-  "border-inline-start-color",
-  "border-inline-start-style",
-  "border-inline-start-width",
-  "border-inline-end-color",
-  "border-inline-end-style",
-  "border-inline-end-width",
-  "contain-intrinsic-block-size",
-  "contain-intrinsic-inline-size",
-  "inset-block",
-  "inset-block-end",
-  "inset-block-start",
-  "inset-inline",
-  "inset-inline-end",
-  "inset-inline-start",
-  "margin-block",
-  "margin-block-end",
-  "margin-block-start",
-  "margin-inline",
-  "margin-inline-end",
-  "margin-inline-start",
-  "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-block-end",
-  "padding-block-start",
-  "padding-inline",
-  "padding-inline-end",
-  "padding-inline-start",
-  "scroll-margin-block",
-  "scroll-margin-block-end",
-  "scroll-margin-block-start",
-  "scroll-margin-inline",
-  "scroll-margin-inline-end",
-  "scroll-margin-inline-start",
-  "scroll-padding-block",
-  "scroll-padding-block-end",
-  "scroll-padding-block-start",
-  "scroll-padding-inline",
-  "scroll-padding-inline-end",
-  "scroll-padding-inline-start"
-];
-var properties = [
-  "all",
-  "-webkit-line-clamp",
-  "accent-color",
-  "align-tracks",
-  "animation",
-  "animation-composition",
-  "animation-delay",
-  "animation-direction",
-  "animation-duration",
-  "animation-fill-mode",
-  "animation-iteration-count",
-  "animation-name",
-  "animation-play-state",
-  "animation-timeline",
-  "animation-timing-function",
-  "appearance",
-  "aspect-ratio",
-  "backdrop-filter",
-  "backface-visibility",
-  "background",
-  "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",
-  "border-style",
-  "border-color",
-  "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",
-  "border-left",
-  "border-left-color",
-  "border-left-style",
-  "border-left-width",
-  "border-image",
-  "border-image-outset",
-  "border-image-repeat",
-  "border-image-slice",
-  "border-image-source",
-  "border-image-width",
-  "border-radius",
-  "border-top-left-radius",
-  "border-top-right-radius",
-  "border-bottom-left-radius",
-  "border-bottom-right-radius",
-  "border-start-end-radius",
-  "border-start-start-radius",
-  "border-end-end-radius",
-  "border-end-start-radius",
-  "border-collapse",
-  "border-spacing",
-  "box-decoration-break",
-  "box-shadow",
-  "box-sizing",
-  "break-after",
-  "break-before",
-  "break-inside",
-  "caption-side",
-  "caret",
-  "caret-color",
-  "caret-shape",
-  "clear",
-  "clip",
-  "clip-path",
-  "color",
-  "color-scheme",
-  "column-fill",
-  "column-span",
-  "column-rule",
-  "column-rule-color",
-  "column-rule-style",
-  "column-rule-width",
-  "columns",
-  "column-count",
-  "column-width",
-  "contain",
-  "contain-intrinsic-height",
-  "contain-intrinsic-size",
-  "contain-intrinsic-width",
-  "container",
-  "container-name",
-  "container-type",
-  "content",
-  "content-visibility",
-  "counter-increment",
-  "counter-reset",
-  "counter-set",
-  "cursor",
-  "direction",
-  "display",
-  "empty-cells",
-  "filter",
-  "flex",
-  "flex-basis",
-  "flex-direction",
-  "flex-flow",
-  "flex-grow",
-  "flex-shrink",
-  "flex-wrap",
-  "float",
-  "font",
-  "font-family",
-  "font-feature-settings",
-  "font-kerning",
-  "font-language-override",
-  "font-optical-sizing",
-  "font-palette",
-  "font-size",
-  "font-size-adjust",
-  "font-stretch",
-  "font-style",
-  "font-synthesis",
-  "font-variant",
-  "font-variant-alternates",
-  "font-variant-caps",
-  "font-variant-east-asian",
-  "font-variant-emoji",
-  "font-variant-ligatures",
-  "font-variant-numeric",
-  "font-variant-position",
-  "font-variation-settings",
-  "font-weight",
-  "forced-color-adjust",
-  "gap",
-  "row-gap",
-  "column-gap",
-  "grid",
-  "grid-area",
-  "grid-auto-rows",
-  "grid-auto-columns",
-  "grid-auto-flow",
-  "grid-column",
-  "grid-column-end",
-  "grid-column-start",
-  "grid-row",
-  "grid-row-end",
-  "grid-row-start",
-  "grid-template",
-  "grid-template-rows",
-  "grid-template-columns",
-  "grid-template-areas",
-  "hanging-punctuation",
-  "height",
-  "hyphenate-character",
-  "hyphenate-limit-chars",
-  "hyphens",
-  "image-orientation",
-  "image-rendering",
-  "image-resolution",
-  "initial-letter",
-  "inline-size",
-  "input-security",
-  "inset",
-  "top",
-  "right",
-  "bottom",
-  "left",
-  "isolation",
-  "justify-tracks",
-  "letter-spacing",
-  "line-break",
-  "line-clamp",
-  "line-height",
-  "line-height-step",
-  "list-style",
-  "list-style-image",
-  "list-style-position",
-  "list-style-type",
-  "margin",
-  "margin-top",
-  "margin-right",
-  "margin-bottom",
-  "margin-left",
-  "margin-trim",
-  "mask",
-  "mask-border",
-  "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",
-  "math-depth",
-  "math-shift",
-  "math-style",
-  "max-height",
-  "max-lines",
-  "max-width",
-  "min-height",
-  "min-width",
-  "mix-blend-mode",
-  "object-fit",
-  "object-position",
-  "offset",
-  "offset-anchor",
-  "offset-distance",
-  "offset-path",
-  "offset-position",
-  "offset-rotate",
-  "opacity",
-  "order",
-  "orphans",
-  "outline",
-  "outline-color",
-  "outline-offset",
-  "outline-style",
-  "outline-width",
-  "overflow",
-  "overflow-anchor",
-  "overflow-clip-margin",
-  "overflow-wrap",
-  "overflow-x",
-  "overflow-y",
-  "overscroll-behavior",
-  "overscroll-behavior-x",
-  "overscroll-behavior-y",
-  "padding",
-  "padding-top",
-  "padding-right",
-  "padding-bottom",
-  "padding-left",
-  "page",
-  "page-break-after",
-  "page-break-before",
-  "page-break-inside",
-  "paint-order",
-  "perspective",
-  "perspective-origin",
-  "place-content",
-  "align-content",
-  "justify-content",
-  "place-items",
-  "align-items",
-  "justify-items",
-  "place-self",
-  "align-self",
-  "justify-self",
-  "pointer-events",
-  "position",
-  "print-color-adjust",
-  "quotes",
-  "resize",
-  "rotate",
-  "ruby-align",
-  "ruby-merge",
-  "ruby-position",
-  "scale",
-  "scroll-behavior",
-  "scroll-margin",
-  "scroll-margin-top",
-  "scroll-margin-right",
-  "scroll-margin-bottom",
-  "scroll-margin-left",
-  "scroll-padding",
-  "scroll-padding-top",
-  "scroll-padding-right",
-  "scroll-padding-bottom",
-  "scroll-padding-left",
-  "scroll-snap-align",
-  "scroll-snap-stop",
-  "scroll-snap-type",
-  "scroll-timeline",
-  "scroll-timeline-axis",
-  "scroll-timeline-name",
-  "scrollbar-color",
-  "scrollbar-gutter",
-  "scrollbar-width",
-  "shape-image-threshold",
-  "shape-margin",
-  "shape-outside",
-  "tab-size",
-  "table-layout",
-  "text-align",
-  "text-align-last",
-  "text-combine-upright",
-  "text-decoration",
-  "text-decoration-color",
-  "text-decoration-line",
-  "text-decoration-style",
-  "text-decoration-thickness",
-  "text-decoration-skip-ink",
-  "text-emphasis",
-  "text-emphasis-color",
-  "text-emphasis-position",
-  "text-emphasis-style",
-  "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",
-  "transition-delay",
-  "transition-duration",
-  "transition-property",
-  "transition-timing-function",
-  "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",
-  // logical properties have higher specificity
-  ...logicalProperties
+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",
+    "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",
+    "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 = {
@@ -735,8 +737,7 @@ var mapShorthandToLonghands = {
     "border-color",
     "border-style",
     "border-width",
-    "border-image",
-    "border-radius"
+    "border-image"
   ],
   "border-top": ["border-top-width", "border-top-style", "border-top-color"],
   "border-right": ["border-right-width", "border-right-style", "border-right-color"],
@@ -829,19 +830,22 @@ var mapShorthandToLonghands = {
     "font-family"
   ],
   "font-variant": [
-    "font-variant-ligatures",
+    "font-variant-alternates",
     "font-variant-caps",
+    "font-variant-east-asian",
+    "font-variant-emoji",
+    "font-variant-ligatures",
     "font-variant-numeric",
-    "font-variant-east-asian"
+    "font-variant-position"
   ],
   gap: ["row-gap", "column-gap"],
   grid: [
-    "grid-template-rows",
-    "grid-template-columns",
-    "grid-template-areas",
-    "grid-auto-rows",
     "grid-auto-columns",
-    "grid-auto-flow"
+    "grid-auto-flow",
+    "grid-auto-rows",
+    "grid-template-areas",
+    "grid-template-columns",
+    "grid-template-rows"
   ],
   "grid-area": ["grid-row-start", "grid-column-start", "grid-row-end", "grid-column-end"],
   "grid-column": ["grid-column-start", "grid-column-end"],
@@ -876,6 +880,7 @@ var mapShorthandToLonghands = {
   offset: ["offset-position", "offset-path", "offset-distance", "offset-anchor", "offset-rotate"],
   outline: ["outline-color", "outline-style", "outline-width"],
   overflow: ["overflow-x", "overflow-y"],
+  "overscroll-behavior": ["overscroll-behavior-x", "overscroll-behavior-y"],
   padding: ["padding-top", "padding-right", "padding-bottom", "padding-left"],
   "padding-block": ["padding-block-start", "padding-block-end"],
   "padding-inline": ["padding-inline-start", "padding-inline-end"],
@@ -907,10 +912,10 @@ var mapShorthandToLonghands = {
   ],
   "text-emphasis": ["text-emphasis-style", "text-emphasis-color"],
   transition: [
-    "transition-property",
+    "transition-delay",
     "transition-duration",
-    "transition-timing-function",
-    "transition-delay"
+    "transition-property",
+    "transition-timing-function"
   ]
 };
 // Annotate the CommonJS export names for ESM import in node:
@@ -930,7 +935,7 @@ var mapShorthandToLonghands = {
   getTokenPropertySplit,
   getTokenValueParts,
   gridProperty,
-  logicalProperties,
+  layers,
   mapShorthandToLonghands,
   properties,
   tokenProperty,