@trilogy-ds/react 0.0.1-beta-125 → 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,9 +1,6 @@
 /// <reference types="react" />
-/**
- * Box Header Interface
- */
-import { Accessibility, Centerable, Position, VariantState, StatusState } 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;

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

@@ -64,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/card/CardProps.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ClickEvent } from '../../events/OnClickEvent';
-import { Accessibility, BackgroundProps, Clickable, Fullheight } from '../../objects';
+import { Accessibility, BackgroundProps, Clickable, Dev, Fullheight } from '../../objects';
 import { AlignableProps } from '../../objects/facets/Alignable';
 import { JustifiableProps } from '../../objects/facets/Justifiable';
 /**
@@ -11,7 +11,7 @@ export declare enum CardMarkup {
     A = "a"
 }
 export type CardMarkupValues = keyof typeof CardMarkup;
-export interface CardProps extends AlignableProps, Fullheight, JustifiableProps, Clickable, Accessibility, BackgroundProps {
+export interface CardProps extends AlignableProps, Fullheight, JustifiableProps, Clickable, Accessibility, BackgroundProps, Dev {
     children?: React.ReactNode;
     flat?: boolean;
     horizontal?: boolean;

package/lib/components/card/CardPropsDefaults.js

@@ -138,13 +138,6 @@ export default {
       "SPACE_BETWEEN"
     ]
   },
-  "testId": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "accessibilityLabel": {
     "type": "string",
     "values": [
@@ -152,14 +145,6 @@ export default {
       "string"
     ]
   },
-  "accessibilityActivate": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
   "backgroundColor": {
     "type": "enum",
     "values": [
@@ -214,5 +199,12 @@ export default {
       "false",
       "true"
     ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/card/content/CardContentProps.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-import { ButtonMarkup, ButtonMarkupValues, ButtonVariant, ButtonVariantValues } from "../../../components/button/ButtonEnum";
-import { TitleLevels, TitleLevelValues } from "../../../components/title/TitleEnum";
-import { TextLevelValues } from "../../../components/text/TextEnum";
-import { ClickEvent } from "../../../events/OnClickEvent";
-import { Accessibility, Clickable, TrilogyColor } from "../../../objects";
+import { ButtonMarkup, ButtonMarkupValues, ButtonVariant, ButtonVariantValues } from '../../../components/button/ButtonEnum';
+import { TextLevelValues } from '../../../components/text/TextEnum';
+import { TitleLevels, TitleLevelValues } from '../../../components/title/TitleEnum';
+import { ClickEvent } from '../../../events/OnClickEvent';
+import { Accessibility, Clickable, Dev, TrilogyColor } from '../../../objects';
 /**
  * Card Content Interface
  */
-export interface CardContentProps extends Clickable, Accessibility {
+export interface CardContentProps extends Clickable, Accessibility, Dev {
     children?: React.ReactNode;
     titleSup?: string;
     titleSupLevel?: TextLevelValues;
@@ -21,5 +21,5 @@ export interface CardContentProps extends Clickable, Accessibility {
     className?: string;
     buttonMarkup?: ButtonMarkup | ButtonMarkupValues;
     onClick?: ClickEvent;
-    backgroundColor?: TrilogyColor.BACKGROUND | "transparent";
+    backgroundColor?: TrilogyColor.BACKGROUND | 'transparent';
 }

package/lib/components/card/content/CardContentPropsDefaults.js

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

package/lib/components/checkbox/CheckboxProps.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { IconName, IconNameValues } from '../../components/icon/IconNameEnum';
-import { Accessibility } from '../../objects';
+import { Accessibility, Dev } from '../../objects';
 export interface CheckboxChangeEvent {
     checkboxId: string;
     checkboxValue: string;
@@ -28,7 +28,7 @@ type CheckboxClickEventHandler = (event: {
 /**
  * Checkbox Interface
  */
-export interface CheckboxProps extends Accessibility {
+export interface CheckboxProps extends Accessibility, Dev {
     children?: React.ReactNode;
     checked?: boolean;
     disabled?: boolean;