@perplex-digital/stylelint-config 2.0.2 → 8.0.1

package/{groups.js → src/property-groups.js}

@@ -4,36 +4,45 @@
  */
 
 /** @type {Group[]} */
-export default [
+const propertyGroups = [
+    /**
+     * Cascade and inheritance.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_cascade#reference
+     */
     {
         properties: ['all'],
     },
+
+    /**
+     * Display.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_display#reference
+     */
     {
-        groupName: 'Visibility',
-        properties: [
-            'overflow',
-            'overflow-y',
-            'overflow-x',
-            'overflow-block',
-            'overflow-inline',
-            'overflow-wrap',
-            'overflow-scrolling',
-            'overflow-anchor',
-            'overflow-clip-margin',
-            'appearance',
-            'opacity',
-            'visibility',
-            'backface-visibility',
-            'box-sizing',
-            'display',
-        ],
+        properties: ['box-sizing', 'opacity', 'visibility', 'display'],
     },
+
+    /**
+     * Flexible box layout.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flexible_box_layout#reference
+     */
     {
-        groupName: 'Flexbox',
-        properties: ['flex', 'flex-basis', 'flex-direction', 'flex-flow', 'flex-grow', 'flex-shrink', 'flex-wrap'],
+        properties: [
+            'flex',
+            'flex-grow',
+            'flex-shrink',
+            'flex-basis',
+            'flex-flow',
+            'flex-direction',
+            'flex-wrap',
+            '-webkit-box-orient',
+        ],
     },
+
+    /**
+     * Grid layout.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout#reference
+     */
     {
-        groupName: 'Grid',
         properties: [
             'grid',
             'grid-area',
@@ -50,22 +59,21 @@ export default [
             'grid-auto-rows',
             'grid-auto-columns',
             'grid-auto-flow',
-            'gap',
-            'row-gap',
-            'column-gap',
-            'column-count',
-            'column-fill',
-            'column-rule',
-            'column-rule-color',
-            'column-rule-style',
-            'column-rule-width',
-            'column-span',
-            'column-width',
+            'grid-gap',
+            'grid-row-gap',
+            'grid-column-gap',
         ],
     },
+
+    /**
+     * Box alignment.  Relates to both Flexbox and Grid layout.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_box_alignment#reference
+     */
     {
-        groupName: 'Layout alignment',
         properties: [
+            'gap',
+            'row-gap',
+            'column-gap',
             'place-content',
             'place-items',
             'place-self',
@@ -77,30 +85,68 @@ export default [
             'justify-self',
         ],
     },
+
+    /**
+     * Order.
+     * Part of Display module, but relates to both Flexbox and Grid layout.
+     */
     {
-        groupName: 'Order',
         properties: ['order'],
     },
+
+    /**
+     * Box sizing.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_box_sizing#reference
+     */
     {
-        groupName: 'Box model',
         properties: [
-            'float',
-            'float-defer',
-            'float-offset',
-            'float-reference',
-            'width',
-            'min-width',
-            'max-width',
             'inline-size',
             'min-inline-size',
             'max-inline-size',
-            'height',
-            'min-height',
-            'max-height',
+            'width',
+            'min-width',
+            'max-width',
             'block-size',
             'min-block-size',
             'max-block-size',
-            'min-intrinsic-sizing',
+            'height',
+            'min-height',
+            'max-height',
+            'aspect-ratio',
+            'contain-intrinsic-inline-size',
+            'contain-intrinsic-block-size',
+            'contain-intrinsic-size', // Shorthand for `-width` & `-height`.
+            'contain-intrinsic-width',
+            'contain-intrinsic-height',
+        ],
+    },
+
+    /**
+     * Overflow.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_overflow#reference
+     */
+    {
+        properties: [
+            'overflow',
+            'overflow-inline',
+            'overflow-block',
+            'overflow-x',
+            'overflow-y',
+            'scrollbar-gutter',
+            '-webkit-overflow-scrolling',
+            'text-overflow',
+            '-webkit-line-clamp',
+            'line-clamp',
+            'scroll-behaviour',
+        ],
+    },
+
+    /**
+     * Box model - Margin.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_box_model#reference
+     */
+    {
+        properties: [
             'margin',
             'margin-block',
             'margin-block-start',
@@ -108,55 +154,87 @@ export default [
             'margin-inline',
             'margin-inline-start',
             'margin-inline-end',
-            'margin-trim',
+            'margin-top',
+            'margin-right',
+            'margin-bottom',
+            'margin-left',
+        ],
+    },
+
+    /**
+     * Outlines and borders.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_basic_user_interface
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_backgrounds_and_borders#reference
+     */
+    {
+        properties: [
             'outline',
             'outline-width',
             'outline-style',
             'outline-color',
             'outline-offset',
             'border',
-            'border-width',
-            'border-style',
             'border-color',
+            'border-style',
+            'border-width',
             'border-block',
-            'border-block-color',
             'border-block-start',
-            'border-block-start-width',
-            'border-block-start-style',
             'border-block-start-color',
+            'border-block-start-style',
+            'border-block-start-width',
             'border-block-end',
-            'border-block-end-width',
-            'border-block-end-style',
             'border-block-end-color',
-            'border-block-style',
-            'border-block-width',
+            'border-block-end-style',
+            'border-block-end-width',
             'border-inline',
-            'border-inline-color',
             'border-inline-start',
-            'border-inline-start-width',
-            'border-inline-start-style',
             'border-inline-start-color',
+            'border-inline-start-style',
+            'border-inline-start-width',
             'border-inline-end',
-            'border-inline-end-width',
-            'border-inline-end-style',
             'border-inline-end-color',
-            'border-inline-style',
-            'border-inline-width',
+            'border-inline-end-style',
+            'border-inline-end-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-radius',
+            'border-start-start-radius',
+            'border-start-end-radius',
+            'border-end-start-radius',
+            'border-end-end-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-bottom-left-radius',
             'border-image',
             'border-image-source',
             'border-image-slice',
             'border-image-width',
             'border-image-outset',
             'border-image-repeat',
+        ],
+    },
+
+    /**
+     * Box model - Padding.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_box_model#reference
+     */
+    {
+        properties: [
             'padding',
             'padding-block',
             'padding-block-start',
@@ -164,22 +242,19 @@ export default [
             'padding-inline',
             'padding-inline-start',
             'padding-inline-end',
-            'aspect-ratio',
-            'overscroll-behavior',
-            'overscroll-behavior-block',
-            'overscroll-behavior-inline',
-            'overscroll-behavior-inline',
-            'overscroll-behavior-block',
-            'clip',
-            'clip-path',
-            'clip-rule',
-            'clear',
+            'padding-top',
+            'padding-right',
+            'padding-bottom',
+            'padding-left',
         ],
     },
+
+    /**
+     * Backgrounds and box-shadow.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_backgrounds_and_borders#reference
+     */
     {
-        groupName: 'Borders & Backgrounds',
         properties: [
-            'box-shadow',
             'background',
             'background-color',
             'background-image',
@@ -191,24 +266,47 @@ export default [
             'background-clip',
             'background-origin',
             'background-size',
-            'background-blend-mode',
-            'object-fit',
-            'object-position',
-            'filter',
-            'mix-blend-mode',
-            'isolation',
+            'box-shadow',
         ],
     },
+
+    /**
+     * Containment.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_containment#reference
+     */
+    {
+        properties: ['contain', 'container', 'container-name', 'container-type', 'content-visibility'],
+    },
+
+    /**
+     * Overscroll behavior.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_overscroll_behavior#reference
+     */
+    {
+        properties: [
+            'overscroll-behavior',
+            'overscroll-behavior-inline',
+            'overscroll-behavior-block',
+            'overscroll-behavior-x',
+            'overscroll-behavior-y',
+        ],
+    },
+
+    /**
+     * Fonts.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_fonts#reference
+     */
     {
-        groupName: 'Typography',
         properties: [
-            'src',
-            'content',
             'font',
             'font-family',
-            'font-weight',
             'font-size',
+            'font-size-adjust',
+            'font-variation-settings',
             'font-style',
+            'font-weight',
+            'font-optical-sizing',
+            'font-stretch',
             'font-feature-settings',
             'font-kerning',
             'font-variant',
@@ -218,36 +316,71 @@ export default [
             'font-variant-numeric',
             'font-variant-east-asian',
             'font-variant-position',
-            'font-size-adjust',
-            'font-stretch',
-            'font-effect',
-            'font-emphasize',
-            'font-emphasize-position',
-            'font-emphasize-style',
+            '-webkit-font-smoothing',
+            '-moz-osx-font-smoothing',
             'font-smooth',
-            'font-display',
-            'font-language-override',
-            'font-optical-sizing',
-            'font-palette',
             'font-synthesis',
-            'font-synthesis-small-caps',
-            'font-synthesis-style',
             'font-synthesis-weight',
-            'font-variant-emoji',
-            'font-variation-settings',
-            'initial-letter',
-            'initial-letter-align',
-            'initial-letter-wrap',
-            'line-height',
-            'line-height-step',
-            'line-break',
-            'line-clamp',
-            'line-grid',
-            'line-padding',
-            'line-snap',
+            'font-synthesis-style',
+            'font-synthesis-small-caps',
+        ],
+    },
+
+    /**
+     * Inline layout.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_inline_layout#reference
+     */
+    {
+        properties: ['line-height', 'vertical-align', 'alignment-baseline', 'baseline-shift', 'dominant-baseline'],
+    },
+
+    /**
+     * Colors.
+     *
+     * Although `opacity` is technically part of this module, it is grouped
+     * with the Display module.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_colors#reference
+     */
+    {
+        properties: [
             'color',
+            '-webkit-text-fill-color',
+            '-webkit-text-stroke',
+            '-webkit-text-stroke-width',
+            '-webkit-text-stroke-color',
+        ],
+    },
+
+    /**
+     * Text.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_text#reference
+     */
+    {
+        properties: [
             'text-align',
             'text-align-last',
+            'text-justify',
+            'text-indent',
+            'text-transform',
+            'word-spacing',
+            'letter-spacing',
+            'hyphens',
+            'word-break',
+            'text-wrap',
+            'word-wrap', // Legacy name for `overflow-wrap`
+            'overflow-wrap',
+            'tab-size',
+            'white-space',
+        ],
+    },
+
+    /**
+     * Text decoration.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_text_decoration#reference
+     */
+    {
+        properties: [
             'text-emphasis',
             'text-emphasis-color',
             'text-emphasis-style',
@@ -255,223 +388,253 @@ export default [
             'text-decoration',
             'text-decoration-line',
             'text-decoration-thickness',
-            'text-decoration-skip',
-            'text-decoration-skip-ink',
             'text-decoration-style',
             'text-decoration-color',
-            'text-underline-offset',
+            'text-decoration-skip-ink',
             'text-underline-position',
-            'text-indent',
-            'text-justify',
-            'text-outline',
-            'text-overflow',
-            'text-overflow-ellipsis',
-            'text-overflow-mode',
-            'block-ellipsis',
+            'text-underline-offset',
             'text-shadow',
-            'text-transform',
-            'text-wrap',
-            'text-size-adjust',
-            'text-align-all',
-            'text-combine-upright',
-            'text-decoration-skip',
-            'text-decoration-skip-box',
-            'text-decoration-skip-ink',
-            'text-decoration-skip-inset',
-            'text-decoration-skip-self',
-            'text-decoration-skip-spaces',
-            'text-edge',
-            'text-emphasis-skip',
-            'text-group-align',
-            'text-orientation',
-            'text-space-collapse',
-            'text-space-trim',
-            'text-spacing',
-            'letter-spacing',
-            'word-break',
-            'word-spacing',
-            'word-wrap',
-            'word-boundary-detection',
-            'word-boundary-expansion',
-            'hyphens',
-            'hyphenate-character',
-            'hyphenate-limit-chars',
-            'hyphenate-limit-last',
-            'hyphenate-limit-lines',
-            'hyphenate-limit-zone',
-            'tab-size',
-            'white-space',
-            'vertical-align',
+        ],
+    },
+
+    /**
+     * Font loading.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_font_loading#reference
+     */
+    {
+        properties: [
+            'src',
+            'font-display',
+            'unicode-range',
+            'size-adjust',
+            'ascent-override',
+            'descent-override',
+            'line-gap-override',
+        ],
+    },
+
+    /**
+     * Basic user interface.
+     *
+     * Although `outline` is technically part of this module, it is grouped
+     * with the Borders module.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_basic_user_interface#reference
+     */
+    {
+        properties: [
+            'appearance',
+            'accent-color',
+            'pointer-events',
+            'touch-action',
+            'cursor',
+            'caret-color',
+            'zoom',
+            'resize',
+            'user-select',
+            '-webkit-user-select',
+            'nav-index',
+            'nav-up',
+            'nav-right',
+            'nav-down',
+            'nav-left',
+        ],
+    },
+
+    /**
+     * Color adjustment.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_color_adjustment#reference
+     */
+    {
+        properties: ['color-scheme'],
+    },
+
+    /**
+     * Table.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_table#reference
+     */
+    {
+        properties: ['table-layout', 'empty-cells', 'caption-side', 'border-spacing', 'border-collapse'],
+    },
+
+    /**
+     * Generated content.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_generated_content#reference
+     */
+    {
+        properties: ['content', 'quotes'],
+    },
+
+    /**
+     * Lists and counters.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_lists#reference
+     */
+    {
+        properties: [
             'list-style',
             'list-style-position',
             'list-style-type',
             'list-style-image',
             'counter-reset',
-            'counter-increment',
             'counter-set',
+            'counter-increment',
+        ],
+    },
+
+    /**
+     * Scroll snap.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scroll_snap#reference
+     */
+    {
+        properties: [
+            'scroll-snap-type',
+            'scroll-snap-align',
+            'scroll-snap-stop',
+            'scroll-padding',
+            'scroll-padding-block',
+            'scroll-padding-block-start',
+            'scroll-padding-block-end',
+            'scroll-padding-inline',
+            'scroll-padding-inline-start',
+            'scroll-padding-inline-end',
+            'scroll-padding-top',
+            'scroll-padding-right',
+            'scroll-padding-bottom',
+            'scroll-padding-left',
+            'scroll-margin',
+            'scroll-margin-block',
+            'scroll-margin-block-start',
+            'scroll-margin-block-end',
+            'scroll-margin-inline',
+            'scroll-margin-inline-start',
+            'scroll-margin-inline-end',
+            'scroll-margin-top',
+            'scroll-margin-right',
+            'scroll-margin-bottom',
+            'scroll-margin-left',
+        ],
+    },
+
+    /**
+     * Scrollbars styling.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scrollbars_styling#reference
+     */
+    {
+        properties: ['scrollbar-color', 'scrollbar-width'],
+    },
+
+    /**
+     * Images.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_images#reference
+     */
+    {
+        properties: ['object-fit', 'object-position', 'image-orientation', 'image-rendering', 'image-resolution'],
+    },
+
+    /**
+     * Compositing and blending.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_compositing_and_blending#reference
+     */
+    {
+        properties: ['background-blend-mode', 'isolation', 'mix-blend-mode'],
+    },
+
+    /**
+     * Filter effects.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_filter_effects#properties
+     */
+    {
+        properties: ['filter', 'backdrop-filter'],
+    },
+
+    /**
+     * Masking.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_masking#reference
+     */
+    {
+        properties: [
+            'clip',
+            'clip-path',
+            'clip-rule',
+            'mask-border',
+            'mask-border-source',
+            'mask-border-slice',
+            'mask-border-width',
+            'mask-border-outset',
+            'mask-border-repeat',
+            'mask-border-mode',
+            'mask',
+            'mask-image',
+            'mask-mode',
+            'mask-repeat',
+            'mask-position',
+            'mask-clip',
+            'mask-origin',
+            'mask-size',
+            'mask-composite',
+            'mask-type',
         ],
     },
+
+    /**
+     * Shapes.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_shapes#reference
+     */
+    {
+        properties: ['shape-outside', 'shape-image-threshold', 'shape-margin'],
+    },
+
+    /**
+     * Writing modes.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_writing_modes#reference
+     */
+    {
+        properties: ['direction', 'unicode-bidi', 'writing-mode', 'text-orientation', 'text-combine-upright'],
+    },
+
+    /**
+     * SVG presentation attributes.
+     *
+     * Some of these may fall under a specific module, but if they only apply
+     * to SVG-specific elements, they will be grouped here.
+     */
     {
-        groupName: 'SVG Presentation Attributes',
         properties: [
-            'alignment-baseline',
-            'baseline-shift',
-            'dominant-baseline',
             'text-anchor',
-            'word-spacing',
-            'writing-mode',
+
             'fill',
-            'fill-opacity',
             'fill-rule',
-            'fill-break',
-            'fill-color',
-            'fill-image',
-            'fill-origin',
-            'fill-position',
-            'fill-repeat',
-            'fill-size',
+            'fill-opacity',
             'stroke',
-            'stroke-dasharray',
-            'stroke-dashoffset',
+            'stroke-opacity',
+            'stroke-width',
             'stroke-linecap',
             'stroke-linejoin',
             'stroke-miterlimit',
-            'stroke-opacity',
-            'stroke-width',
-            'stroke-align',
-            'stroke-alignment',
-            'stroke-break',
-            'stroke-color',
-            'stroke-dash-corner',
-            'stroke-dash-justify',
-            'stroke-dashadjust',
-            'stroke-dashcorner',
-            'stroke-image',
-            'stroke-origin',
-            'stroke-position',
-            'stroke-repeat',
-            'stroke-size',
+            'stroke-dasharray',
+            'stroke-dashoffset',
+
             'color-interpolation',
             'color-interpolation-filters',
-            'color-profile',
-            'color-rendering',
-            'color-adjust',
-            'color-scheme',
             'flood-color',
             'flood-opacity',
-            'image-rendering',
-            'image-orientation',
-            'image-resolution',
             'lighting-color',
-            'marker',
+
             'marker-start',
             'marker-mid',
             'marker-end',
-            'marker-knockout-left',
-            'marker-knockout-right',
-            'marker-pattern',
-            'marker-segment',
-            'marker-side',
-            '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',
-            'shape-rendering',
-            'shape-image-threshold',
-            'shape-inside',
-            'shape-margin',
-            'shape-outside',
             'stop-color',
             'stop-opacity',
+
+            'shape-rendering',
         ],
     },
+
+    /**
+     * Positioned layout.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_positioned_layout#reference
+     */
     {
-        groupName: 'Accessibility & Interactions',
-        properties: [
-            'pointer-events',
-            'touch-action',
-            'cursor',
-            'zoom',
-            'table-layout',
-            'empty-cells',
-            'caption-side',
-            'border-spacing',
-            'border-collapse',
-            'quotes',
-            'resize',
-            'user-select',
-            'nav-index',
-            'nav-up',
-            'nav-right',
-            'nav-down',
-            'nav-left',
-            'scroll-behavior',
-            'scroll-margin',
-            'scroll-margin-block',
-            'scroll-margin-block-end',
-            'scroll-margin-block-start',
-            'scroll-margin-bottom',
-            'scroll-margin-inline',
-            'scroll-margin-inline-end',
-            'scroll-margin-inline-start',
-            'scroll-margin-left',
-            'scroll-margin-right',
-            'scroll-margin-top',
-            'scroll-padding',
-            'scroll-padding-block',
-            'scroll-padding-block-end',
-            'scroll-padding-block-start',
-            'scroll-padding-bottom',
-            'scroll-padding-inline',
-            'scroll-padding-inline-end',
-            'scroll-padding-inline-start',
-            'scroll-padding-left',
-            'scroll-padding-right',
-            'scroll-padding-top',
-            'scroll-snap-align',
-            'scroll-snap-stop',
-            'scroll-snap-type',
-            'scrollbar-color',
-            'scrollbar-gutter',
-            'scrollbar-width',
-            'speak',
-            'speak-as',
-            'speak-header',
-            'speak-numeral',
-            'speak-punctuation',
-            'speech-rate',
-            'voice-balance',
-            'voice-duration',
-            'voice-family',
-            'voice-pitch',
-            'voice-range',
-            'voice-rate',
-            'voice-stress',
-            'voice-volume',
-            'pitch',
-            'pitch-range',
-            'volume',
-            'play-during',
-            'pause',
-            'pause-after',
-            'pause-before',
-        ],
-    },
-    {
-        groupName: 'Positioning',
         properties: [
             'position',
             'inset',
@@ -481,139 +644,158 @@ export default [
             'inset-inline',
             'inset-inline-start',
             'inset-inline-end',
+            'top',
+            'right',
+            'bottom',
+            'left',
+            'z-index',
+            'float',
+            'clear',
+        ],
+    },
+
+    /**
+     * Anchor positioning.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_anchor_positioning#reference
+     */
+    {
+        properties: [
             'anchor-name',
-            'anchor-scope',
             'position-anchor',
             'position-area',
-            'position-fallback',
-            'position-fallbacks',
             'position-try',
             'position-try-fallbacks',
+            'position-try-order',
             'position-visibility',
-            'z-index',
         ],
     },
+
+    /**
+     * Transforms.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_transforms#reference
+     */
     {
-        groupName: 'Transforms',
         properties: [
-            'rotate',
-            'scale',
-            'translate',
             'transform',
             'transform-origin',
             'transform-box',
             'transform-style',
-            'offset',
-            'offset-anchor',
-            'offset-distance',
-            'offset-path',
-            'offset-position',
-            'offset-rotate',
+            'rotate',
+            'scale',
+            'translate',
+            'perspective',
+            'perspective-origin',
+            'backface-visibility',
         ],
     },
+
+    /**
+     * Transitions.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_transitions#reference
+     */
     {
-        groupName: 'Transitions & Animation',
         properties: [
             'transition',
             'transition-delay',
             'transition-timing-function',
             'transition-duration',
             'transition-property',
+        ],
+    },
+
+    /**
+     * View transitions.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_view_transitions#reference
+     */
+    {
+        properties: ['view-transition-class', 'view-transition-name'],
+    },
+
+    /**
+     * Animations.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animations#reference
+     */
+    {
+        properties: [
             'animation',
             'animation-name',
             'animation-duration',
-            'animation-play-state',
             'animation-timing-function',
             'animation-delay',
             'animation-iteration-count',
             'animation-direction',
             'animation-fill-mode',
+            'animation-play-state',
             'animation-composition',
+        ],
+    },
+
+    /**
+     * Scroll-driven animations.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scroll-driven_animations#reference
+     */
+    {
+        properties: [
+            'animation-timeline',
             'animation-range',
-            'animation-range-end',
             'animation-range-start',
-            'animation-timeline',
-            'will-change',
+            'animation-range-end',
+            'scroll-timeline',
+            'scroll-timeline-axis',
+            'scroll-timeline-name',
+            'view-timeline',
+            'view-timeline-axis',
+            'view-timeline-inset',
+            'view-timeline-name',
+            'timeline-scope',
         ],
     },
+
+    /**
+     * Motion path.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_motion_path#reference
+     */
+    {
+        properties: ['offset', 'offset-anchor', 'offset-distance', 'offset-path', 'offset-position', 'offset-rotate'],
+    },
+
+    /**
+     * Will change.
+     * @see https://drafts.csswg.org/css-will-change/#will-change
+     */
+    {
+        properties: ['will-change'],
+    },
+
+    /**
+     * Fragmentation.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_fragmentation#reference
+     */
+    {
+        properties: ['break-before', 'break-after', 'break-inside', 'widows', 'orphans'],
+    },
+
+    /**
+     * Multi-column layout.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_multicol_layout#reference
+     */
     {
-        groupName: 'Misc',
         properties: [
-            'accent-color',
-            'azimuth',
-            'baseline-source',
-            'block-step',
-            'block-step-align',
-            'block-step-insert',
-            'block-step-round',
-            'block-step-size',
-            'bookmark-label',
-            'bookmark-level',
-            'bookmark-state',
-            'border-boundary',
-            'box-decoration-break',
-            'box-snap',
             'break-after',
             'break-before',
             'break-inside',
-            'caret',
-            'caret-color',
-            'caret-shape',
-            'chains',
+            'column-fill',
+            'column-gap',
+            'column-span',
+            'column-rule',
+            'column-rule-color',
+            'column-rule-style',
+            'column-rule-width',
             'columns',
-            'contain',
-            'contain-intrinsic-block-size',
-            'contain-intrinsic-height',
-            'contain-intrinsic-inline-size',
-            'contain-intrinsic-size',
-            'contain-intrinsic-width',
-            'content-visibility',
-            'continue',
-            'cue',
-            'cue-after',
-            'cue-before',
-            'direction',
-            'elevation',
-            'flow',
-            'flow-from',
-            'flow-into',
-            'footnote-display',
-            'footnote-policy',
-            'forced-color-adjust',
-            'glyph-orientation-vertical',
-            'hanging-punctuation',
-            'leading-trim',
-            'max-lines',
-            'orphans',
-            'page',
-            'page-break-after',
-            'page-break-before',
-            'page-break-inside',
-            'perspective',
-            'perspective-origin',
-            'print-color-adjust',
-            'region-fragment',
-            'rest',
-            'rest-after',
-            'rest-before',
-            'richness',
-            'ruby-align',
-            'ruby-merge',
-            'ruby-overhang',
-            'ruby-position',
-            'running',
-            'spatial-navigation-action',
-            'spatial-navigation-contain',
-            'spatial-navigation-function',
-            'stress',
-            'string-set',
-            'unicode-bidi',
-            'widows',
-            'wrap-after',
-            'wrap-before',
-            'wrap-flow',
-            'wrap-inside',
-            'wrap-through',
+            'column-count',
+            'column-width',
         ],
     },
 ];
+
+export default propertyGroups;