@dxc-technology/halstack-react 0.0.0-f77ec3a → 0.0.0-f7f591a

package/button/Button.stories.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Primary = exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Button = _interopRequireDefault(require("./Button"));
+
+var _default = {
+  title: "Button",
+  component: _Button["default"]
+};
+exports["default"] = _default;
+
+var Primary = function Primary() {
+  return _react["default"].createElement(_Button["default"], {
+    mode: "primary",
+    label: "Primary Button"
+  });
+};
+
+exports.Primary = Primary;

package/{dist/common → common}/variables.js

@@ -507,7 +507,7 @@ var componentTokens = {
     disabledDropLabelFontColor: globalTokens.hal_grey_l_60,
     focusDropBorderColor: globalTokens.hal_blue_l_50,
     disabledDropBorderColor: globalTokens.hal_grey_l_60,
-    focusDropBackgroundColor: globalTokens.color_blue_50,
+    dragoverDropBackgroundColor: globalTokens.color_blue_50,
     hoverFileItemIconBackgroundColor: globalTokens.hal_grey_l_95,
     activeFileItemIconBackgrounColor: globalTokens.hal_grey_l_80,
     errorFileItemBorderColor: globalTokens.hal_red_s_41,
@@ -746,7 +746,7 @@ var componentTokens = {
     disabledSuffixColor: globalTokens.hal_grey_l_75,
     disabledPrefixColorOnDark: globalTokens.hal_grey_l_60,
     disabledSuffixColorOnDark: globalTokens.hal_grey_l_60,
-    placeholderFontColor: "#808080",
+    placeholderFontColor: "#000000b3",
     placeholderFontColorOnDark: globalTokens.hal_grey_l_95,
     disabledPlaceholderFontColor: globalTokens.hal_grey_l_60,
     disabledPlaceholderFontColorOnDark: globalTokens.hal_grey_l_60,
@@ -777,15 +777,20 @@ var componentTokens = {
     focusActionBorderColorOnDark: globalTokens.hal_blue_l_50,
     activeActionBackgroundColor: globalTokens.hal_grey_l_80,
     activeActionBackgroundColorOnDark: globalTokens.hal_grey_l_60,
+    listDialogBackgroundColor: globalTokens.hal_white,
+    listDialogBorderColor: globalTokens.hal_black,
+    listOptionDividerColor: globalTokens.hal_grey_l_90,
     listOptionFontColor: globalTokens.hal_black,
-    listOptionFontSize: globalTokens.type_scale_03,
+    listOptionFontSize: globalTokens.type_scale_02,
     listOptionFontStyle: globalTokens.type_normal,
     listOptionFontWeight: globalTokens.type_regular,
     systemMessageFontColor: globalTokens.hal_grey_s_40,
-    errorMessageBorderColor: globalTokens.hal_red_s_41,
-    errorMessageBackgroundColor: globalTokens.hal_red_l_95,
+    errorListDialogFontColor: globalTokens.hal_black,
+    errorListDialogBackgroundColor: globalTokens.color_red_50,
+    errorListDialogBorderColor: globalTokens.hal_red_s_41,
     hoverListOptionBackgroundColor: globalTokens.hal_grey_l_95,
-    activeListOptionBackgroundColor: globalTokens.hal_grey_l_80
+    activeListOptionBackgroundColor: globalTokens.hal_grey_l_80,
+    focusListOptionBorderColor: globalTokens.hal_blue_l_50
   },
   link: {
     fontColor: globalTokens.hal_blue_s_35,
@@ -889,7 +894,6 @@ var componentTokens = {
     labelFontWeight: globalTokens.type_semibold,
     labelLineHeight: globalTokens.type_leading_loose_01,
     optionalLabelFontWeight: globalTokens.type_regular,
-    // new
     helperTextFontColor: globalTokens.hal_black,
     helperTextFontSize: globalTokens.type_scale_01,
     helperTextFontStyle: globalTokens.type_normal,
@@ -901,7 +905,6 @@ var componentTokens = {
     valueFontStyle: globalTokens.type_normal,
     valueFontWeight: globalTokens.type_regular,
     actionIconColor: globalTokens.hal_black,
-    // new
     hoverActionIconColor: globalTokens.hal_black,
     activeActionIconColor: globalTokens.hal_black,
     actionBackgroundColor: globalTokens.transparent,
@@ -920,14 +923,10 @@ var componentTokens = {
     listGroupItemFontWeight: globalTokens.type_semibold,
     listItemDividerColor: globalTokens.hal_grey_l_90,
     focusListItemBorderColor: globalTokens.hal_blue_l_50,
-    // new
     systemMessageFontColor: globalTokens.hal_grey_s_40,
-    // new
     collapseIndicatorColor: globalTokens.hal_black,
     itemListBackgroundColor: globalTokens.hal_white,
-    // new
     itemListBorderColor: globalTokens.hal_grey_l_75,
-    // new
     selectedListItemBackgroundColor: globalTokens.hal_blue_l_95,
     selectedHoverListItemBackgroundColor: globalTokens.color_blue_200,
     selectedActiveListItemBackgroundColor: globalTokens.hal_blue_l_80,
@@ -935,24 +934,17 @@ var componentTokens = {
     unselectedHoverListItemBackgroundColor: globalTokens.hal_grey_l_95,
     unselectedActiveListItemBackgroundColor: globalTokens.hal_grey_l_90,
     selectionIndicatorFontColor: globalTokens.hal_black,
-    // new
-    selectionIndicatorFontSize: "11px",
-    // new
+    selectionIndicatorFontSize: "12px",
     selectionIndicatorFontStyle: globalTokens.type_regular,
-    // new
     selectionIndicatorFontWeight: globalTokens.type_normal,
-    // new
     selectionIndicatorBorderColor: globalTokens.hal_grey_l_75,
     selectionIndicatorBackgroundColor: globalTokens.color_grey_50,
     enabledSelectionIndicatorActionBackgroundColor: globalTokens.transparent,
     enabledSelectionIndicatorActionIconColor: globalTokens.hal_black,
-    // new
     hoverSelectionIndicatorActionBackgroundColor: globalTokens.hal_grey_l_95,
     hoverSelectionIndicatorActionIconColor: globalTokens.hal_black,
-    // new
     activeSelectionIndicatorActionBackgroundColor: globalTokens.hal_grey_l_80,
-    activeSelectionIndicatorActionIconColor: globalTokens.hal_black // new
-
+    activeSelectionIndicatorActionIconColor: globalTokens.hal_black
   },
   V3Select: {
     fontFamily: globalTokens.type_sans,
@@ -1306,7 +1298,7 @@ var componentTokens = {
     helperTextLineHeight: globalTokens.type_leading_normal,
     disabledHelperTextFontColor: globalTokens.hal_grey_l_60,
     disabledHelperTextFontColorOnDark: globalTokens.hal_grey_l_60,
-    placeholderFontColor: "#808080",
+    placeholderFontColor: "#000000b3",
     placeholderFontColorOnDark: globalTokens.hal_grey_l_95,
     disabledPlaceholderFontColor: globalTokens.hal_grey_l_60,
     disabledPlaceholderFontColorOnDark: globalTokens.hal_grey_l_60,

package/{dist/file-input → file-input}/FileInput.js

@@ -572,7 +572,7 @@ var DragDropArea = _styledComponents["default"].div(_templateObject4(), function
 }, function (props) {
   return !props.isDragging ? props.theme.dropBorderStyle : "solid";
 }, function (props) {
-  return props.isDragging && props.theme.focusDropBackgroundColor;
+  return props.isDragging && props.theme.dragoverDropBackgroundColor;
 }, function (props) {
   return props.disabled ? props.theme.disabledDropBorderColor : props.isDragging ? props.theme.focusDropBorderColor : props.theme.dropBorderColor;
 }, function (props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxc-technology/halstack-react",
-  "version": "0.0.0-f77ec3a",
+  "version": "0.0.0-f7f591a",
   "description": "DXC Halstack React components library",
   "repository": "dxc-technology/halstack-react",
   "homepage": "http://developer.dxc.com/tools/react",
@@ -10,8 +10,8 @@
     "email": "DigitalInsurance@dxc.com",
     "url": "https://dxc.com"
   },
-  "main": "./dist/main.js",
-  "types": "./dist/main.d.ts",
+  "main": "./main.js",
+  "types": "./main.d.ts",
   "peerDependencies": {
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
@@ -35,8 +35,8 @@
   "scripts": {
     "test": "jest",
     "test:watch": "npm test -- --watch --coverage",
-    "build": "babel src --out-dir dist --copy-files --verbose && node ../scripts/build/copy-readme.js",
-    "build:watch": "babel src --watch --out-dir dist --copy-files --verbose",
+    "build": "babel src --out-dir ../dist --copy-files --verbose && node ../scripts/build/copy-readme.js",
+    "build:watch": "babel src --watch --out-dir ../dist --copy-files --verbose",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook"
   },
@@ -68,10 +68,10 @@
     "eslint-plugin-storybook": "^0.5.5",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^25.5.4",
-    "react": "file:../node_modules/react",
-    "react-dom": "file:../node_modules/react-dom",
-    "react-test-renderer": "^16.8.6",
-    "styled-components": "file:../node_modules/styled-components"
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "styled-components": "^5.0.1",
+    "react-test-renderer": "^16.8.6"
   },
   "jest": {
     "moduleNameMapper": {

package/{dist/resultsetTable → resultsetTable}/ResultsetTable.js

@@ -32,7 +32,7 @@ var _Paginator = _interopRequireDefault(require("../paginator/Paginator"));
 var _useTheme = _interopRequireDefault(require("../useTheme.js"));
 
 function _templateObject9() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: ", ";\n  margin: ", ";\n  margin-top: ", ";\n  margin-right: ", ";\n  margin-bottom: ", ";\n  margin-left: ", ";\n  overflow: hidden;\n"]);
+  var data = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: ", ";\n  margin: ", ";\n  margin-top: ", ";\n  margin-right: ", ";\n  margin-bottom: ", ";\n  margin-left: ", ";\n"]);
 
   _templateObject9 = function _templateObject9() {
     return data;