@dxc-technology/halstack-react 0.0.0-4bc8a44 → 0.0.0-4c0fd86

package/common/coreTokens.d.ts

@@ -1,5 +1,8 @@
-declare const CORE_TOKENS: {
-    inherit: string;
+/**
+ * Halstack Color Palette
+ * @link https://developer.dxc.com/halstack/next/principles/color/#color-tokens-core-color-tokens
+ */
+declare const CoreColorTokens: {
     color_black: string;
     color_white: string;
     color_transparent: string;
@@ -83,8 +86,12 @@ declare const CORE_TOKENS: {
     color_orange_700: string;
     color_orange_800: string;
     color_orange_900: string;
+};
+export declare const getCoreColorToken: (key: CoreColorTokens) => string;
+export type CoreColorTokens = keyof typeof CoreColorTokens;
+declare const CoreTokens: {
+    inherit: string;
     type_sans: string;
-    type_scale_root: string;
     type_scale_08: string;
     type_scale_07: string;
     type_scale_06: string;
@@ -116,6 +123,17 @@ declare const CORE_TOKENS: {
     type_leading_normal: string;
     type_leading_loose_01: string;
     type_leading_loose_02: string;
+    border_width_0: string;
+    border_width_1: string;
+    border_width_2: string;
+    border_width_4: string;
+    border_radius_none: string;
+    border_radius_small: string;
+    border_radius_medium: string;
+    border_radius_large: string;
+    border_solid: string;
+    border_dashed: string;
+    border_none: string;
     spacing_0: string;
     spacing_2: string;
     spacing_4: string;
@@ -131,16 +149,88 @@ declare const CORE_TOKENS: {
     spacing_80: string;
     spacing_96: string;
     spacing_112: string;
-    border_width_0: string;
-    border_width_1: string;
-    border_width_2: string;
-    border_width_4: string;
-    border_radius_none: string;
-    border_radius_small: string;
-    border_radius_medium: string;
-    border_radius_large: string;
-    border_solid: string;
-    border_dashed: string;
-    border_none: string;
+    color_black: string;
+    color_white: string;
+    color_transparent: string;
+    color_grey_50: string;
+    color_grey_100: string;
+    color_grey_200: string;
+    color_grey_300: string;
+    color_grey_400: string;
+    color_grey_500: string;
+    color_grey_600: string;
+    color_grey_700: string;
+    color_grey_800: string;
+    color_grey_900: string;
+    color_grey_50_a: string;
+    color_grey_100_a: string;
+    color_grey_200_a: string;
+    color_grey_300_a: string;
+    color_grey_400_a: string;
+    color_grey_500_a: string;
+    color_grey_600_a: string;
+    color_grey_700_a: string;
+    color_grey_800_a: string;
+    color_grey_900_a: string;
+    color_purple_50: string;
+    color_purple_100: string;
+    color_purple_200: string;
+    color_purple_300: string;
+    color_purple_400: string;
+    color_purple_500: string;
+    color_purple_600: string;
+    color_purple_700: string;
+    color_purple_800: string;
+    color_purple_900: string;
+    color_blue_50: string;
+    color_blue_100: string;
+    color_blue_200: string;
+    color_blue_300: string;
+    color_blue_400: string;
+    color_blue_500: string;
+    color_blue_600: string;
+    color_blue_700: string;
+    color_blue_800: string;
+    color_blue_900: string;
+    color_red_50: string;
+    color_red_100: string;
+    color_red_200: string;
+    color_red_300: string;
+    color_red_400: string;
+    color_red_500: string;
+    color_red_600: string;
+    color_red_700: string;
+    color_red_800: string;
+    color_red_900: string;
+    color_green_50: string;
+    color_green_100: string;
+    color_green_200: string;
+    color_green_300: string;
+    color_green_400: string;
+    color_green_500: string;
+    color_green_600: string;
+    color_green_700: string;
+    color_green_800: string;
+    color_green_900: string;
+    color_yellow_50: string;
+    color_yellow_100: string;
+    color_yellow_200: string;
+    color_yellow_300: string;
+    color_yellow_400: string;
+    color_yellow_500: string;
+    color_yellow_600: string;
+    color_yellow_700: string;
+    color_yellow_800: string;
+    color_yellow_900: string;
+    color_orange_50: string;
+    color_orange_100: string;
+    color_orange_200: string;
+    color_orange_300: string;
+    color_orange_400: string;
+    color_orange_500: string;
+    color_orange_600: string;
+    color_orange_700: string;
+    color_orange_800: string;
+    color_orange_900: string;
 };
-export default CORE_TOKENS;
+export default CoreTokens;

package/common/coreTokens.js

@@ -1,11 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var CORE_TOKENS = {
-  inherit: "inherit",
+exports.getCoreColorToken = exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * Halstack Color Palette
+ * @link https://developer.dxc.com/halstack/next/principles/color/#color-tokens-core-color-tokens
+ */
+var CoreColorTokens = {
   // Color
   // Absolutes
   color_black: "#000000",
@@ -23,7 +30,7 @@ var CORE_TOKENS = {
   color_grey_700: "#666666",
   color_grey_800: "#4d4d4d",
   color_grey_900: "#333333",
-  // Trasparent variants
+  // Transparent variants
   color_grey_50_a: "#00000005",
   color_grey_100_a: "#0000000d",
   color_grey_200_a: "#0000001a",
@@ -99,10 +106,36 @@ var CORE_TOKENS = {
   color_orange_600: "#f38f20",
   color_orange_700: "#c26c0a",
   color_orange_800: "#915108",
-  color_orange_900: "#613605",
+  color_orange_900: "#613605"
+};
+var getCoreColorToken = exports.getCoreColorToken = function getCoreColorToken(key) {
+  return CoreColorTokens[key];
+};
+/**
+ * Halstack Spacing Values
+ * @link https://developer.dxc.com/halstack/next/principles/spacing/
+ */
+var CoreSpacingTokens = {
+  spacing_0: "0rem",
+  spacing_2: "0.125rem",
+  spacing_4: "0.25rem",
+  spacing_8: "0.5rem",
+  spacing_12: "0.75rem",
+  spacing_16: "1rem",
+  spacing_24: "1.5rem",
+  spacing_32: "2rem",
+  spacing_40: "2.5rem",
+  spacing_48: "3rem",
+  spacing_56: "3.5rem",
+  spacing_64: "4rem",
+  spacing_80: "5rem",
+  spacing_96: "6rem",
+  spacing_112: "7rem"
+};
+var CoreTokens = _objectSpread(_objectSpread(_objectSpread({}, CoreColorTokens), CoreSpacingTokens), {}, {
+  inherit: "inherit",
   // Typography
   type_sans: "Open Sans, sans-serif",
-  type_scale_root: "16px",
   type_scale_08: "3.75rem",
   type_scale_07: "2.5rem",
   type_scale_06: "2rem",
@@ -134,22 +167,6 @@ var CORE_TOKENS = {
   type_leading_normal: "1.5em",
   type_leading_loose_01: "1.715em",
   type_leading_loose_02: "2em",
-  // Spacing
-  spacing_0: "0rem",
-  spacing_2: "0.125rem",
-  spacing_4: "0.25rem",
-  spacing_8: "0.5rem",
-  spacing_12: "0.75rem",
-  spacing_16: "1rem",
-  spacing_24: "1.5rem",
-  spacing_32: "2rem",
-  spacing_40: "2.5rem",
-  spacing_48: "3rem",
-  spacing_56: "3.5rem",
-  spacing_64: "4rem",
-  spacing_80: "5rem",
-  spacing_96: "6rem",
-  spacing_112: "7rem",
   // Border
   border_width_0: "0px",
   border_width_1: "1px",
@@ -162,6 +179,5 @@ var CORE_TOKENS = {
   border_solid: "solid",
   border_dashed: "dashed",
   border_none: "none"
-};
-var _default = CORE_TOKENS;
-exports["default"] = _default;
+});
+var _default = exports["default"] = CoreTokens;

package/common/utils.js

@@ -1,22 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getMargin = void 0;
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _variables = require("./variables");
-
-var getMargin = function getMargin(marginProp, side) {
+var getMargin = exports.getMargin = function getMargin(marginProp, side) {
   if (marginProp && (0, _typeof2["default"])(marginProp) === "object") {
     return marginProp[side] && _variables.spaces[marginProp[side]] || "0px";
   } else if (marginProp && typeof marginProp === "string") {
     return _variables.spaces[marginProp];
   } else return "0px";
-};
-
-exports.getMargin = getMargin;
+};