@cryptic-css/core - npm Package Compare versions

Comparing version 3.8.0 to 3.9.0

CHANGELOG.md

@@ -6,2 +6,14 @@ # Change Log
 
+# [3.9.0](https://github.com/wintercounter/ccss/compare/v3.8.0...v3.9.0) (2020-06-18)
+
+
+### Features
+
+* **props:** add support for `backdrop-filter` ([39bb474](https://github.com/wintercounter/ccss/commit/39bb474806f8fa1dfadb25bcc519a800710605e1))
+* **props:** add support for SVG presentational attributes ([5379528](https://github.com/wintercounter/ccss/commit/53795285734aa4307d3a95df136464b96906d36f))
+
+
+
+
+
 # [3.8.0](https://github.com/wintercounter/ccss/compare/v3.7.0...v3.8.0) (2020-06-10)
@@ -8,0 +20,0 @@

dist/cjs/createProps.js

@@ -15,3 +15,4 @@ "use strict";
 var getPropTable = () => {
-  return [// Animation + 3D
+  return [// SVG presentational attributes
+  ['ab', 'align-b', 'alignment-baseline'], ['bls', 'bl-shift', 'baseline-shift'], ['cpr', 'clip-r', 'clip-rule'], ['cif', 'color-i-f', 'color-interpolation-filters'], ['ci', 'color-i', 'color-interpolation'], ['cpf', 'color-p', 'color-profile'], ['crd', 'color-r', 'color-rendering'], ['db', 'dom-base', 'dominant-baseline'], ['eb', 'enable-bg', 'enable-background'], ['fo', 'fill-op', 'fill-opacity'], ['fr', 'fill-rule', 'fill-rule'], ['fi', 'fill', 'fill', _parsers.mapValue], ['fdc', 'flood-c', 'flood-color', _parsers.mapValue], ['fdo', 'flood-o', 'flood-opacity'], ['fsa', 'font-s-a', 'font-size-adjust'], ['goh', 'glyph-o-h', 'glyph-orientation-horizontal'], ['ir', 'img-r', 'image-rendering'], ['k', 'kern', 'kerning'], ['lc', 'l-color', 'lighting-color', _parsers.mapValue], ['me', 'm-end', 'marker-end'], ['mm', 'm-mid', 'marker-mid'], ['ms', 'm-start', 'marker-start'], ['msk', 'mask', 'mask'], ['sr', 'shape-rdr', 'shape-rendering'], ['sc', 'stop-c', 'stop-color'], ['sda', 'stroke-da', 'stroke-dasharray'], ['sdo', 'stroke-do', 'stroke-dashoffset'], ['slc', 'stroke-lc', 'stroke-linecap'], ['slj', 'stroke-lj', 'stroke-linejoin'], ['sml', 'stroke-ml', 'stroke-miterlimit'], ['sop', 'stroke-o', 'stroke-opacity'], ['swt', 'stroke-w', 'stroke-width'], ['st', 'stroke', 'stroke'], ['txa', 'txt-anchor', 'text-anchor'], ['txr', 'txt-render', 'text-rendering'], ['ub', 'uni-bidi', 'unicode-bidi'], ['wm', 'writing', 'writing-mode'], // Animation + 3D
   ['a', 'anim', 'animation'], ['ad', 'anim-del', 'animation-delay', _parsers.mapValue], ['aDir', 'anim-dir', 'animation-direction', _parsers.mapValue], ['aD', 'anim-dur', 'animation-duration', _parsers.mapValue], ['afm', 'anim-fill', 'animation-fill-mode', _parsers.mapValue], ['aic', 'anim-count', 'animation-iteration-count'], ['an', 'anim-name', 'animation-name'], ['aps', 'anim-state', 'animation-play-state', _parsers.mapValue], ['ats', 'anim-timing', 'animation-timing-function', _parsers.mapValue], ['bv', 'bf-visibility', 'backface-visibility', _parsers.mapValue], ['per', 'pers', 'perspective'], ['pero', 'pers-org', 'perspective-origin'], ['tf', 'tran', 'transform'], ['tfo', 'tran-org', 'transform-origin'], ['tfs', 'tran-style', 'transform-style'], ['tr', 'trans', 'transition', _parsers.mapValue], ['trD', 'trans-del', 'transition-delay', _parsers.mapValue], ['trd', 'trans-dur', 'transition-duration', _parsers.mapValue], ['trp', 'trans-prop', 'transition-property'], ['trt', 'trans-timing', 'transition-timing-function'], // Flex
@@ -23,3 +24,3 @@ ['f', 'fx', 'flex'], ['fd', 'fx-dir', 'flex-direction', _parsers.mapValue], ['fw', 'fx-wrap', 'flex-wrap', _parsers.mapValue], ['fb', 'fx-base', 'flex-basis', _parsers.parseSingle], ['ff', 'fx-flow', 'flex-flow'], ['fg', 'fx-grow', 'flex-grow'], ['fs', 'fx-shrink', 'flex-shrink'], ['ai', 'al-items', 'align-items', _parsers.mapValue], ['ac', 'al-content', 'align-content', _parsers.mapValue], ['ji', 'just-items', 'justify-items', _parsers.mapValue], ['jc', 'just-content', 'justify-content', _parsers.mapValue], ['aS', 'al-self', 'align-self', _parsers.mapValue], ['jS', 'just-self', 'justify-self', _parsers.mapValue], // Font + text related
   ['p', 'pad', 'padding', _parsers.parseArray], ['pT', 'pad-top', 'padding-top', _parsers.parseSingle], ['pR', 'pad-right', 'padding-right', _parsers.parseSingle], ['pB', 'pad-bottom', 'padding-bottom', _parsers.parseSingle], ['pL', 'pad-left', 'padding-left', _parsers.parseSingle], // Background
-  ['bg', 'bg', 'background', _parsers.mapValue, _parsers.parseArray], ['bgi', 'bg-img', 'background-image', _parsers.mapValue], ['bgc', 'bg-color', 'background-color', _parsers.mapValue], ['bgs', 'bg-size', 'background-size', _parsers.mapValue, _parsers.parseArray], ['bgr', 'bg-repeat', 'background-repeat', _parsers.mapValue], ['bgp', 'bg-pos', 'background-position', _parsers.mapValue, _parsers.parseArray], ['bga', 'bg-attach', 'background-attachment', _parsers.mapValue], ['bgbm', 'bg-blend', 'background-blend-mode', _parsers.mapValue], ['bgC', 'bg-clip', 'background-clip', _parsers.mapValue, _parsers.parseArray], ['bgo', 'bg-org', 'background-origin', _parsers.mapValue], // Dimension
+  ['bg', 'bg', 'background', _parsers.mapValue, _parsers.parseArray], ['bgi', 'bg-img', 'background-image', _parsers.mapValue], ['bgc', 'bg-color', 'background-color', _parsers.mapValue], ['bgs', 'bg-size', 'background-size', _parsers.mapValue, _parsers.parseArray], ['bgr', 'bg-repeat', 'background-repeat', _parsers.mapValue], ['bgp', 'bg-pos', 'background-position', _parsers.mapValue, _parsers.parseArray], ['bga', 'bg-attach', 'background-attachment', _parsers.mapValue], ['bgbm', 'bg-blend', 'background-blend-mode', _parsers.mapValue], ['bgC', 'bg-clip', 'background-clip', _parsers.mapValue, _parsers.parseArray], ['bgo', 'bg-org', 'background-origin', _parsers.mapValue], ['bf', 'bd-filter', 'backdrop-filter'], // Dimension
   ['w', 'wid', 'width', _parsers.mapValue, _parsers.parseSingle], ['h', 'hei', 'height', _parsers.mapValue, _parsers.parseSingle], ['minW', 'min-wid', 'min-width', _parsers.mapValue, _parsers.parseSingle], ['minH', 'min-hei', 'min-height', _parsers.mapValue, _parsers.parseSingle], ['maxW', 'max-wid', 'max-width', _parsers.mapValue, _parsers.parseSingle], ['maxH', 'max-hei', 'max-height', _parsers.mapValue, _parsers.parseSingle], // Grid
@@ -32,4 +33,4 @@ ['g', 'grd', 'grid'], ['ga', 'gr-area', 'grid-area'], ['gac', 'gr-auto-cols', 'grid-auto-columns', _parsers.parseArray], ['gaf', 'gr-auto-flow', 'grid-auto-flow'], ['gar', 'gr-auto-rows', 'grid-auto-rows', _parsers.parseArray], ['gc', 'gr-col', 'grid-column', _parsers.parseArray], ['gce', 'gr-col-end', 'grid-column-end'], ['gcg', 'gr-col-gap', 'grid-column-gap', _parsers.parseSingle], ['gcs', 'gr-col-start', 'grid-column-start'], ['gg', 'gr-gap', 'grid-gap', _parsers.parseArray], ['gr', 'gr-row', 'grid-row', _parsers.parseArray], ['gre', 'gr-row-end', 'grid-row-end'], ['grg', 'gr-row-gap', 'grid-row-gap', _parsers.parseSingle], ['grs', 'gr-row-start', 'grid-row-start'], ['gt', 'gr-tmpl', 'grid-template'], ['gta', 'gr-areas', 'grid-template-areas'], ['gtc', 'gr-cols', 'grid-template-columns', _parsers.parseArray], ['gtr', 'gr-rows', 'grid-template-rows', _parsers.parseArray], // Border
   ['shd', 'shadow', 'box-shadow', _parsers.mapValue, _parsers.parseArray], ['siz', 'sizing', 'box-sizing', _parsers.mapValue], // Misc
-  ['cn', 'cont', 'contain', _parsers.mapValue], ['of', 'obj-fit', 'object-fit', _parsers.mapValue], ['oP', 'obj-pos', 'object-position'], ['op', 'opacity', 'opacity', _parsers.mapValue], ['or', 'order', 'order'], ['ol', 'outline', 'outline'], ['mbm', 'blend-mode', 'mix-blend-mode', _parsers.mapValue], ['ct', 'content', 'content'], ['cur', 'cur', 'cursor', _parsers.mapValue], ['pe', 'p-events', 'pointer-events', _parsers.mapValue], ['fil', 'filter', 'filter'], ['sb', 's-behavior', 'scroll-behavior', _parsers.mapValue], ['sw', 's-width', 'scrollbar-width', _parsers.mapValue], ['sh', 's-height', 'scrollbar-height', _parsers.mapValue], ['us', 'u-select', 'user-select', _parsers.mapValue], // Webkit
-  ['wtc', 'webkit-touch-callout', '-webkit-touch-callout', _parsers.mapValue], ['wos', 'webkit-overflow-scrolling', '-webkit-overflow-scrolling', _parsers.mapValue], ['wthc', 'webkit-tap-highlight-color', '-webkit-tap-highlight-color', _parsers.mapValue], ['wtfc', 'webkit-text-fill-color', '-webkit-text-fill-color', _parsers.mapValue], ['wud', 'webkit-user-drag', '-webkit-user-drag', _parsers.mapValue]];
+  ['cn', 'cont', 'contain', _parsers.mapValue], ['dir', 'dir', 'direction', _parsers.mapValue], ['of', 'obj-fit', 'object-fit', _parsers.mapValue], ['oP', 'obj-pos', 'object-position'], ['op', 'opacity', 'opacity', _parsers.mapValue], ['or', 'order', 'order'], ['ol', 'outline', 'outline'], ['mbm', 'blend-mode', 'mix-blend-mode', _parsers.mapValue], ['ct', 'content', 'content'], ['cur', 'cur', 'cursor', _parsers.mapValue], ['pe', 'p-events', 'pointer-events', _parsers.mapValue], ['fil', 'filter', 'filter'], ['sb', 's-behavior', 'scroll-behavior', _parsers.mapValue], ['sw', 's-width', 'scrollbar-width', _parsers.mapValue], ['sh', 's-height', 'scrollbar-height', _parsers.mapValue], ['us', 'u-select', 'user-select', _parsers.mapValue], // Webkit
+  ['wtc', 'webkit-touch-callout', '-webkit-touch-callout', _parsers.mapValue], ['wos', 'webkit-overflow-scrolling', '-webkit-overflow-scrolling', _parsers.mapValue], ['wthc', 'webkit-tap-highlight-color', '-webkit-tap-highlight-color', _parsers.mapValue], ['wtfc', 'webkit-text-fill-color', '-webkit-text-fill-color', _parsers.mapValue], ['wud', 'webkit-user-drag', '-webkit-user-drag', _parsers.mapValue], ['wbf', 'webkit-backdrop-filter', '-webkit-backdrop-filter']];
 };
@@ -36,0 +37,0 @@

dist/createProps.js

@@ -6,3 +6,4 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 export const getPropTable = () => {
-  return [// Animation + 3D
+  return [// SVG presentational attributes
+  ['ab', 'align-b', 'alignment-baseline'], ['bls', 'bl-shift', 'baseline-shift'], ['cpr', 'clip-r', 'clip-rule'], ['cif', 'color-i-f', 'color-interpolation-filters'], ['ci', 'color-i', 'color-interpolation'], ['cpf', 'color-p', 'color-profile'], ['crd', 'color-r', 'color-rendering'], ['db', 'dom-base', 'dominant-baseline'], ['eb', 'enable-bg', 'enable-background'], ['fo', 'fill-op', 'fill-opacity'], ['fr', 'fill-rule', 'fill-rule'], ['fi', 'fill', 'fill', mapValue], ['fdc', 'flood-c', 'flood-color', mapValue], ['fdo', 'flood-o', 'flood-opacity'], ['fsa', 'font-s-a', 'font-size-adjust'], ['goh', 'glyph-o-h', 'glyph-orientation-horizontal'], ['ir', 'img-r', 'image-rendering'], ['k', 'kern', 'kerning'], ['lc', 'l-color', 'lighting-color', mapValue], ['me', 'm-end', 'marker-end'], ['mm', 'm-mid', 'marker-mid'], ['ms', 'm-start', 'marker-start'], ['msk', 'mask', 'mask'], ['sr', 'shape-rdr', 'shape-rendering'], ['sc', 'stop-c', 'stop-color'], ['sda', 'stroke-da', 'stroke-dasharray'], ['sdo', 'stroke-do', 'stroke-dashoffset'], ['slc', 'stroke-lc', 'stroke-linecap'], ['slj', 'stroke-lj', 'stroke-linejoin'], ['sml', 'stroke-ml', 'stroke-miterlimit'], ['sop', 'stroke-o', 'stroke-opacity'], ['swt', 'stroke-w', 'stroke-width'], ['st', 'stroke', 'stroke'], ['txa', 'txt-anchor', 'text-anchor'], ['txr', 'txt-render', 'text-rendering'], ['ub', 'uni-bidi', 'unicode-bidi'], ['wm', 'writing', 'writing-mode'], // Animation + 3D
   ['a', 'anim', 'animation'], ['ad', 'anim-del', 'animation-delay', mapValue], ['aDir', 'anim-dir', 'animation-direction', mapValue], ['aD', 'anim-dur', 'animation-duration', mapValue], ['afm', 'anim-fill', 'animation-fill-mode', mapValue], ['aic', 'anim-count', 'animation-iteration-count'], ['an', 'anim-name', 'animation-name'], ['aps', 'anim-state', 'animation-play-state', mapValue], ['ats', 'anim-timing', 'animation-timing-function', mapValue], ['bv', 'bf-visibility', 'backface-visibility', mapValue], ['per', 'pers', 'perspective'], ['pero', 'pers-org', 'perspective-origin'], ['tf', 'tran', 'transform'], ['tfo', 'tran-org', 'transform-origin'], ['tfs', 'tran-style', 'transform-style'], ['tr', 'trans', 'transition', mapValue], ['trD', 'trans-del', 'transition-delay', mapValue], ['trd', 'trans-dur', 'transition-duration', mapValue], ['trp', 'trans-prop', 'transition-property'], ['trt', 'trans-timing', 'transition-timing-function'], // Flex
@@ -14,3 +15,3 @@ ['f', 'fx', 'flex'], ['fd', 'fx-dir', 'flex-direction', mapValue], ['fw', 'fx-wrap', 'flex-wrap', mapValue], ['fb', 'fx-base', 'flex-basis', parseSingle], ['ff', 'fx-flow', 'flex-flow'], ['fg', 'fx-grow', 'flex-grow'], ['fs', 'fx-shrink', 'flex-shrink'], ['ai', 'al-items', 'align-items', mapValue], ['ac', 'al-content', 'align-content', mapValue], ['ji', 'just-items', 'justify-items', mapValue], ['jc', 'just-content', 'justify-content', mapValue], ['aS', 'al-self', 'align-self', mapValue], ['jS', 'just-self', 'justify-self', mapValue], // Font + text related
   ['p', 'pad', 'padding', parseArray], ['pT', 'pad-top', 'padding-top', parseSingle], ['pR', 'pad-right', 'padding-right', parseSingle], ['pB', 'pad-bottom', 'padding-bottom', parseSingle], ['pL', 'pad-left', 'padding-left', parseSingle], // Background
-  ['bg', 'bg', 'background', mapValue, parseArray], ['bgi', 'bg-img', 'background-image', mapValue], ['bgc', 'bg-color', 'background-color', mapValue], ['bgs', 'bg-size', 'background-size', mapValue, parseArray], ['bgr', 'bg-repeat', 'background-repeat', mapValue], ['bgp', 'bg-pos', 'background-position', mapValue, parseArray], ['bga', 'bg-attach', 'background-attachment', mapValue], ['bgbm', 'bg-blend', 'background-blend-mode', mapValue], ['bgC', 'bg-clip', 'background-clip', mapValue, parseArray], ['bgo', 'bg-org', 'background-origin', mapValue], // Dimension
+  ['bg', 'bg', 'background', mapValue, parseArray], ['bgi', 'bg-img', 'background-image', mapValue], ['bgc', 'bg-color', 'background-color', mapValue], ['bgs', 'bg-size', 'background-size', mapValue, parseArray], ['bgr', 'bg-repeat', 'background-repeat', mapValue], ['bgp', 'bg-pos', 'background-position', mapValue, parseArray], ['bga', 'bg-attach', 'background-attachment', mapValue], ['bgbm', 'bg-blend', 'background-blend-mode', mapValue], ['bgC', 'bg-clip', 'background-clip', mapValue, parseArray], ['bgo', 'bg-org', 'background-origin', mapValue], ['bf', 'bd-filter', 'backdrop-filter'], // Dimension
   ['w', 'wid', 'width', mapValue, parseSingle], ['h', 'hei', 'height', mapValue, parseSingle], ['minW', 'min-wid', 'min-width', mapValue, parseSingle], ['minH', 'min-hei', 'min-height', mapValue, parseSingle], ['maxW', 'max-wid', 'max-width', mapValue, parseSingle], ['maxH', 'max-hei', 'max-height', mapValue, parseSingle], // Grid
@@ -23,4 +24,4 @@ ['g', 'grd', 'grid'], ['ga', 'gr-area', 'grid-area'], ['gac', 'gr-auto-cols', 'grid-auto-columns', parseArray], ['gaf', 'gr-auto-flow', 'grid-auto-flow'], ['gar', 'gr-auto-rows', 'grid-auto-rows', parseArray], ['gc', 'gr-col', 'grid-column', parseArray], ['gce', 'gr-col-end', 'grid-column-end'], ['gcg', 'gr-col-gap', 'grid-column-gap', parseSingle], ['gcs', 'gr-col-start', 'grid-column-start'], ['gg', 'gr-gap', 'grid-gap', parseArray], ['gr', 'gr-row', 'grid-row', parseArray], ['gre', 'gr-row-end', 'grid-row-end'], ['grg', 'gr-row-gap', 'grid-row-gap', parseSingle], ['grs', 'gr-row-start', 'grid-row-start'], ['gt', 'gr-tmpl', 'grid-template'], ['gta', 'gr-areas', 'grid-template-areas'], ['gtc', 'gr-cols', 'grid-template-columns', parseArray], ['gtr', 'gr-rows', 'grid-template-rows', parseArray], // Border
   ['shd', 'shadow', 'box-shadow', mapValue, parseArray], ['siz', 'sizing', 'box-sizing', mapValue], // Misc
-  ['cn', 'cont', 'contain', mapValue], ['of', 'obj-fit', 'object-fit', mapValue], ['oP', 'obj-pos', 'object-position'], ['op', 'opacity', 'opacity', mapValue], ['or', 'order', 'order'], ['ol', 'outline', 'outline'], ['mbm', 'blend-mode', 'mix-blend-mode', mapValue], ['ct', 'content', 'content'], ['cur', 'cur', 'cursor', mapValue], ['pe', 'p-events', 'pointer-events', mapValue], ['fil', 'filter', 'filter'], ['sb', 's-behavior', 'scroll-behavior', mapValue], ['sw', 's-width', 'scrollbar-width', mapValue], ['sh', 's-height', 'scrollbar-height', mapValue], ['us', 'u-select', 'user-select', mapValue], // Webkit
-  ['wtc', 'webkit-touch-callout', '-webkit-touch-callout', mapValue], ['wos', 'webkit-overflow-scrolling', '-webkit-overflow-scrolling', mapValue], ['wthc', 'webkit-tap-highlight-color', '-webkit-tap-highlight-color', mapValue], ['wtfc', 'webkit-text-fill-color', '-webkit-text-fill-color', mapValue], ['wud', 'webkit-user-drag', '-webkit-user-drag', mapValue]];
+  ['cn', 'cont', 'contain', mapValue], ['dir', 'dir', 'direction', mapValue], ['of', 'obj-fit', 'object-fit', mapValue], ['oP', 'obj-pos', 'object-position'], ['op', 'opacity', 'opacity', mapValue], ['or', 'order', 'order'], ['ol', 'outline', 'outline'], ['mbm', 'blend-mode', 'mix-blend-mode', mapValue], ['ct', 'content', 'content'], ['cur', 'cur', 'cursor', mapValue], ['pe', 'p-events', 'pointer-events', mapValue], ['fil', 'filter', 'filter'], ['sb', 's-behavior', 'scroll-behavior', mapValue], ['sw', 's-width', 'scrollbar-width', mapValue], ['sh', 's-height', 'scrollbar-height', mapValue], ['us', 'u-select', 'user-select', mapValue], // Webkit
+  ['wtc', 'webkit-touch-callout', '-webkit-touch-callout', mapValue], ['wos', 'webkit-overflow-scrolling', '-webkit-overflow-scrolling', mapValue], ['wthc', 'webkit-tap-highlight-color', '-webkit-tap-highlight-color', mapValue], ['wtfc', 'webkit-text-fill-color', '-webkit-text-fill-color', mapValue], ['wud', 'webkit-user-drag', '-webkit-user-drag', mapValue], ['wbf', 'webkit-backdrop-filter', '-webkit-backdrop-filter']];
 };
@@ -27,0 +28,0 @@

package.json

 {
     "name": "@cryptic-css/core",
-    "version": "3.8.0",
+    "version": "3.9.0",
     "description": "> TODO: description",
@@ -5,0 +5,0 @@ "author": "Viktor Vincze <[e-mail]>",

src/createProps.ts

@@ -7,2 +7,41 @@ import { pipe, mapValue, parseArray, parseSingle, toCSSRule, child } from './parsers'
     return [
+        // SVG presentational attributes
+        ['ab', 'align-b', 'alignment-baseline'],
+        ['bls', 'bl-shift', 'baseline-shift'],
+        ['cpr', 'clip-r', 'clip-rule'],
+        ['cif', 'color-i-f', 'color-interpolation-filters'],
+        ['ci', 'color-i', 'color-interpolation'],
+        ['cpf', 'color-p', 'color-profile'],
+        ['crd', 'color-r', 'color-rendering'],
+        ['db', 'dom-base', 'dominant-baseline'],
+        ['eb', 'enable-bg', 'enable-background'],
+        ['fo', 'fill-op', 'fill-opacity'],
+        ['fr', 'fill-rule', 'fill-rule'],
+        ['fi', 'fill', 'fill', mapValue],
+        ['fdc', 'flood-c', 'flood-color', mapValue],
+        ['fdo', 'flood-o', 'flood-opacity'],
+        ['fsa', 'font-s-a', 'font-size-adjust'],
+        ['goh', 'glyph-o-h', 'glyph-orientation-horizontal'],
+        ['ir', 'img-r', 'image-rendering'],
+        ['k', 'kern', 'kerning'],
+        ['lc', 'l-color', 'lighting-color', mapValue],
+        ['me', 'm-end', 'marker-end'],
+        ['mm', 'm-mid', 'marker-mid'],
+        ['ms', 'm-start', 'marker-start'],
+        ['msk', 'mask', 'mask'],
+        ['sr', 'shape-rdr', 'shape-rendering'],
+        ['sc', 'stop-c', 'stop-color'],
+        ['sda', 'stroke-da', 'stroke-dasharray'],
+        ['sdo', 'stroke-do', 'stroke-dashoffset'],
+        ['slc', 'stroke-lc', 'stroke-linecap'],
+        ['slj', 'stroke-lj', 'stroke-linejoin'],
+        ['sml', 'stroke-ml', 'stroke-miterlimit'],
+        ['sop', 'stroke-o', 'stroke-opacity'],
+        ['swt', 'stroke-w', 'stroke-width'],
+        ['st', 'stroke', 'stroke'],
+        ['txa', 'txt-anchor', 'text-anchor'],
+        ['txr', 'txt-render', 'text-rendering'],
+        ['ub', 'uni-bidi', 'unicode-bidi'],
+        ['wm', 'writing', 'writing-mode'],
+
         // Animation + 3D
@@ -101,2 +140,3 @@ ['a', 'anim', 'animation'],
         ['bgo', 'bg-org', 'background-origin', mapValue],
+        ['bf', 'bd-filter', 'backdrop-filter'],
 
@@ -207,2 +247,3 @@ // Dimension
         ['cn', 'cont', 'contain', mapValue],
+        ['dir', 'dir', 'direction', mapValue],
         ['of', 'obj-fit', 'object-fit', mapValue],
@@ -228,3 +269,4 @@ ['oP', 'obj-pos', 'object-position'],
         ['wtfc', 'webkit-text-fill-color', '-webkit-text-fill-color', mapValue],
-        ['wud', 'webkit-user-drag', '-webkit-user-drag', mapValue]
+        ['wud', 'webkit-user-drag', '-webkit-user-drag', mapValue],
+        ['wbf', 'webkit-backdrop-filter', '-webkit-backdrop-filter']
     ]
@@ -244,3 +286,3 @@ }
             : toCSSRule(long, longCamel)
-        const thatFn = function(this: CCSSProps, a, b, c, d, e, f, g, h) {
+        const thatFn = function (this: CCSSProps, a, b, c, d, e, f, g, h) {
             return this[short](a, short, c, d, e, f, g, h)
@@ -247,0 +289,0 @@ }

No alert changes

Improved metrics

Total package byte prevSize

2843499

increased by5.88%

Lines of code

42776

increased by14.34%

No dependency changes