Merge pull request #8 from bkrmendy/flex-basis

Add support for flex-basis

Author: XEngine

src/plugins.ts

@@ -163,6 +163,9 @@ export const functionalPlugins = new Map<string, FunctionalPlugin[]>([
     ["flex", [
         {scaleKey: "flex", ns: 'flex', class: ['flex'], type: 'number'},
     ]],
+    ["basis", [
+        {scaleKey: "flexBasis", ns: 'flexBasis', class: ['flex-basis'], type: 'length'},
+    ]],
     ["grid-cols", [
         {scaleKey: "gridTemplateColumns", ns: 'gridTemplateColumns', class: ['grid-template-columns'], type: 'number'},
     ]],
@@ -475,6 +478,10 @@ export const namedPlugins = new Map<string, NamedPlugin>([
     ["flex-shrink", {class: ['flex-shrink'], value: '1', ns: 'flexShrink'}],
     ["flex-shrink-0", {class: ['flex-shrink'], value: '0', ns: 'flexShrink'}],
 
+    // Flex Basis
+    ['basis-auto', { class: ['flex-basis'], value: 'auto', ns: 'flexBasis' }],
+    ['basis-full', { class: ['flex-basis'], value: '100%', ns: 'flexBasis' }],
+
     // Filters
     ["grayscale", {class: ['filter'], value: 'grayscale(100%)', ns: 'grayScale'}],
     ["grayscale-0", {class: ['filter'], value: 'grayscale(0)', ns: 'grayScale'}],

test/parse.test.ts

@@ -221,3 +221,62 @@ it("should parse rounded corner classes", () => {
         variants: [],
     });
 });
+it('should parse flex-basis classes', () => {
+    expect(parse('basis-full')).toEqual({
+        "arbitrary": false,
+        "important": false,
+        "kind": "named",
+        "modifier": null,
+        "negative": false,
+        "property": "flexBasis",
+        "root": "basis-full",
+        "value": "100%",
+        "valueDef":  {
+        "class": [
+            "flex-basis",
+        ],
+        "kind": "named",
+        "raw": "basis-full",
+        "value": "100%",
+        },
+        "variants":  [],
+    })
+    expect(parse('basis-auto')).toEqual({
+        "arbitrary": false,
+        "important": false,
+        "kind": "named",
+        "modifier": null,
+        "negative": false,
+        "property": "flexBasis",
+        "root": "basis-auto",
+        "value": "auto",
+        "valueDef":  {
+        "class": [
+            "flex-basis",
+        ],
+        "kind": "named",
+        "raw": "basis-auto",
+        "value": "auto",
+        },
+        "variants":  [],
+    })
+    expect(parse('basis-7')).toEqual({
+        "arbitrary": false,
+        "important": false,
+        "kind": "functional",
+        "modifier": null,
+        "negative": false,
+        "property": "flexBasis",
+        "root": "basis",
+        "value": "1.75rem",
+        "valueDef":  {
+        "class": [
+            "flex-basis",
+        ],
+        "kind": "length",
+        "raw": "7",
+        "value": "1.75rem",
+        },
+        "variants":  [],
+    })
+})