fix(checkbox, icon button, tag): font icon replaced with svg sprite

bundlehandler.sh

@@ -22,29 +22,30 @@ cp -r src/themes/* bundle/themes
 
 # copy icons folder into bundle folder
 cp -r src/assets/icons/* bundle/assets/icons
+cp -r src/svgxuse.min.js bundle/assets/icons
 
 # copy sketch file into bundle folder
 cp -r src/assets/sketches/zds-library.sketch bundle/assets/dist
 
 # rename icons
-cd bundle/assets/icons
-for f in *.svg
-do
-    newFileName=$(echo $f | \
-     awk '{gsub(/iconsLanguages/, "")};1' | \
-     awk '{gsub(/iconsMiscAction/, "")};1' | \
-     awk '{gsub(/iconsMiscNavigation/, "")};1' | \
-     awk '{gsub(/iconsMiscIndicator/, "")};1' | \
-     awk '{gsub(/iconsSbu/, "")};1' | \
-     awk '{gsub(/iconsSocial/, "")};1' | \
-     awk '{gsub(/[A-Z]/, "-&")};1' | \
-     awk '{ print tolower($0) }')
-#     mv $f "zepicons$newFileName" ONLY USE IF CHANGING FILE NAMES THE FIRST TIME
-     mv $f $newFileName
-done
-
-# move back to main folder
-cd ../../../
+# cd bundle/assets/icons
+# for f in *.svg
+# do
+#     newFileName=$(echo $f | \
+#      awk '{gsub(/iconsLanguages/, "")};1' | \
+#      awk '{gsub(/iconsMiscAction/, "")};1' | \
+#      awk '{gsub(/iconsMiscNavigation/, "")};1' | \
+#      awk '{gsub(/iconsMiscIndicator/, "")};1' | \
+#      awk '{gsub(/iconsSbu/, "")};1' | \
+#      awk '{gsub(/iconsSocial/, "")};1' | \
+#      awk '{gsub(/[A-Z]/, "-&")};1' | \
+#      awk '{ print tolower($0) }')
+# #     mv $f "zepicons$newFileName" ONLY USE IF CHANGING FILE NAMES THE FIRST TIME
+#      mv $f $newFileName
+# done
+
+# # move back to main folder
+# cd ../../../
 
 # delete sourceMapping comment line from css file
 sed -i.bak 's@/\*.*\*/@@g' $TARGET_FILE

src/App.js

@@ -8,11 +8,7 @@ import NumberInputPage from './elements/numberinput/NumberInputPage';
 import ListPage from './elements/list/ListPage';
 import RadioPage from './elements/radio/RadioPage';
 import './base_bundle_entry.scss';
-
-/* TODO: remove this import, the css itself and the icont font files,
-after the files are extracted in a separate repo/npm package */
-// import './icons.font';
-import './zeppelin-icons.css';
+import './svgxuse.min.js'; // ie fallback for sprites
 
 function App() {
   const [content, setContent] = useState('welcome');

src/__tests__/App.spec.js

@@ -7,5 +7,3 @@ it('renders without crashing', () => {
   ReactDOM.render(<App />, div);
   ReactDOM.unmountComponentAtNode(div);
 });
-
-// TODO: TDD on initializing real elements in ZEL