@orfium/ictinus 4.22.0 → 4.23.0

package/dist/theme/states/index.d.ts

@@ -0,0 +1,5 @@
+import { getDisabled } from './disabled';
+import { getFocus } from './focus';
+import { getHover } from './hover';
+import { getPressed } from './pressed';
+export { getHover, getFocus, getPressed, getDisabled };

package/dist/theme/states/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+exports.__esModule = true;
+
+var _disabled = require("./disabled");
+
+exports.getDisabled = _disabled.getDisabled;
+
+var _focus = require("./focus");
+
+exports.getFocus = _focus.getFocus;
+
+var _hover = require("./hover");
+
+exports.getHover = _hover.getHover;
+
+var _pressed = require("./pressed");
+
+exports.getPressed = _pressed.getPressed;

package/dist/theme/states/pressed.d.ts

@@ -0,0 +1,15 @@
+import { Theme } from '../index';
+import { colorShades, flatColors } from '../palette';
+export declare type Props = {
+    theme: Theme;
+    color?: typeof flatColors[number];
+    shade?: typeof colorShades[number] | 0;
+};
+export declare type GetPressed = {
+    backgroundColor: string;
+};
+/**
+ * On pressed background is darken by two steps in shade.
+ * If we exceed the maximum value then we lighten it by two steps.
+ * This will be reviewed when dark theme is implemented. **/
+export declare const getPressed: ({ theme, color, shade }: Props) => GetPressed;

package/dist/theme/states/pressed.js

@@ -0,0 +1,31 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getPressed = void 0;
+
+var _statesConfig = require("./statesConfig");
+
+var _utils = require("./utils");
+
+var backgroundColorStep = _statesConfig.statesConfig.pressed.backgroundColor.step;
+/**
+ * On pressed background is darken by two steps in shade.
+ * If we exceed the maximum value then we lighten it by two steps.
+ * This will be reviewed when dark theme is implemented. **/
+
+var getPressed = function getPressed(_ref) {
+  var theme = _ref.theme,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'lightGrey' : _ref$color,
+      _ref$shade = _ref.shade,
+      shade = _ref$shade === void 0 ? 0 : _ref$shade;
+  var calculatedShade = (0, _utils.getShadeWithStep)({
+    shade: shade,
+    step: backgroundColorStep
+  });
+  return {
+    backgroundColor: theme.utils.getColor(color, calculatedShade)
+  };
+};
+
+exports.getPressed = getPressed;

package/dist/theme/states/statesConfig.d.ts

@@ -0,0 +1,34 @@
+import { colorShades, flatColors } from '../palette';
+declare type StatesConfig = {
+    hover: {
+        backgroundColor: {
+            step: number;
+        };
+    };
+    focus: {
+        border: {
+            width: {
+                step: number;
+            };
+            color: {
+                name: typeof flatColors[number];
+                shade: typeof colorShades[number];
+            };
+        };
+    };
+    pressed: {
+        backgroundColor: {
+            step: number;
+        };
+    };
+    disabled: {
+        opacity: {
+            amount: number;
+        };
+        cursor: {
+            name: string;
+        };
+    };
+};
+export declare const statesConfig: StatesConfig;
+export {};

package/dist/theme/states/statesConfig.js

@@ -0,0 +1,36 @@
+"use strict";
+
+exports.__esModule = true;
+exports.statesConfig = void 0;
+var statesConfig = {
+  hover: {
+    backgroundColor: {
+      step: 50
+    }
+  },
+  focus: {
+    border: {
+      width: {
+        step: 1
+      },
+      color: {
+        name: 'magenta',
+        shade: 500
+      }
+    }
+  },
+  pressed: {
+    backgroundColor: {
+      step: 100
+    }
+  },
+  disabled: {
+    opacity: {
+      amount: 0.5
+    },
+    cursor: {
+      name: 'not-allowed'
+    }
+  }
+};
+exports.statesConfig = statesConfig;

package/dist/theme/states/utils.d.ts

@@ -0,0 +1,7 @@
+import { colorShades } from '../palette';
+declare type Props = {
+    shade: typeof colorShades[number] | 0;
+    step: number;
+};
+export declare const getShadeWithStep: ({ shade, step }: Props) => typeof colorShades[number];
+export {};

package/dist/theme/states/utils.js

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getShadeWithStep = void 0;
+
+var _palette = require("../palette");
+
+var getShadeWithStep = function getShadeWithStep(_ref) {
+  var _ref$shade = _ref.shade,
+      shade = _ref$shade === void 0 ? 0 : _ref$shade,
+      _ref$step = _ref.step,
+      step = _ref$step === void 0 ? 50 : _ref$step;
+  var calculatedShade = shade;
+
+  if (shade + step > _palette.MAX_SHADE) {
+    calculatedShade -= step;
+  } else {
+    calculatedShade += step;
+  }
+
+  return calculatedShade;
+};
+
+exports.getShadeWithStep = getShadeWithStep;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orfium/ictinus",
-  "version": "4.22.0",
+  "version": "4.23.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",