@sb1/ffe-collapse-react 5.0.14 → 5.1.1

package/README.md

@@ -19,6 +19,14 @@ Alternatively you can do it by adding style to the class
 `.ffe-collapse-transition`\, adding it to your own class and provide the class
 through the `className` property or by styling it directly through the `style` property.
 
+### Importing compiled CSS
+
+If your project does not use Less, you can import the compiled styling:
+
+```css
+@import '~@sb1/ffe-collapse-react/css/collapse.css';
+```
+
 ## Development
 
 To start a local development server, run the following from the designsystem root folder:

package/css/collapse.css

@@ -0,0 +1,20 @@
+.ffe-collapse {
+  display: grid;
+  grid-template-rows: 0fr;
+  -webkit-transition: grid-template-rows var(--ffe-transition-duration) var(--ffe-ease);
+  -o-transition: grid-template-rows var(--ffe-transition-duration) var(--ffe-ease);
+  transition: grid-template-rows var(--ffe-transition-duration) var(--ffe-ease);
+  transition: grid-template-rows var(--ffe-transition-duration) var(--ffe-ease), -ms-grid-rows var(--ffe-transition-duration) var(--ffe-ease);
+}
+.ffe-collapse--hidden {
+  visibility: hidden;
+}
+.ffe-collapse--open {
+  grid-template-rows: 1fr;
+}
+.ffe-collapse__inner {
+  overflow: hidden;
+}
+.ffe-collapse__inner.ffe-collapse__inner--visible {
+  overflow: visible;
+}

package/es/tsconfig.esm.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/Collapse.tsx","../src/index.ts","../src/mergeRefs.ts","../src/usePreviousIsOpen.ts"],"version":"5.6.3"}
+{"root":["../src/Collapse.tsx","../src/index.ts","../src/mergeRefs.ts","../src/usePreviousIsOpen.ts"],"version":"5.7.3"}

package/lib/Collapse.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/lib/tsconfig.cjs.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/Collapse.tsx","../src/index.ts","../src/mergeRefs.ts","../src/usePreviousIsOpen.ts"],"version":"5.6.3"}
+{"root":["../src/Collapse.tsx","../src/index.ts","../src/mergeRefs.ts","../src/usePreviousIsOpen.ts"],"version":"5.7.3"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sb1/ffe-collapse-react",
-    "version": "5.0.14",
+    "version": "5.1.1",
     "description": "React component for expand/collapse",
     "keywords": [
         "ffe"
@@ -11,6 +11,7 @@
         "lib",
         "es",
         "less",
+        "css",
         "types"
     ],
     "main": "lib/index.js",
@@ -22,7 +23,7 @@
         "url": "ssh://git@github.com:SpareBank1/designsystem.git"
     },
     "scripts": {
-        "build": "ffe-buildtool tsc",
+        "build": "ffe-buildtool tsc && lessc less/collapse.less css/collapse.css --autoprefix",
         "build:es": "ffe-buildtool tsc --es",
         "lint": "eslint src --ext ts,tsx",
         "lint:fix": "eslint src --fix --ext ts,tsx",
@@ -30,7 +31,7 @@
         "test:watch": "ffe-buildtool jest --watch"
     },
     "dependencies": {
-        "@sb1/ffe-core": "^29.1.4",
+        "@sb1/ffe-core": "^29.3.0",
         "classnames": "^2.3.1"
     },
     "devDependencies": {
@@ -45,5 +46,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "a14800de9fd87134f0eae31e5dad841089aaffd8"
+    "gitHead": "f474381dd349e5f8a64b9e6883aa9cb4a6d184d8"
 }

package/types/tsconfig.types.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/Collapse.tsx","../src/index.ts","../src/mergeRefs.ts","../src/usePreviousIsOpen.ts"],"version":"5.6.3"}
+{"root":["../src/Collapse.tsx","../src/index.ts","../src/mergeRefs.ts","../src/usePreviousIsOpen.ts"],"version":"5.7.3"}