@decisiv/ui-components 2.0.1-alpha.154 → 2.0.1-alpha.156

package/lib/utils/commonUIColors.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.commonUIColors = exports.commonUIColorKeys = exports.statusColors = exports.viColors = exports.statusColorKeys = exports.viColorKeys = void 0;
+exports.commonUIThreeShadeColors = exports.commonUIColors = exports.commonUIColorKeys = exports.statusColors = exports.viColors = exports.statusColorKeys = exports.viColorKeys = void 0;
 
 var _color = _interopRequireDefault(require("@decisiv/design-tokens/lib/color"));
 
@@ -42,4 +42,8 @@ exports.commonUIColorKeys = commonUIColorKeys;
 
 var commonUIColors = _objectSpread({}, statusColors, {}, viColors);
 
-exports.commonUIColors = commonUIColors;
+exports.commonUIColors = commonUIColors;
+
+var commonUIThreeShadeColors = _objectSpread({}, status, {}, visualInterest);
+
+exports.commonUIThreeShadeColors = commonUIThreeShadeColors;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decisiv/ui-components",
-  "version": "2.0.1-alpha.154+a36b70f",
+  "version": "2.0.1-alpha.156+054b3cf",
   "description": "Decisiv's design system React components",
   "author": "Decisiv UI Development Team",
   "license": "MIT",
@@ -71,5 +71,5 @@
     "access": "public"
   },
   "private": false,
-  "gitHead": "a36b70fc214170234472e5d06f14a8824d21317c"
+  "gitHead": "054b3cf7e77d0f7d667b90edcaaabe7640195b62"
 }

package/lib/components/Tag/ActionButton.d.ts

@@ -1,5 +0,0 @@
-import { ActionButtonContainerProps, ActionButtonExtraProps } from './types';
-declare const ActionButton: import("styled-components").StyledComponent<"button", any, ActionButtonExtraProps, never>;
-export declare const ActionButtonContainer: import("styled-components").StyledComponent<"div", any, ActionButtonContainerProps, never>;
-export default ActionButton;
-//# sourceMappingURL=ActionButton.d.ts.map

package/lib/components/Tag/ActionButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/ActionButton.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAwB7E,QAAA,MAAM,YAAY,2FAkBjB,CAAC;AAEF,eAAO,MAAM,qBAAqB,4FAiBjC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/Tag/ActionButton.js

@@ -1,56 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ActionButtonContainer = void 0;
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _toColorString = _interopRequireDefault(require("polished/lib/color/toColorString"));
-
-var _rem = _interopRequireDefault(require("polished/lib/helpers/rem"));
-
-var _designTokens = _interopRequireDefault(require("@decisiv/design-tokens"));
-
-var _BaseButton = _interopRequireDefault(require("../../atoms/BaseButton"));
-
-var _focusRingWithColor = _interopRequireDefault(require("../../utils/focusRingWithColor"));
-
-var _styleModifiers = require("../../utils/styleModifiers");
-
-var _constants = require("./constants");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
-
-var _designTokens$color = _designTokens.default.color,
-    baseColors = _designTokens$color.base,
-    interactionColors = _designTokens$color.interaction,
-    statusColors = _designTokens$color.status,
-    opacityColors = _designTokens$color.opacity;
-var actionButtonColors = {
-  normal: (0, _toColorString.default)(interactionColors.indianOcean),
-  danger: (0, _toColorString.default)(statusColors.danger.medium)
-};
-var borderRadius = (0, _styledComponents.css)(["border-radius:0 ", " ", " 0;"], (0, _rem.default)(10), (0, _rem.default)(10));
-
-var actionButtonColor = function actionButtonColor(_ref) {
-  var actionIntent = _ref.actionIntent;
-  return actionButtonColors[actionIntent !== 'danger' ? 'normal' : 'danger'];
-};
-
-var ActionButton = (0, _styledComponents.default)(_BaseButton.default).withConfig({
-  displayName: "ActionButton",
-  componentId: "jxjmgf-0"
-})(["align-items:center;appearance:none;background-color:", ";border:0;color:", ";display:flex;height:", ";justify-content:flex-start;padding:0 0 0 ", ";width:", ";outline:none;", " &:hover:not(:active){color:", ";}"], (0, _toColorString.default)(baseColors.snowWhite), (0, _toColorString.default)(interactionColors.pacificOcean), (0, _rem.default)(18), (0, _rem.default)(4), (0, _rem.default)(_constants.ACTION_BUTTON_WIDTH), borderRadius, actionButtonColor);
-
-var ActionButtonContainer = _styledComponents.default.div.withConfig({
-  displayName: "ActionButton__ActionButtonContainer",
-  componentId: "jxjmgf-1"
-})(["border:1px solid ", ";margin-right:-1px;", ";", ";"], (0, _toColorString.default)(opacityColors.charcoal15), borderRadius, (0, _styleModifiers.when)('isFocused', (0, _styledComponents.css)(["border-color:", ";", "{", "}"], (0, _toColorString.default)(interactionColors.pacificOcean), ActionButton, (0, _focusRingWithColor.default)(interactionColors.pacificOcean40))));
-
-exports.ActionButtonContainer = ActionButtonContainer;
-var _default = ActionButton;
-exports.default = _default;