@trilogy-ds/react 0.0.1-beta-123 → 0.0.1-beta-126

package/lib/components/box/content/BoxContentPropsDefaults.js

@@ -75,26 +75,18 @@ export default {
       "true"
     ]
   },
-  "testId": {
+  "accessibilityLabel": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "accessibilityLabel": {
+  "testId": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
-  },
-  "accessibilityActivate": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
   }
 };

package/lib/components/box/footer/BoxFooterProps.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { TrilogyColorValues, TrilogyColor, Accessibility } from '../../../objects';
+import { Accessibility, Dev, TrilogyColor, TrilogyColorValues } from '../../../objects';
 /**
  * Box Footer Interface
  */
-export interface BoxFooterProps extends Accessibility {
+export interface BoxFooterProps extends Accessibility, Dev {
     children?: React.ReactNode;
     className?: string;
     backgroundColor?: TrilogyColor | TrilogyColorValues;

package/lib/components/box/footer/BoxFooterPropsDefaults.js

@@ -60,26 +60,18 @@ export default {
       "NEUTRAL_FADE"
     ]
   },
-  "testId": {
+  "accessibilityLabel": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "accessibilityLabel": {
+  "testId": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
-  },
-  "accessibilityActivate": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
   }
 };

package/lib/components/box/header/BoxHeader.d.ts

@@ -4,14 +4,11 @@ import { BoxHeaderProps } from "./BoxHeaderProps";
  * Box Header Component
  * @param children {React.ReactNode} Children
  * @param help {string} Box Header Help Sticker
- * @param centered {boolean} Center content box header
- * @param pulledLeft {boolean} Pulled-left content box header
- * @param pulledRight {boolean} Pulled-right content box header
  * @param variant {TrilogyColor} Box Header backgroundColor
  * @param others
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  * @param testId {string} Test Id for Test Integration
  */
-declare const BoxHeader: ({ children, className, help, centered, pulledLeft, pulledRight, variant, testId, ...others }: BoxHeaderProps) => JSX.Element;
+declare const BoxHeader: ({ children, className, help, variant, testId, ...others }: BoxHeaderProps) => JSX.Element;
 export default BoxHeader;

package/lib/components/box/header/BoxHeader.js

@@ -10,9 +10,6 @@ import { getBackgroundClassName } from "../../../objects";
  * Box Header Component
  * @param children {React.ReactNode} Children
  * @param help {string} Box Header Help Sticker
- * @param centered {boolean} Center content box header
- * @param pulledLeft {boolean} Pulled-left content box header
- * @param pulledRight {boolean} Pulled-right content box header
  * @param variant {TrilogyColor} Box Header backgroundColor
  * @param others
  * - -------------------------- WEB PROPERTIES -------------------------------
@@ -20,12 +17,12 @@ import { getBackgroundClassName } from "../../../objects";
  * @param testId {string} Test Id for Test Integration
  */
 var BoxHeader = function (_a) {
-    var children = _a.children, className = _a.className, help = _a.help, centered = _a.centered, pulledLeft = _a.pulledLeft, pulledRight = _a.pulledRight, variant = _a.variant, testId = _a.testId, others = __rest(_a, ["children", "className", "help", "centered", "pulledLeft", "pulledRight", "variant", "testId"]);
+    var children = _a.children, className = _a.className, help = _a.help, variant = _a.variant, testId = _a.testId, others = __rest(_a, ["children", "className", "help", "variant", "testId"]);
     var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx("box-header", className, centered && "has-text-centered", pulledRight && "has-text-right", pulledLeft && "has-text-left", variant && has(getBackgroundClassName(variant))));
+    var classes = hashClass(styled, clsx("box-header", className, variant && has(getBackgroundClassName(variant))));
     return (React.createElement("header", __assign({ "data-testid": testId, className: classes }, others),
         children && typeof children.valueOf() === "string" ? (React.createElement("p", null, children)) : (children),
         help && (React.createElement(Text, { testId: testId && "".concat(testId, "-help"), className: 'box-header-help sticker is-small is-success' }, String(children)))));
 };
 export default BoxHeader;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvaGVhZGVyL0JveEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUNoQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFbEQ7Ozs7Ozs7Ozs7OztHQVlHO0FBRUgsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQVVGO0lBVGYsSUFBQSxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDUixVQUFVLGdCQUFBLEVBQ1YsV0FBVyxpQkFBQSxFQUNYLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FUUSwrRkFVbEIsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixZQUFZLEVBQ1osU0FBUyxFQUNULFFBQVEsSUFBSSxtQkFBbUIsRUFDL0IsV0FBVyxJQUFJLGdCQUFnQixFQUMvQixVQUFVLElBQUksZUFBZSxFQUM3QixPQUFPLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQ2hELENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCx3REFBcUIsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTTtRQUN4RCxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNwRCwrQkFBSSxRQUFRLENBQUssQ0FDbEIsQ0FBQyxDQUFDLENBQUMsQ0FDRixRQUFRLENBQ1Q7UUFDQSxJQUFJLElBQUksQ0FDUCxvQkFBQyxJQUFJLElBQ0gsTUFBTSxFQUFFLE1BQU0sSUFBSSxVQUFHLE1BQU0sVUFBTyxFQUNsQyxTQUFTLEVBQUMsNkNBQTZDLElBRXRELE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FDWixDQUNSLENBQ00sQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxTQUFTLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvaGVhZGVyL0JveEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUNoQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFbEQ7Ozs7Ozs7OztHQVNHO0FBRUgsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQU9GO0lBTmYsSUFBQSxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxJQUFJLFVBQUEsRUFDSixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDSCxNQUFNLGNBTlEsc0RBT2xCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsWUFBWSxFQUNaLFNBQVMsRUFDVCxPQUFPLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQ2hELENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCx3REFBcUIsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTTtRQUN4RCxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNwRCwrQkFBSSxRQUFRLENBQUssQ0FDbEIsQ0FBQyxDQUFDLENBQUMsQ0FDRixRQUFRLENBQ1Q7UUFDQSxJQUFJLElBQUksQ0FDUCxvQkFBQyxJQUFJLElBQ0gsTUFBTSxFQUFFLE1BQU0sSUFBSSxVQUFHLE1BQU0sVUFBTyxFQUNsQyxTQUFTLEVBQUMsNkNBQTZDLElBRXRELE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FDWixDQUNSLENBQ00sQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxTQUFTLENBQUEifQ==

package/lib/components/box/header/BoxHeader.native.d.ts

@@ -4,15 +4,12 @@ import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Box Header Component
  * @param children {React.ReactNode} Childrens
- * @param centered {boolean} Center content box header
- * @param pulledLeft {boolean} Pulled-left content box header
- * @param pulledRight {boolean} Pulled-right content box header
  * @param help {string} Box Header Help Sticker
  * @param variant {TrilogyColor} Box Header backgroundColor
  * @param others
  */
 declare const BoxHeader: {
-    ({ children, variant, pulledRight, pulledLeft, centered, help, ...others }: BoxHeaderProps): JSX.Element;
+    ({ children, variant, help, ...others }: BoxHeaderProps): JSX.Element;
     displayName: ComponentName;
 };
 export default BoxHeader;

package/lib/components/box/header/BoxHeader.native.js

@@ -8,15 +8,12 @@ import { StatesContext } from "../../../context/providerStates";
 /**
  * Box Header Component
  * @param children {React.ReactNode} Childrens
- * @param centered {boolean} Center content box header
- * @param pulledLeft {boolean} Pulled-left content box header
- * @param pulledRight {boolean} Pulled-right content box header
  * @param help {string} Box Header Help Sticker
  * @param variant {TrilogyColor} Box Header backgroundColor
  * @param others
  */
 var BoxHeader = function (_a) {
-    var children = _a.children, variant = _a.variant, pulledRight = _a.pulledRight, pulledLeft = _a.pulledLeft, centered = _a.centered, help = _a.help, others = __rest(_a, ["children", "variant", "pulledRight", "pulledLeft", "centered", "help"]);
+    var children = _a.children, variant = _a.variant, help = _a.help, others = __rest(_a, ["children", "variant", "help"]);
     var statesContext = useContext(StatesContext);
     var headerBgc = variant
         ? getColorStyle(variant)
@@ -32,16 +29,14 @@ var BoxHeader = function (_a) {
             borderTopRightRadius: 6,
             marginTop: (statesContext.active && -2) || (statesContext.flat && -1) || 0,
             justifyContent: "space-between",
-            alignItems: (centered && "center") ||
-                (pulledRight && "flex-end") ||
-                (pulledLeft && "flex-start") ||
-                "flex-start",
+            alignItems: "center",
             flexDirection: "row",
         },
         text: {
             color: textColor,
             fontSize: 15,
             fontWeight: "600",
+            textAlign: "center"
         },
         helpContainer: {
             alignSelf: "center",
@@ -60,4 +55,4 @@ var BoxHeader = function (_a) {
 };
 BoxHeader.displayName = ComponentName.BoxHeader;
 export default BoxHeader;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2hlYWRlci9Cb3hIZWFkZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsQyxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBRXhEOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFRRjtJQVBmLElBQUEsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsV0FBVyxpQkFBQSxFQUNYLFVBQVUsZ0JBQUEsRUFDVixRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDRCxNQUFNLGNBUFEsd0VBUWxCLENBRFU7SUFFVCxJQUFNLGFBQWEsR0FBRyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUE7SUFFL0MsSUFBTSxTQUFTLEdBQUcsT0FBTztRQUN2QixDQUFDLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQztRQUN4QixDQUFDLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQTtJQUNwQyxJQUFNLFNBQVMsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBRXhELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsS0FBSyxFQUFFLE1BQU07WUFDYixlQUFlLEVBQUUsU0FBUztZQUMxQixPQUFPLEVBQUUsRUFBRTtZQUNYLFdBQVcsRUFBRSxFQUFFO1lBQ2YsbUJBQW1CLEVBQUUsQ0FBQztZQUN0QixvQkFBb0IsRUFBRSxDQUFDO1lBQ3ZCLFNBQVMsRUFDUCxDQUFDLGFBQWEsQ0FBQyxNQUFNLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1lBQ2pFLGNBQWMsRUFBRSxlQUFlO1lBQy9CLFVBQVUsRUFDUixDQUFDLFFBQVEsSUFBSSxRQUFRLENBQUM7Z0JBQ3RCLENBQUMsV0FBVyxJQUFJLFVBQVUsQ0FBQztnQkFDM0IsQ0FBQyxVQUFVLElBQUksWUFBWSxDQUFDO2dCQUM1QixZQUFZO1lBQ2QsYUFBYSxFQUFFLEtBQUs7U0FDckI7UUFDRCxJQUFJLEVBQUU7WUFDSixLQUFLLEVBQUUsU0FBUztZQUNoQixRQUFRLEVBQUUsRUFBRTtZQUNaLFVBQVUsRUFBRSxLQUFLO1NBQ2xCO1FBQ0QsYUFBYSxFQUFFO1lBQ2IsU0FBUyxFQUFFLFFBQVE7U0FDcEI7UUFDRCxJQUFJLEVBQUU7WUFDSixRQUFRLEVBQUUsRUFBRTtZQUNaLEtBQUssRUFBRSxTQUFTO1lBQ2hCLFVBQVUsRUFBRSxLQUFLO1lBQ2pCLFVBQVUsRUFBRSxFQUFFO1NBQ2Y7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsSUFBTSxNQUFNO1FBQ3hDLFFBQVEsSUFBSSxPQUFPLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ3BELG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBRyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQVEsQ0FDcEQsQ0FBQyxDQUFDLENBQUMsQ0FDRixRQUFRLENBQ1Q7UUFFQSxJQUFJLElBQUksQ0FDUCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxhQUFhO1lBQy9CLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBRyxJQUFJLENBQVEsQ0FDbEMsQ0FDUixDQUNJLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUUvQyxlQUFlLFNBQVMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2hlYWRlci9Cb3hIZWFkZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsQyxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBRXhEOzs7Ozs7R0FNRztBQUNILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFLRjtJQUpmLElBQUEsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsSUFBSSxVQUFBLEVBQ0QsTUFBTSxjQUpRLCtCQUtsQixDQURVO0lBRVQsSUFBTSxhQUFhLEdBQUcsVUFBVSxDQUFDLGFBQWEsQ0FBQyxDQUFBO0lBRS9DLElBQU0sU0FBUyxHQUFHLE9BQU87UUFDdkIsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUM7UUFDeEIsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDcEMsSUFBTSxTQUFTLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQTtJQUV4RCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULEtBQUssRUFBRSxNQUFNO1lBQ2IsZUFBZSxFQUFFLFNBQVM7WUFDMUIsT0FBTyxFQUFFLEVBQUU7WUFDWCxXQUFXLEVBQUUsRUFBRTtZQUNmLG1CQUFtQixFQUFFLENBQUM7WUFDdEIsb0JBQW9CLEVBQUUsQ0FBQztZQUN2QixTQUFTLEVBQ1AsQ0FBQyxhQUFhLENBQUMsTUFBTSxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztZQUNqRSxjQUFjLEVBQUUsZUFBZTtZQUMvQixVQUFVLEVBQUUsUUFBUTtZQUNwQixhQUFhLEVBQUUsS0FBSztTQUNyQjtRQUNELElBQUksRUFBRTtZQUNKLEtBQUssRUFBRSxTQUFTO1lBQ2hCLFFBQVEsRUFBRSxFQUFFO1lBQ1osVUFBVSxFQUFFLEtBQUs7WUFDakIsU0FBUyxFQUFFLFFBQVE7U0FDcEI7UUFDRCxhQUFhLEVBQUU7WUFDYixTQUFTLEVBQUUsUUFBUTtTQUNwQjtRQUNELElBQUksRUFBRTtZQUNKLFFBQVEsRUFBRSxFQUFFO1lBQ1osS0FBSyxFQUFFLFNBQVM7WUFDaEIsVUFBVSxFQUFFLEtBQUs7WUFDakIsVUFBVSxFQUFFLEVBQUU7U0FDZjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxJQUFNLE1BQU07UUFDeEMsUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDcEQsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBUSxDQUNwRCxDQUFDLENBQUMsQ0FBQyxDQUNGLFFBQVEsQ0FDVDtRQUVBLElBQUksSUFBSSxDQUNQLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLGFBQWE7WUFDL0Isb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFHLElBQUksQ0FBUSxDQUNsQyxDQUNSLENBQ0ksQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRS9DLGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/box/header/BoxHeaderProps.d.ts

@@ -1,11 +1,8 @@
 /// <reference types="react" />
-/**
- * Box Header Interface
- */
-import { Accessibility, Centerable, Position, TrilogyColor, TrilogyColorValues } from '../../../objects';
-export interface BoxHeaderProps extends Position, Centerable, Accessibility {
+import { Accessibility, Dev, Centerable, Position, VariantState, StatusState } from '../../../objects';
+export interface BoxHeaderProps extends Position, Centerable, Accessibility, Dev {
     children?: React.ReactNode;
     help?: string;
     className?: string;
-    variant?: TrilogyColor | TrilogyColorValues;
+    variant?: VariantState | StatusState;
 }

package/lib/components/box/header/BoxHeaderPropsDefaults.js

@@ -35,36 +35,9 @@ export default {
       "INFO",
       "WARNING",
       "ERROR",
-      "WHITE",
       "MAIN",
-      "MAIN_FADE",
       "ACCENT",
-      "FONT",
-      "SUCCESS",
-      "SUCCESS_FADE",
-      "INFO",
-      "INFO_FADE",
-      "WARNING",
-      "WARNING_FADE",
-      "ERROR",
-      "ERROR_FADE",
-      "DISABLED",
-      "DISABLED_FADE",
-      "NEUTRAL",
-      "NEUTRAL_FADE",
-      "WHITE",
-      "MAIN",
-      "MAIN_FADE",
-      "ACCENT",
-      "FONT",
-      "SUCCESS_FADE",
-      "INFO_FADE",
-      "WARNING_FADE",
-      "ERROR_FADE",
-      "DISABLED",
-      "DISABLED_FADE",
-      "NEUTRAL",
-      "NEUTRAL_FADE"
+      "INFO"
     ]
   },
   "pulledLeft": {
@@ -91,26 +64,18 @@ export default {
       "true"
     ]
   },
-  "testId": {
+  "accessibilityLabel": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "accessibilityLabel": {
+  "testId": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
-  },
-  "accessibilityActivate": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
   }
 };

package/lib/components/box/table-container/BoxTableContainerProps.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { Accessibility } from '../../../objects';
+import { Accessibility, Dev } from '../../../objects';
 /**
  * Box Table Container Interface
  */
-export interface BoxTableContainerProps extends Accessibility {
+export interface BoxTableContainerProps extends Accessibility, Dev {
     children?: string | React.ReactNode;
     className?: string;
 }

package/lib/components/box/table-container/BoxTableContainerPropsDefaults.js

@@ -20,26 +20,18 @@ export default {
       "string"
     ]
   },
-  "testId": {
+  "accessibilityLabel": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "accessibilityLabel": {
+  "testId": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
-  },
-  "accessibilityActivate": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
   }
 };

package/lib/components/breadcrumb/BreadcrumbProps.d.ts

@@ -1,14 +1,14 @@
 /// <reference types="react" />
-import { Accessibility } from '../../objects';
+import { Accessibility, Dev } from '../../objects';
 /**
  * Breadcrumb Interface
  */
-export interface BreadcrumbProps extends Accessibility {
+export interface BreadcrumbProps extends Accessibility, Dev {
     children?: React.ReactNode;
 }
 /**
  * Breadcrumb Web Interface
  */
-export interface BreadcrumbWebProps extends BreadcrumbProps, Accessibility {
+export interface BreadcrumbWebProps extends BreadcrumbProps {
     className?: string;
 }

package/lib/components/breadcrumb/BreadcrumbPropsDefaults.js

@@ -13,26 +13,18 @@ export default {
       "ReactPortal"
     ]
   },
-  "testId": {
+  "accessibilityLabel": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "accessibilityLabel": {
+  "testId": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
-  },
-  "accessibilityActivate": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
   }
 };

package/lib/components/breadcrumb/BreadcrumbWebPropsDefaults.js

@@ -20,26 +20,18 @@ export default {
       "ReactPortal"
     ]
   },
-  "testId": {
+  "accessibilityLabel": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "accessibilityLabel": {
+  "testId": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
-  },
-  "accessibilityActivate": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
   }
 };

package/lib/components/breadcrumb/item/BreadcrumbItemProps.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { Accessibility, Clickable } from '../../../objects';
-export interface BreadcrumbItemProps extends Accessibility, Clickable {
+import { Accessibility, Clickable, Dev } from '../../../objects';
+export interface BreadcrumbItemProps extends Accessibility, Clickable, Dev {
     children?: string;
     active?: boolean;
     to?: string;
@@ -8,7 +8,7 @@ export interface BreadcrumbItemProps extends Accessibility, Clickable {
 /**
  * Breadcrumb Item Interface
  */
-export interface BreadcrumbItemPropsWeb extends Accessibility, Clickable, BreadcrumbItemProps {
+export interface BreadcrumbItemPropsWeb extends Accessibility, Clickable, BreadcrumbItemProps, Dev {
     href?: string;
     className?: string;
     routerLink?: React.ElementType;

package/lib/components/breadcrumb/item/BreadcrumbItemPropsDefaults.js

@@ -21,13 +21,6 @@ export default {
       "string"
     ]
   },
-  "testId": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "accessibilityLabel": {
     "type": "string",
     "values": [
@@ -35,19 +28,18 @@ export default {
       "string"
     ]
   },
-  "accessibilityActivate": {
-    "type": "boolean",
+  "onClick": {
+    "type": "function",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "ClickEvent"
     ]
   },
-  "onClick": {
-    "type": "function",
+  "testId": {
+    "type": "string",
     "values": [
       "undefined",
-      "ClickEvent"
+      "string"
     ]
   }
 };

package/lib/components/breadcrumb/item/BreadcrumbItemPropsWebDefaults.js

@@ -199,13 +199,6 @@ export default {
       "FunctionComponent<any>"
     ]
   },
-  "testId": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "accessibilityLabel": {
     "type": "string",
     "values": [
@@ -213,14 +206,6 @@ export default {
       "string"
     ]
   },
-  "accessibilityActivate": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
   "onClick": {
     "type": "function",
     "values": [
@@ -249,5 +234,12 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/button/ButtonProps.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { ButtonMarkup, ButtonMarkupValues, ButtonType, ButtonTypeValues, ButtonVariant, ButtonVariantValues } from './ButtonEnum';
 import { Fullwidth } from '../../objects/facets/Fullwidth';
-import { Accessibility, Clickable } from '../../objects/facets';
+import { Accessibility, Clickable, Dev } from '../../objects/facets';
 import { IconName, IconNameValues } from '../../components/icon';
 /**
  * Button Interface
  */
-export interface ButtonProps extends Accessibility, Fullwidth, Clickable {
+export interface ButtonProps extends Accessibility, Fullwidth, Clickable, Dev {
     children?: React.ReactNode;
     disabled?: boolean;
     markup?: ButtonMarkup | ButtonMarkupValues;

package/lib/components/button/ButtonPropsDefaults.js

@@ -340,13 +340,6 @@ export default {
       "GHOST"
     ]
   },
-  "testId": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "accessibilityLabel": {
     "type": "string",
     "values": [
@@ -354,14 +347,6 @@ export default {
       "string"
     ]
   },
-  "accessibilityActivate": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
   "fullwidth": {
     "type": "boolean",
     "values": [
@@ -376,5 +361,12 @@ export default {
       "undefined",
       "ClickEvent"
     ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/button/list/ButtonList.native.d.ts

@@ -4,13 +4,9 @@ import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * ButtonList Native Component
  * @param children {ReactNode} ButtonList children
- * @param autolayout {boolean} Apply auto-layout rules
- */
-/**
- * @deprecated
  */
 declare const ButtonList: {
-    ({ autolayout, children, }: ButtonListProps): JSX.Element;
+    ({ children, }: ButtonListProps): JSX.Element;
     displayName: ComponentName;
 };
 export default ButtonList;

package/lib/components/button/list/ButtonList.native.js

@@ -1,28 +1,15 @@
 import { __assign } from "tslib";
 import * as React from "react";
-import { AutoLayoutWrapper } from "../../../components/autolayout";
-import { SpacerSize } from "../../../components/spacer";
-import { SpacingMatrixMode } from "../../../components/autolayout/SpacingMatrix";
+import { View } from '../../../components/view';
 import { ComponentName } from "../../../components/enumsComponentsName";
-var THREE = SpacerSize.THREE, TWO = SpacerSize.TWO;
-var INSERT_SPACE_BETWEEN = SpacingMatrixMode.INSERT_SPACE_BETWEEN;
-var SPACING_MATRIX = [
-    [INSERT_SPACE_BETWEEN, "Button", "Divider", TWO],
-    [INSERT_SPACE_BETWEEN, "Divider", "Button", TWO],
-    [INSERT_SPACE_BETWEEN, "Button", "Button", THREE],
-];
 /**
  * ButtonList Native Component
  * @param children {ReactNode} ButtonList children
- * @param autolayout {boolean} Apply auto-layout rules
- */
-/**
- * @deprecated
  */
 var ButtonList = function (_a) {
-    var _b = _a.autolayout, autolayout = _b === void 0 ? SPACING_MATRIX : _b, children = _a.children;
-    return React.createElement(AutoLayoutWrapper, __assign({}, { autolayout: autolayout, children: children }));
+    var children = _a.children;
+    return React.createElement(View, __assign({}, { children: children }));
 };
 ButtonList.displayName = ComponentName.ButtonList;
 export default ButtonList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L0J1dHRvbkxpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ2hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBS3pFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUV4RCxJQUFBLEtBQUssR0FBVSxVQUFVLE1BQXBCLEVBQUUsR0FBRyxHQUFLLFVBQVUsSUFBZixDQUFlO0FBQ3pCLElBQUEsb0JBQW9CLEdBQUssaUJBQWlCLHFCQUF0QixDQUFzQjtBQUVsRCxJQUFNLGNBQWMsR0FBa0I7SUFDcEMsQ0FBQyxvQkFBb0IsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztJQUNoRCxDQUFDLG9CQUFvQixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsR0FBRyxDQUFDO0lBQ2hELENBQUMsb0JBQW9CLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxLQUFLLENBQUM7Q0FDbEQsQ0FBQTtBQUVEOzs7O0dBSUc7QUFFSDs7R0FFRztBQUNILElBQU0sVUFBVSxHQUFHLFVBQUMsRUFHRjtRQUZoQixrQkFBMkIsRUFBM0IsVUFBVSxtQkFBRyxjQUFjLEtBQUEsRUFDM0IsUUFBUSxjQUFBO0lBRVIsT0FBTyxvQkFBQyxpQkFBaUIsZUFBSyxFQUFFLFVBQVUsWUFBQSxFQUFFLFFBQVEsVUFBQSxFQUFFLEVBQUksQ0FBQTtBQUM1RCxDQUFDLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFFakQsZUFBZSxVQUFVLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L0J1dHRvbkxpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7O0dBR0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBRUY7UUFEaEIsUUFBUSxjQUFBO0lBRVIsT0FBTyxvQkFBQyxJQUFJLGVBQUssRUFBRSxRQUFRLFVBQUEsRUFBRSxFQUFJLENBQUE7QUFDbkMsQ0FBQyxDQUFBO0FBRUQsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBRWpELGVBQWUsVUFBVSxDQUFBIn0=

package/lib/components/button/list/ButtonListProps.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-import type { Centerable, Layout } from '../../../objects';
+import type { Centerable } from '../../../objects';
 import type { DividerProps } from '../../../components/divider/DividerProps';
 import type { ButtonProps } from '../../../components/button/ButtonProps';
 type ButtonListChildrenTypes = React.ReactElement<ButtonProps | DividerProps> | undefined;
 /**
  * Button List Interface
  */
-export interface ButtonListProps extends Layout {
+export interface ButtonListProps {
     children?: ButtonListChildrenTypes | ButtonListChildrenTypes[];
 }
 /**

package/lib/components/button/list/ButtonListPropsDefaults.js

@@ -6,14 +6,5 @@ export default {
       "JSXElementConstructor<any>>",
       "ButtonListChildrenTypes[]"
     ]
-  },
-  "autolayout": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true",
-      "SpacingMatrix"
-    ]
   }
 };

package/lib/components/button/list/ButtonListWebPropsDefaults.js

@@ -22,15 +22,6 @@ export default {
       "ButtonListChildrenTypes[]"
     ]
   },
-  "autolayout": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true",
-      "SpacingMatrix"
-    ]
-  },
   "centered": {
     "type": "boolean",
     "values": [