gantri-components 1.0.8 → 1.1.0

package/dist/index.cjs.js

@@ -1293,6 +1293,8 @@ var Button = function (_a) {
 };
 var templateObject_1;
 
+var Icon = function () { return r__default["default"].createElement("div", null, "Icon"); };
+
 var palette = {
     blue_100: '#ECF1FF',
     blue_200: '#BDCFFF',
@@ -1515,7 +1517,7 @@ var lightTheme = __assign(__assign({}, commonThemeData), { colors: {
             warning: palette.gold_400,
         },
     }, name: 'Light Theme' });
-__assign(__assign({}, commonThemeData), { colors: {
+var darkTheme = __assign(__assign({}, commonThemeData), { colors: {
         dividers: {
             t1: palette.monochrome_600,
             t2: palette.monochrome_400,
@@ -1551,7 +1553,94 @@ __assign(__assign({}, commonThemeData), { colors: {
             t3: palette.monochrome_500,
             warning: palette.gold_200,
         },
-    }, name: 'Dark Theme' });
+    }, name: 'Dark Theme' });
+var getThemeColor = function (color, currentTheme) {
+    var _a, _b;
+    if (currentTheme === void 0) { currentTheme = lightTheme; }
+    return (_b = (_a = currentTheme.colors.palette) === null || _a === void 0 ? void 0 : _a[color]) !== null && _b !== void 0 ? _b : color;
+};
+var combinationsByColor = function (appTheme) {
+    if (appTheme === void 0) { appTheme = lightTheme; }
+    return ({
+        alert: {
+            background: appTheme.colors.palette.red_400,
+            color: appTheme.colors.palette.monochrome_white,
+            hover: appTheme.colors.palette.red_300,
+            selected: appTheme.colors.palette.red_500,
+        },
+        black: {
+            background: appTheme.colors.palette.monochrome_900,
+            color: appTheme.colors.palette.monochrome_white,
+            hover: appTheme.colors.palette.monochrome_500,
+            selected: appTheme.colors.palette.green_500,
+        },
+        blue: {
+            background: appTheme.colors.palette.blue_400,
+            color: appTheme.colors.palette.monochrome_white,
+            hover: appTheme.colors.palette.blue_300,
+            selected: appTheme.colors.palette.blue_500,
+        },
+        gold: {
+            background: appTheme.colors.palette.gold_400,
+            color: appTheme.colors.palette.monochrome_white,
+            hover: appTheme.colors.palette.gold_300,
+            selected: appTheme.colors.palette.gold_500,
+        },
+        green: {
+            background: appTheme.colors.palette.green_400,
+            color: appTheme.colors.palette.monochrome_white,
+            hover: appTheme.colors.palette.green_300,
+            selected: appTheme.colors.palette.green_500,
+        },
+        grey: {
+            background: appTheme.colors.palette.monochrome_400,
+            color: appTheme.colors.palette.monochrome_white,
+            hover: appTheme.colors.palette.monochrome_300,
+            selected: appTheme.colors.palette.monochrome_500,
+        },
+        greyLight: {
+            background: appTheme.colors.palette.monochrome_200,
+            color: appTheme.colors.palette.monochrome_black,
+            hover: appTheme.colors.palette.monochrome_300,
+            selected: appTheme.colors.palette.monochrome_400,
+        },
+        pink: {
+            background: appTheme.colors.palette.pink_400,
+            color: appTheme.colors.palette.monochrome_white,
+            hover: appTheme.colors.palette.red_300,
+            selected: appTheme.colors.palette.monochrome_black,
+        },
+        primary: {
+            background: appTheme.colors.palette.green_400,
+            color: appTheme.colors.palette.monochrome_white,
+            hover: appTheme.colors.palette.green_300,
+            selected: appTheme.colors.palette.green_500,
+        },
+        secondary: {
+            background: appTheme.colors.palette.green_400,
+            hover: appTheme.colors.palette.monochrome_500,
+            selected: appTheme.colors.palette.green_500,
+        },
+        secondaryAlt: {
+            background: appTheme.colors.palette.monochrome_black,
+            color: appTheme.colors.palette.monochrome_white,
+            hover: appTheme.colors.palette.monochrome_500,
+            selected: appTheme.colors.palette.green_500,
+        },
+        white: {
+            background: appTheme.colors.palette.monochrome_white,
+            color: appTheme.colors.palette.monochrome_black,
+            hover: appTheme.colors.palette.monochrome_300,
+            selected: appTheme.colors.palette.monochrome_500,
+        },
+        yellow: {
+            background: appTheme.colors.palette.yellow_500,
+            color: appTheme.colors.palette.monochrome_white,
+            hover: appTheme.colors.palette.green_400,
+            selected: appTheme.colors.palette.monochrome_black,
+        },
+    });
+};
 
 var ThemeProvider = function (_a) {
     var children = _a.children, theme = _a.theme;
@@ -1562,5 +1651,11 @@ ThemeProvider.defaultProps = {
 };
 
 exports.Button = Button;
+exports.Icon = Icon;
 exports.ThemeProvider = ThemeProvider;
+exports.combinationsByColor = combinationsByColor;
+exports.darkTheme = darkTheme;
+exports.getThemeColor = getThemeColor;
+exports.lightTheme = lightTheme;
+exports.palette = palette;
 //# sourceMappingURL=index.cjs.js.map

package/lib/components/icon/icon.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Icon: () => JSX.Element;

package/lib/components/icon/index.d.ts

@@ -0,0 +1 @@
+export { Icon } from './icon';

package/lib/index.d.ts

@@ -1,3 +1,4 @@
 import Button from './components/Button';
-import { ThemeProvider } from './theme';
-export { Button, ThemeProvider };
+import { Icon } from './components/icon';
+export { ThemeProvider, darkTheme, lightTheme, combinationsByColor, getThemeColor, palette, } from './theme';
+export { Button, Icon };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gantri-components",
-  "version": "1.0.8",
+  "version": "1.1.0",
   "main": "dist/index.cjs.js",
   "module": "dist/src/index.js",
   "types": "lib/index.d.ts",
@@ -11,7 +11,8 @@
   "scripts": {
     "build": "rollup -c",
     "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook"
+    "build-storybook": "build-storybook",
+    "prepare": "husky install"
   },
   "peerDependencies": {
     "react": "^17.0.2",
@@ -19,10 +20,18 @@
   },
   "devDependencies": {
     "@babel/core": "^7.17.5",
+    "@commitlint/cli": "^16.2.1",
+    "@commitlint/config-conventional": "^16.2.1",
     "@react-theming/storybook-addon": "^1.1.5",
     "@rollup/plugin-commonjs": "^21.0.2",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^13.1.3",
+    "@semantic-release/changelog": "^6.0.1",
+    "@semantic-release/commit-analyzer": "^9.0.2",
+    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/github": "^8.0.2",
+    "@semantic-release/npm": "^9.0.1",
+    "@semantic-release/release-notes-generator": "^10.0.3",
     "@storybook/addon-actions": "^6.4.19",
     "@storybook/addon-essentials": "^6.4.19",
     "@storybook/addon-interactions": "^6.4.19",

package/lib/components/Button/Button.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta } from '@storybook/react/types-6-0';
-import { Story } from '@storybook/react';
-import { ButtonProps } from './Button';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const Primary: Story<ButtonProps>;
-export declare const Secondary: Story<ButtonProps>;