Icon updates (#974)

* Add height/width 1em in svgr step

* add icon title prop

* remove template

* set currentColor in svgr

* scripts fix

Co-authored-by: Ken <ken.aleksander@gmail.com>

@navikt/ds-icons/figma-api/index.js

@@ -6,13 +6,6 @@ const rimraf = require("rimraf");
 const startCase = require("lodash.startcase");
 const zipdir = require("zip-dir");
 
-const manipulateSvg = (svgString) => {
-  let changed = svgString.replace(/width="[^"]*"/, `width="1em"`);
-  changed = changed.replace(/height="[^"]*"/, `height="1em"`);
-  changed = changed.replace(new RegExp("#3E3832", "g"), `currentColor`);
-  return changed;
-};
-
 const generateMetadata = (iconNodesArr) => {
   return iconNodesArr
     .map(({ name, description, created_at, updated_at, containing_frame }) => {
@@ -71,8 +64,7 @@ const main = async () => {
       limit(() =>
         api
           .getIconContent(url)
-          .then(({ data }) => manipulateSvg(data))
-          .then((data) => {
+          .then(({ data }) => {
             fs.writeFileSync(
               path.resolve(
                 iconFolder,

@navikt/ds-icons/figma-api/metadata.json

@@ -1907,7 +1907,7 @@
     "name": "Selection",
     "description": "",
     "created_at": "2020-07-01T10:37:42.810Z",
-    "updated_at": "2020-07-01T10:37:42.810Z",
+    "updated_at": "2021-02-03T15:16:41.126Z",
     "pageName": "Interface",
     "visible": true
   },

@navikt/ds-icons/package.json

@@ -19,9 +19,9 @@
   ],
   "scripts": {
     "dl-icons": "FILE_KEY=UmEVH3pZ71uJPsSz9ilP3Y node -r dotenv/config figma-api/index.js dotenv_config_path=figma-api/.env",
-    "create-icons": "svgr --template template/reactTemplate.js -d src svg --typescript --ref",
+    "create-icons": "svgr --typescript --ref --icon --title-prop --replace-attr-values \"#3E3832=currentColor\" -d src svg",
     "convert-icons": "node figma-api/pngConverter.js",
-    "clean": "rm -rf src && rm -rf lib && rm -rf png && rm NAV-ikonpakke-png.zip",
+    "clean": "rm -rf src && rm -rf lib && rm -rf png && rm -rf NAV-ikonpakke-png.zip",
     "build": "npm run clean && npm run create-icons && tsc && npm run convert-icons"
   },
   "repository": {

@navikt/ds-icons/stories/icons.stories.tsx

@@ -10,7 +10,7 @@ const iconsStories = storiesOf("@navikt/icons", module);
 Object.entries(Icons).forEach(([name, Icon]) => {
   iconsStories.add(name, () => (
     <div>
-      <Icon />
+      <Icon title="hello, world" />
       <Icon style={{ height: "2em", width: "2em" }} />
       <Icon style={{ height: "4em", width: "4em" }} />
       <Icon style={{ height: "4em", width: "4em", color: "white" }} />