@companycam/slab-web 0.0.2-24 → 0.0.2-26

package/dist/bundle.js

@@ -398,8 +398,10 @@ const mapNameToMdiIconPath = name => {
   switch (name) {
     case "check":
       return js.mdiCheck;
+
     case "upgrade":
       return js.mdiLightningBolt;
+
     default:
       return null;
   }
@@ -414,6 +416,7 @@ const getFontSize = size => {
     return tokens.size_text_l;
   }
 };
+
 const UpgradeIconContainer = styled__default["default"].div`
   ${({
   size
@@ -428,6 +431,7 @@ const UpgradeIconContainer = styled__default["default"].div`
   align-items: center;
   justify-content: center;
 `;
+
 const Icon = props => {
   const {
     name,
@@ -437,14 +441,14 @@ const Icon = props => {
     className
   } = props;
   const iconColor = color || "var(--cc_color_text_default)";
+
   if (!MDI_NAMES.includes(name)) {
     throw new Error(`'${name}' is not a valid Slab icon name [@companycam/slab] `);
-  }
+  } // Return Vector Icon
+
 
-  // Return Vector Icon
-  const mdiIconPath = mapNameToMdiIconPath(name);
+  const mdiIconPath = mapNameToMdiIconPath(name); // unique case: Upgrade Icon
 
-  // unique case: Upgrade Icon
   if (name === "upgrade") {
     const iconSize = getFontSize(size) * 0.8;
     return /*#__PURE__*/React__default["default"].createElement(UpgradeIconContainer, {
@@ -457,18 +461,22 @@ const Icon = props => {
       color: tokens.color_text_default_le
     }));
   }
+
   return /*#__PURE__*/React__default["default"].createElement(MdiIcon__default["default"], {
     path: mdiIconPath,
     size: `${getFontSize(size)}px`,
     color: iconColor
   });
 };
+
 Icon.displayName = "Icon";
 Icon.propTypes = {
   name: PropTypes__default["default"].string.isRequired,
   color: PropTypes__default["default"].string,
   size: PropTypes__default["default"].oneOfType([PropTypes__default["default"].oneOf(["tiny", "small", "medium", "large"]), PropTypes__default["default"].number]),
-  style: PropTypes__default["default"].oneOfType([PropTypes__default["default"].object /* allow Icon to be extended as styled-component */, PropTypes__default["default"].array]),
+  style: PropTypes__default["default"].oneOfType([PropTypes__default["default"].object
+  /* allow Icon to be extended as styled-component */
+  , PropTypes__default["default"].array]),
   className: PropTypes__default["default"].string
 };
 Icon.defaultProps = {

package/package.json

@@ -1,14 +1,17 @@
 {
   "name": "@companycam/slab-web",
-  "version": "0.0.2-24",
+  "version": "0.0.2-26",
   "description": "Design System for use across CompanyCam web applications",
   "main": "web/index.js",
   "module": "dist/bundle.js",
   "scripts": {
-    "release": "yarn bump-version && yarn build && yarn publish-latest",
-    "bump-version": "yarn version --patch --no-git-tag-version",
-    "publish-latest": "git push --tags && yarn publish . --tag latest && git push",
-    "build": "rollup --config ./rollup.config.js"
+    "release": "yarn clean && yarn copy-source && yarn build && yarn bump-version && yarn publish-latest",
+    "bump-version": "yarn version --prepatch --no-git-tag-version",
+    "publish-latest": "yarn publish . --tag latest",
+    "copy-source": "cp -r ../src/shared ./ && cp -r ../src/web ./",
+    "build": "yarn build:tokens && rollup --config ./rollup.config.js",
+    "build:tokens": "style-dictionary build --config ./shared/tokens/config.js",
+    "clean": "rimraf ./dist/* && rimraf ./web/* && rimraf ./shared/*"
   },
   "repository": {
     "type": "git",
@@ -47,11 +50,12 @@
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^13.2.1",
     "react-dom": "17.0.2",
+    "rimraf": "^3.0.2",
     "rollup": "^2.70.2",
     "style-dictionary": "3.0.3"
   },
   "peerDependencies": {
-    "react": ">= 16",
-    "prop-types": ">= 15"
+    "prop-types": ">= 15",
+    "react": ">= 16"
   }
 }

package/shared/tokens/build/css/base.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Nov 2022 15:37:56 GMT
+ * Generated on Sat, 12 Nov 2022 18:32:07 GMT
  */
 
 :root, .light-environment {

package/shared/tokens/build/css/dark_environment.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Nov 2022 15:37:56 GMT
+ * Generated on Sat, 12 Nov 2022 18:32:07 GMT
  */
 
 .dark-environment {

package/shared/tokens/build/css/light_environment.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Nov 2022 15:37:56 GMT
+ * Generated on Sat, 12 Nov 2022 18:32:07 GMT
  */
 
 :root, .light-environment {

package/shared/tokens/build/js/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Nov 2022 15:37:56 GMT
+ * Generated on Sat, 12 Nov 2022 18:32:07 GMT
  */
 
 export const color_brand_primary = "#0967d2"; // Our beloved CoCam deep blue. Use only for branding purposes.

package/shared/tokens/build/scss/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 09 Nov 2022 15:37:56 GMT
+// Generated on Sat, 12 Nov 2022 18:32:07 GMT
 
 $cc_color_brand_primary: #0967d2; // Our beloved CoCam deep blue. Use only for branding purposes.
 $cc_color_brand_secondary: #142334; // Complements our primary blue. Use only for branding purposes.