@trilogy-ds/react 0.0.3-calendar → 0.0.3-storybook

package/lib/components/box/BoxPropsDefaults.js

@@ -32,12 +32,6 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
-      "SUCCESS",
-      "INFO",
-      "WARNING",
-      "ERROR",
-      "MAIN",
-      "ACCENT",
       "WHITE",
       "MAIN",
       "MAIN_FADE",
@@ -58,20 +52,28 @@ export default {
       "NEUTRAL",
       "NEUTRAL_FADE",
       "STROKE",
+      "STROKE_FADE",
       "WHITE",
+      "MAIN",
       "MAIN_FADE",
+      "ACCENT",
       "ACCENT_FADE",
       "FONT",
       "FONT_PLACEHOLDER",
+      "SUCCESS",
       "SUCCESS_FADE",
+      "INFO",
       "INFO_FADE",
+      "WARNING",
       "WARNING_FADE",
+      "ERROR",
       "ERROR_FADE",
       "DISABLED",
       "DISABLED_FADE",
       "NEUTRAL",
       "NEUTRAL_FADE",
-      "STROKE"
+      "STROKE",
+      "STROKE_FADE"
     ]
   },
   "shadowless": {
@@ -133,12 +135,6 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
-      "SUCCESS",
-      "INFO",
-      "WARNING",
-      "ERROR",
-      "MAIN",
-      "ACCENT",
       "WHITE",
       "MAIN",
       "MAIN_FADE",
@@ -159,20 +155,28 @@ export default {
       "NEUTRAL",
       "NEUTRAL_FADE",
       "STROKE",
+      "STROKE_FADE",
       "WHITE",
+      "MAIN",
       "MAIN_FADE",
+      "ACCENT",
       "ACCENT_FADE",
       "FONT",
       "FONT_PLACEHOLDER",
+      "SUCCESS",
       "SUCCESS_FADE",
+      "INFO",
       "INFO_FADE",
+      "WARNING",
       "WARNING_FADE",
+      "ERROR",
       "ERROR_FADE",
       "DISABLED",
       "DISABLED_FADE",
       "NEUTRAL",
       "NEUTRAL_FADE",
-      "STROKE"
+      "STROKE",
+      "STROKE_FADE"
     ]
   },
   "onClick": {

package/lib/components/box/content/BoxContent.d.ts

@@ -5,9 +5,10 @@ import { BoxContentProps } from './BoxContentProps';
  * @param children {React.ReactNode} Box Content Children
  * @param backgroundColor {TrilogyColor} Box Content Background Color
  * @param backgroundSrc {string} Source of background Image
+ * @param id {string} Custom id attribute
+ * @param testId {string} Test Id for Test Integration
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS Classes
- * @param testId test id
  */
 declare const BoxContent: React.ForwardRefExoticComponent<BoxContentProps & React.RefAttributes<HTMLDivElement>>;
 export default BoxContent;

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

@@ -11,15 +11,16 @@ import * as React from 'react';
  * @param children {React.ReactNode} Box Content Children
  * @param backgroundColor {TrilogyColor} Box Content Background Color
  * @param backgroundSrc {string} Source of background Image
+ * @param id {string} Custom id attribute
+ * @param testId {string} Test Id for Test Integration
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS Classes
- * @param testId test id
  */
 var BoxContent = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, id = _a.id, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, others = __rest(_a, ["children", "className", "id", "backgroundColor", "backgroundSrc"]);
+    var children = _a.children, className = _a.className, id = _a.id, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, testId = _a.testId, others = __rest(_a, ["children", "className", "id", "backgroundColor", "backgroundSrc", "testId"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx('box-content', backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), className));
-    return (React.createElement("div", __assign({ ref: ref, id: id, className: classes }, (backgroundSrc && {
+    return (React.createElement("div", __assign({ "data-testid": testId, ref: ref, id: id, className: classes }, (backgroundSrc && {
         style: {
             backgroundImage: "url(".concat(backgroundSrc, ")"),
         },
@@ -27,4 +28,4 @@ var BoxContent = React.forwardRef(function (_a, ref) {
 });
 BoxContent.displayName = ComponentName.BoxContent;
 export default BoxContent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Q29udGVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2NvbnRlbnQvQm94Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDekMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDakMsVUFBQyxFQUFzRSxFQUFFLEdBQUc7SUFBekUsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxlQUFlLHFCQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFLLE1BQU0sY0FBcEUsbUVBQXNFLENBQUY7SUFDM0QsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLGFBQWEsRUFDYixlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQy9ELGFBQWEsSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQ2xDLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFDRCxPQUFPLENBQ0wsc0NBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxPQUFPLElBQ2QsQ0FBQyxhQUFhLElBQUk7UUFDcEIsS0FBSyxFQUFFO1lBQ0wsZUFBZSxFQUFFLGNBQU8sYUFBYSxNQUFHO1NBQ3pDO0tBQ0YsQ0FBQyxFQUNFLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFDakQsZUFBZSxVQUFVLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Q29udGVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2NvbnRlbnQvQm94Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDekMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2pDLFVBQUMsRUFBOEUsRUFBRSxHQUFHO0lBQWpGLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQTVFLDZFQUE4RSxDQUFGO0lBQ25FLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixhQUFhLEVBQ2IsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUMvRCxhQUFhLElBQUksR0FBRyxDQUFDLFlBQVksQ0FBQyxFQUNsQyxTQUFTLENBQ1YsQ0FDRixDQUFBO0lBQ0QsT0FBTyxDQUNMLHFEQUNlLE1BQU0sRUFDbkIsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxPQUFPLElBQ2QsQ0FBQyxhQUFhLElBQUk7UUFDcEIsS0FBSyxFQUFFO1lBQ0wsZUFBZSxFQUFFLGNBQU8sYUFBYSxNQUFHO1NBQ3pDO0tBQ0YsQ0FBQyxFQUNFLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFDakQsZUFBZSxVQUFVLENBQUEifQ==

package/lib/components/box/content/BoxContent.native.d.ts

@@ -2,10 +2,12 @@ import { BoxContentProps } from '../../../components/box/content/BoxContentProps
 import * as React from 'react';
 import { View } from 'react-native';
 /**
- * Box Content Component
- * @param children {React.ReactNode} Childrens
+ * Box Content
+ * @param children {React.ReactNode} Box Content Children
  * @param backgroundColor {TrilogyColor} Box Content Background Color
  * @param backgroundSrc {string} Source of background Image
+ * @param id {string} Custom id attribute
+ * @param testId {string} Test Id for Test Integration
  */
 declare const BoxContent: React.ForwardRefExoticComponent<BoxContentProps & React.RefAttributes<View>>;
 export default BoxContent;

package/lib/components/box/content/BoxContent.native.js

@@ -3,25 +3,34 @@ import { BoxContext } from '../../../components/box/context/boxContext';
 import { ComponentName } from '../../../components/enumsComponentsName';
 import { getColorStyle } from '../../../objects/facets/Color';
 import * as React from 'react';
-import { StyleSheet, Text, View, ImageBackground } from 'react-native';
+import { ImageBackground, StyleSheet, Text, View } from 'react-native';
 /**
- * Box Content Component
- * @param children {React.ReactNode} Childrens
+ * Box Content
+ * @param children {React.ReactNode} Box Content Children
  * @param backgroundColor {TrilogyColor} Box Content Background Color
  * @param backgroundSrc {string} Source of background Image
+ * @param id {string} Custom id attribute
+ * @param testId {string} Test Id for Test Integration
  */
 var BoxContent = React.forwardRef(function (_a, ref) {
-    var children = _a.children, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, others = __rest(_a, ["children", "backgroundColor", "backgroundSrc"]);
-    var fullHeight = React.useContext(BoxContext).fullHeight;
+    var children = _a.children, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, testId = _a.testId, others = __rest(_a, ["children", "backgroundColor", "backgroundSrc", "testId"]);
+    var _b = React.useContext(BoxContext), fullHeight = _b.fullHeight, highlighted = _b.highlighted, header = _b.header, numberOfContent = _b.numberOfContent, setNumberOfContent = _b.setNumberOfContent;
     var styles = StyleSheet.create({
         boxContent: {
             padding: 16,
             backgroundColor: (backgroundColor && getColorStyle(backgroundColor)) || 'transparent',
             borderRadius: 6,
             flex: fullHeight ? 1 : undefined,
+            marginLeft: highlighted ? 4 : 0,
+            borderTopLeftRadius: (highlighted && numberOfContent > 1) || header ? 0 : 6,
+            borderTopRightRadius: header ? 0 : 6,
+            borderBottomLeftRadius: numberOfContent > 1 || highlighted ? 0 : 6,
+            borderBottomRightRadius: numberOfContent > 1 ? 0 : 6,
         },
     });
-    var content = (React.createElement(View, __assign({ ref: ref, style: [styles.boxContent] }, others), children && typeof children.valueOf() === 'string' ? React.createElement(Text, null, children) : children));
+    var content = (React.createElement(View, __assign({ testID: testId, ref: ref, style: [styles.boxContent] }, others, { onLayout: function () {
+            setNumberOfContent(function (prev) { return prev + 1; });
+        } }), children && typeof children.valueOf() === 'string' ? React.createElement(Text, null, children) : children));
     if (backgroundSrc) {
         return (React.createElement(ImageBackground, { source: typeof backgroundSrc === 'number' ? backgroundSrc : { uri: backgroundSrc }, style: { flex: 1 }, imageStyle: { borderRadius: 6 } }, content));
     }
@@ -31,4 +40,4 @@ var BoxContent = React.forwardRef(function (_a, ref) {
 });
 BoxContent.displayName = ComponentName.BoxContent;
 export default BoxContent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Q29udGVudC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9jb250ZW50L0JveENvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDdEQsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLGVBQWUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUV0RTs7Ozs7R0FLRztBQUNILElBQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2pDLFVBQUMsRUFBdUQsRUFBRSxHQUFHO0lBQTFELElBQUEsUUFBUSxjQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLGFBQWEsbUJBQUEsRUFBSyxNQUFNLGNBQXJELGdEQUF1RCxDQUFGO0lBQzVDLElBQUEsVUFBVSxHQUFLLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBVSxDQUFDLFdBQWpDLENBQWlDO0lBRW5ELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsVUFBVSxFQUFFO1lBQ1YsT0FBTyxFQUFFLEVBQUU7WUFDWCxlQUFlLEVBQUUsQ0FBQyxlQUFlLElBQUksYUFBYSxDQUFDLGVBQWUsQ0FBQyxDQUFDLElBQUksYUFBYTtZQUNyRixZQUFZLEVBQUUsQ0FBQztZQUNmLElBQUksRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUztTQUNqQztLQUNGLENBQUMsQ0FBQTtJQUVGLElBQU0sT0FBTyxHQUFHLENBQ2Qsb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxJQUFNLE1BQU0sR0FDbkQsUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsb0JBQUMsSUFBSSxRQUFFLFFBQVEsQ0FBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQ25GLENBQ1IsQ0FBQTtJQUVELElBQUksYUFBYSxFQUFFO1FBQ2pCLE9BQU8sQ0FDTCxvQkFBQyxlQUFlLElBQUMsTUFBTSxFQUFFLE9BQU8sYUFBYSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxhQUFhLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFFLEVBQUUsVUFBVSxFQUFFLEVBQUUsWUFBWSxFQUFFLENBQUMsRUFBRSxJQUNySixPQUFPLENBQ1EsQ0FDbkIsQ0FBQTtLQUNGO1NBQU07UUFDTCxPQUFPLE9BQU8sQ0FBQTtLQUNmO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFFakQsZUFBZSxVQUFVLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Q29udGVudC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9jb250ZW50L0JveENvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDdEQsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLGVBQWUsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUV0RTs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDakMsVUFBQyxFQUErRCxFQUFFLEdBQUc7SUFBbEUsSUFBQSxRQUFRLGNBQUEsRUFBRSxlQUFlLHFCQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBN0QsMERBQStELENBQUY7SUFDdEQsSUFBQSxLQUEyRSxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQVUsQ0FBQyxFQUFyRyxVQUFVLGdCQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxrQkFBa0Isd0JBQWlDLENBQUE7SUFFN0csSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixVQUFVLEVBQUU7WUFDVixPQUFPLEVBQUUsRUFBRTtZQUNYLGVBQWUsRUFBRSxDQUFDLGVBQWUsSUFBSSxhQUFhLENBQUMsZUFBZSxDQUFDLENBQUMsSUFBSSxhQUFhO1lBQ3JGLFlBQVksRUFBRSxDQUFDO1lBQ2YsSUFBSSxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTO1lBQ2hDLFVBQVUsRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUMvQixtQkFBbUIsRUFBRSxDQUFDLFdBQVcsSUFBSSxlQUFlLEdBQUcsQ0FBQyxDQUFDLElBQUksTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDM0Usb0JBQW9CLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDcEMsc0JBQXNCLEVBQUUsZUFBZSxHQUFHLENBQUMsSUFBSSxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUNsRSx1QkFBdUIsRUFBRSxlQUFlLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDckQ7S0FDRixDQUFDLENBQUE7SUFFRixJQUFNLE9BQU8sR0FBRyxDQUNkLG9CQUFDLElBQUksYUFDSCxNQUFNLEVBQUUsTUFBTSxFQUNkLEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxJQUN0QixNQUFNLElBQ1YsUUFBUSxFQUFFO1lBQ1Isa0JBQWtCLENBQUMsVUFBQyxJQUFJLElBQUssT0FBQSxJQUFJLEdBQUcsQ0FBQyxFQUFSLENBQVEsQ0FBQyxDQUFBO1FBQ3hDLENBQUMsS0FFQSxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxvQkFBQyxJQUFJLFFBQUUsUUFBUSxDQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FDbkYsQ0FDUixDQUFBO0lBRUQsSUFBSSxhQUFhLEVBQUU7UUFDakIsT0FBTyxDQUNMLG9CQUFDLGVBQWUsSUFDZCxNQUFNLEVBQUUsT0FBTyxhQUFhLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLGFBQWEsRUFBRSxFQUNsRixLQUFLLEVBQUUsRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFFLEVBQ2xCLFVBQVUsRUFBRSxFQUFFLFlBQVksRUFBRSxDQUFDLEVBQUUsSUFFOUIsT0FBTyxDQUNRLENBQ25CLENBQUE7S0FDRjtTQUFNO1FBQ0wsT0FBTyxPQUFPLENBQUE7S0FDZjtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBRWpELGVBQWUsVUFBVSxDQUFBIn0=

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

@@ -17,12 +17,6 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
-      "SUCCESS",
-      "INFO",
-      "WARNING",
-      "ERROR",
-      "MAIN",
-      "ACCENT",
       "WHITE",
       "MAIN",
       "MAIN_FADE",
@@ -43,20 +37,28 @@ export default {
       "NEUTRAL",
       "NEUTRAL_FADE",
       "STROKE",
+      "STROKE_FADE",
       "WHITE",
+      "MAIN",
       "MAIN_FADE",
+      "ACCENT",
       "ACCENT_FADE",
       "FONT",
       "FONT_PLACEHOLDER",
+      "SUCCESS",
       "SUCCESS_FADE",
+      "INFO",
       "INFO_FADE",
+      "WARNING",
       "WARNING_FADE",
+      "ERROR",
       "ERROR_FADE",
       "DISABLED",
       "DISABLED_FADE",
       "NEUTRAL",
       "NEUTRAL_FADE",
-      "STROKE"
+      "STROKE",
+      "STROKE_FADE"
     ]
   },
   "backgroundSrc": {

package/lib/components/box/context/boxContext.d.ts

@@ -1,4 +1,12 @@
+import { TrilogyColor, TrilogyColorValues } from '../../../objects';
 import React from 'react';
-export declare const BoxContext: React.Context<{
+interface BoxContextValue {
     fullHeight: boolean;
-}>;
+    highlighted?: TrilogyColor | TrilogyColorValues;
+    numberOfContent: number;
+    setNumberOfContent: React.Dispatch<React.SetStateAction<number>>;
+    header: boolean;
+    setHeader: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export declare const BoxContext: React.Context<BoxContextValue>;
+export {};

package/lib/components/box/context/boxContext.js

@@ -1,3 +1,14 @@
 import React from 'react';
-export var BoxContext = React.createContext({ fullHeight: false });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94Q29udGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2NvbnRleHQvYm94Q29udGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE1BQU0sQ0FBQyxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUEifQ==
+export var BoxContext = React.createContext({
+    fullHeight: false,
+    highlighted: undefined,
+    numberOfContent: 0,
+    header: false,
+    setHeader: function () {
+        //
+    },
+    setNumberOfContent: function () {
+        //
+    },
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94Q29udGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2NvbnRleHQvYm94Q29udGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBV3pCLE1BQU0sQ0FBQyxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFrQjtJQUM3RCxVQUFVLEVBQUUsS0FBSztJQUNqQixXQUFXLEVBQUUsU0FBUztJQUN0QixlQUFlLEVBQUUsQ0FBQztJQUNsQixNQUFNLEVBQUUsS0FBSztJQUNiLFNBQVMsRUFBRTtRQUNULEVBQUU7SUFDSixDQUFDO0lBQ0Qsa0JBQWtCLEVBQUU7UUFDbEIsRUFBRTtJQUNKLENBQUM7Q0FDRixDQUFDLENBQUEifQ==

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

@@ -4,9 +4,10 @@ import { BoxFooterProps } from './BoxFooterProps';
  * Box Footer Component
  * @param children {React.ReactNode} Children
  * @param backgroundColor {TrilogyColor} Background for BoxFooter
+ * @param testId {string} Test Id for Test Integration
+ * @param id {string} Custom id attribute
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS Classes
- * @param id
  */
 declare const BoxFooter: React.ForwardRefExoticComponent<BoxFooterProps & React.RefAttributes<HTMLDivElement>>;
 export default BoxFooter;

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

@@ -10,15 +10,16 @@ import * as React from 'react';
  * Box Footer Component
  * @param children {React.ReactNode} Children
  * @param backgroundColor {TrilogyColor} Background for BoxFooter
+ * @param testId {string} Test Id for Test Integration
+ * @param id {string} Custom id attribute
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS Classes
- * @param id
  */
 var BoxFooter = React.forwardRef(function (_a, ref) {
-    var className = _a.className, children = _a.children, backgroundColor = _a.backgroundColor, id = _a.id, others = __rest(_a, ["className", "children", "backgroundColor", "id"]);
+    var className = _a.className, children = _a.children, backgroundColor = _a.backgroundColor, id = _a.id, testId = _a.testId, others = __rest(_a, ["className", "children", "backgroundColor", "id", "testId"]);
     var styled = useTrilogyContext().styled;
-    return (React.createElement("div", __assign({ ref: ref, id: id, className: hashClass(styled, clsx('box-footer', backgroundColor && has(getBackgroundClassName(backgroundColor)), className)) }, others), children));
+    return (React.createElement("div", __assign({ "data-testid": testId, ref: ref, id: id, className: hashClass(styled, clsx('box-footer', backgroundColor && has(getBackgroundClassName(backgroundColor)), className)) }, others), children));
 });
 BoxFooter.displayName = ComponentName.BoxFooter;
 export default BoxFooter;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvZm9vdGVyL0JveEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDekMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUFDLEVBQXVELEVBQUUsR0FBRztJQUExRCxJQUFBLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxFQUFFLFFBQUEsRUFBSyxNQUFNLGNBQXJELGtEQUF1RCxDQUFGO0lBQzVDLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCxzQ0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FBQyxZQUFZLEVBQUUsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUMvRixJQUNHLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvZm9vdGVyL0JveEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDekMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDaEMsVUFBQyxFQUErRCxFQUFFLEdBQUc7SUFBbEUsSUFBQSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxlQUFlLHFCQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUE3RCw0REFBK0QsQ0FBRjtJQUNwRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wscURBQ2UsTUFBTSxFQUNuQixHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FBQyxZQUFZLEVBQUUsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUMvRixJQUNHLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==

package/lib/components/box/footer/BoxFooter.native.d.ts

@@ -3,8 +3,10 @@ import { View } from 'react-native';
 import { BoxFooterProps } from './BoxFooterProps';
 /**
  * Box Footer Component
- * @param children {React.ReactNode} Childrens
+ * @param children {React.ReactNode} Children
  * @param backgroundColor {TrilogyColor} Background for BoxFooter
+ * @param testId {string} Test Id for Test Integration
+ * @param id {string} Custom id attribute
  */
 declare const BoxFooter: React.ForwardRefExoticComponent<BoxFooterProps & React.RefAttributes<View>>;
 export default BoxFooter;

package/lib/components/box/footer/BoxFooter.native.js

@@ -3,25 +3,30 @@ import { ComponentName } from '../../../components/enumsComponentsName';
 import { getColorStyle } from '../../../objects';
 import * as React from 'react';
 import { StyleSheet, Text, View } from 'react-native';
+import { BoxContext } from '../context/boxContext';
 /**
  * Box Footer Component
- * @param children {React.ReactNode} Childrens
+ * @param children {React.ReactNode} Children
  * @param backgroundColor {TrilogyColor} Background for BoxFooter
+ * @param testId {string} Test Id for Test Integration
+ * @param id {string} Custom id attribute
  */
 var BoxFooter = React.forwardRef(function (_a, ref) {
-    var children = _a.children, backgroundColor = _a.backgroundColor, others = __rest(_a, ["children", "backgroundColor"]);
+    var children = _a.children, backgroundColor = _a.backgroundColor, testId = _a.testId, others = __rest(_a, ["children", "backgroundColor", "testId"]);
     var boxRadius = 6;
+    var highlighted = React.useContext(BoxContext).highlighted;
     var styles = StyleSheet.create({
         boxFooter: {
             padding: 12,
             justifyContent: 'center',
             backgroundColor: backgroundColor ? getColorStyle(backgroundColor) : 'transparent',
-            borderBottomLeftRadius: boxRadius,
+            borderBottomLeftRadius: highlighted ? 0 : boxRadius,
             borderBottomRightRadius: boxRadius,
+            marginLeft: highlighted ? 4 : 0,
         },
     });
-    return (React.createElement(View, __assign({ ref: ref, style: [styles.boxFooter] }, others), children && typeof children.valueOf() === 'string' ? React.createElement(Text, null, String(children)) : children));
+    return (React.createElement(View, __assign({ ref: ref, style: [styles.boxFooter], testID: testId }, others), children && typeof children.valueOf() === 'string' ? React.createElement(Text, null, String(children)) : children));
 });
 BoxFooter.displayName = ComponentName.BoxFooter;
 export default BoxFooter;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2Zvb3Rlci9Cb3hGb290ZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDekMsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBR3JEOzs7O0dBSUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUFDLEVBQXdDLEVBQUUsR0FBRztJQUEzQyxJQUFBLFFBQVEsY0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBSyxNQUFNLGNBQXRDLCtCQUF3QyxDQUFGO0lBQ3JDLElBQU0sU0FBUyxHQUFHLENBQUMsQ0FBQTtJQUVuQixJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULE9BQU8sRUFBRSxFQUFFO1lBQ1gsY0FBYyxFQUFFLFFBQVE7WUFDeEIsZUFBZSxFQUFFLGVBQWUsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhO1lBQ2pGLHNCQUFzQixFQUFFLFNBQVM7WUFDakMsdUJBQXVCLEVBQUUsU0FBUztTQUNuQztLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLElBQU0sTUFBTSxHQUNsRCxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxvQkFBQyxJQUFJLFFBQUUsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FDM0YsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFFL0MsZUFBZSxTQUFTLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2Zvb3Rlci9Cb3hGb290ZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDekMsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQTtBQUdsRDs7Ozs7O0dBTUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUFDLEVBQWdELEVBQUUsR0FBRztJQUFuRCxJQUFBLFFBQVEsY0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQTlDLHlDQUFnRCxDQUFGO0lBQzdDLElBQU0sU0FBUyxHQUFHLENBQUMsQ0FBQTtJQUNYLElBQUEsV0FBVyxHQUFLLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBVSxDQUFDLFlBQWpDLENBQWlDO0lBRXBELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsT0FBTyxFQUFFLEVBQUU7WUFDWCxjQUFjLEVBQUUsUUFBUTtZQUN4QixlQUFlLEVBQUUsZUFBZSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDLGFBQWE7WUFDakYsc0JBQXNCLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVM7WUFDbkQsdUJBQXVCLEVBQUUsU0FBUztZQUNsQyxVQUFVLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDaEM7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxFQUFFLE1BQU0sRUFBRSxNQUFNLElBQU0sTUFBTSxHQUNsRSxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxvQkFBQyxJQUFJLFFBQUUsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FDM0YsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFFL0MsZUFBZSxTQUFTLENBQUEifQ==

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

@@ -17,12 +17,6 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
-      "SUCCESS",
-      "INFO",
-      "WARNING",
-      "ERROR",
-      "MAIN",
-      "ACCENT",
       "WHITE",
       "MAIN",
       "MAIN_FADE",
@@ -43,20 +37,28 @@ export default {
       "NEUTRAL",
       "NEUTRAL_FADE",
       "STROKE",
+      "STROKE_FADE",
       "WHITE",
+      "MAIN",
       "MAIN_FADE",
+      "ACCENT",
       "ACCENT_FADE",
       "FONT",
       "FONT_PLACEHOLDER",
+      "SUCCESS",
       "SUCCESS_FADE",
+      "INFO",
       "INFO_FADE",
+      "WARNING",
       "WARNING_FADE",
+      "ERROR",
       "ERROR_FADE",
       "DISABLED",
       "DISABLED_FADE",
       "NEUTRAL",
       "NEUTRAL_FADE",
-      "STROKE"
+      "STROKE",
+      "STROKE_FADE"
     ]
   },
   "accessibilityLabel": {

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

@@ -3,12 +3,12 @@ import { BoxHeaderProps } from './BoxHeaderProps';
 /**
  * Box Header Component
  * @param children {React.ReactNode} Children
- * @param help {string} Box Header Help Sticker
  * @param variant {TrilogyColor} Box Header backgroundColor
- * @param align
- * @param id
+ * @param id {string} Custom id attribute
+ * @param testId {string} Test Id for Test Integration
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS Classes
+ * @param align {AlignProps} Box Header Alignment
  */
 declare const BoxHeader: React.ForwardRefExoticComponent<BoxHeaderProps & React.RefAttributes<HTMLDivElement>>;
 export default BoxHeader;

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

@@ -10,15 +10,15 @@ import * as React from 'react';
 /**
  * Box Header Component
  * @param children {React.ReactNode} Children
- * @param help {string} Box Header Help Sticker
  * @param variant {TrilogyColor} Box Header backgroundColor
- * @param align
- * @param id
+ * @param id {string} Custom id attribute
+ * @param testId {string} Test Id for Test Integration
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS Classes
+ * @param align {AlignProps} Box Header Alignment
  */
 var BoxHeader = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, id = _a.id, align = _a.align, variant = _a.variant, others = __rest(_a, ["children", "className", "id", "align", "variant"]);
+    var children = _a.children, className = _a.className, id = _a.id, align = _a.align, variant = _a.variant, testId = _a.testId, others = __rest(_a, ["children", "className", "id", "align", "variant", "testId"]);
     var styled = useTrilogyContext().styled;
     var alignClass = null;
     if (align) {
@@ -29,8 +29,8 @@ var BoxHeader = React.forwardRef(function (_a, ref) {
                 null;
     }
     var classes = hashClass(styled, clsx('box-header', className, variant && has(getBackgroundClassName(variant)), align && alignClass));
-    return (React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others), children && typeof children.valueOf() === 'string' ? React.createElement("p", null, children) : children));
+    return (React.createElement("div", __assign({ ref: ref, id: id, className: classes, "data-testid": testId }, others), children && typeof children.valueOf() === 'string' ? React.createElement("p", null, children) : children));
 });
 BoxHeader.displayName = ComponentName.BoxHeader;
 export default BoxHeader;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvaGVhZGVyL0JveEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzdDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUc5Qjs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUFDLEVBQXNELEVBQUUsR0FBRztJQUF6RCxJQUFBLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLE1BQU0sY0FBcEQsbURBQXNELENBQUY7SUFDM0MsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBSSxVQUFVLEdBQUcsSUFBSSxDQUFBO0lBQ3JCLElBQUksS0FBSyxFQUFFO1FBQ1QsVUFBVTtZQUNSLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEtBQUssZUFBZSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO2dCQUN2RSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxLQUFLLGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO2dCQUN6RSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxLQUFLLGFBQWEsSUFBSSxFQUFFLENBQUMsZUFBZSxDQUFDLENBQUM7Z0JBQ25FLElBQUksQ0FBQTtLQUNQO0lBQ0QsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUFFLEtBQUssSUFBSSxVQUFVLENBQUMsQ0FDcEcsQ0FBQTtJQUVELE9BQU8sQ0FDTCxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQ2xELFFBQVEsSUFBSSxPQUFPLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLCtCQUFJLFFBQVEsQ0FBSyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQzlFLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBQ0QsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvaGVhZGVyL0JveEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzdDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUc5Qjs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUFDLEVBQThELEVBQUUsR0FBRztJQUFqRSxJQUFBLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBNUQsNkRBQThELENBQUY7SUFDbkQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBSSxVQUFVLEdBQUcsSUFBSSxDQUFBO0lBQ3JCLElBQUksS0FBSyxFQUFFO1FBQ1QsVUFBVTtZQUNSLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEtBQUssZUFBZSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO2dCQUN2RSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxLQUFLLGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO2dCQUN6RSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxLQUFLLGFBQWEsSUFBSSxFQUFFLENBQUMsZUFBZSxDQUFDLENBQUM7Z0JBQ25FLElBQUksQ0FBQTtLQUNQO0lBQ0QsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUFFLEtBQUssSUFBSSxVQUFVLENBQUMsQ0FDcEcsQ0FBQTtJQUVELE9BQU8sQ0FDTCxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8saUJBQWUsTUFBTSxJQUFNLE1BQU0sR0FDdkUsUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsK0JBQUksUUFBUSxDQUFLLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FDOUUsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFDRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==

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

@@ -5,6 +5,8 @@ import { BoxHeaderProps } from './BoxHeaderProps';
  * Box Header Component
  * @param children {React.ReactNode} Children
  * @param variant {TrilogyColor} Box Header backgroundColor
+ * @param id {string} Custom id attribute
+ * @param testId {string} Test Id for Test Integration
  */
 declare const BoxHeader: React.ForwardRefExoticComponent<BoxHeaderProps & React.RefAttributes<View>>;
 export default BoxHeader;

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

@@ -5,14 +5,18 @@ import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
 import * as React from 'react';
 import { useContext } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
+import { BoxContext } from '../context/boxContext';
 /**
  * Box Header Component
  * @param children {React.ReactNode} Children
  * @param variant {TrilogyColor} Box Header backgroundColor
+ * @param id {string} Custom id attribute
+ * @param testId {string} Test Id for Test Integration
  */
 var BoxHeader = React.forwardRef(function (_a, ref) {
-    var children = _a.children, variant = _a.variant, others = __rest(_a, ["children", "variant"]);
+    var children = _a.children, variant = _a.variant, testId = _a.testId, others = __rest(_a, ["children", "variant", "testId"]);
     var statesContext = useContext(StatesContext);
+    var boxContext = useContext(BoxContext);
     var centered = false;
     var pulledLeft = false;
     var pulledRight = false;
@@ -25,7 +29,7 @@ var BoxHeader = React.forwardRef(function (_a, ref) {
             backgroundColor: headerBgc,
             padding: 10,
             paddingLeft: 16,
-            borderTopLeftRadius: 6,
+            borderTopLeftRadius: (boxContext === null || boxContext === void 0 ? void 0 : boxContext.highlighted) ? 4 : 6,
             borderTopRightRadius: 6,
             marginTop: (statesContext.active && -2) || (statesContext.flat && -1) || 0,
             justifyContent: 'space-between',
@@ -47,11 +51,13 @@ var BoxHeader = React.forwardRef(function (_a, ref) {
             lineHeight: 15,
         },
     });
-    return (React.createElement(View, __assign({ style: [styles.boxHeader], ref: ref }, others),
+    return (React.createElement(View, __assign({ style: [styles.boxHeader], ref: ref, testID: testId }, others, { onLayout: function () {
+            boxContext.setHeader(true);
+        } }),
         children && typeof children.valueOf() === 'string' ? (React.createElement(Text, { style: styles.text }, String(children))) : (children),
         help && (React.createElement(View, { style: styles.helpContainer },
             React.createElement(Text, { style: styles.help }, help)))));
 });
 BoxHeader.displayName = ComponentName.BoxHeader;
 export default BoxHeader;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2hlYWRlci9Cb3hIZWFkZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBR3JEOzs7O0dBSUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUFDLEVBQWdDLEVBQUUsR0FBRztJQUFuQyxJQUFBLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLE1BQU0sY0FBOUIsdUJBQWdDLENBQUY7SUFDN0IsSUFBTSxhQUFhLEdBQUcsVUFBVSxDQUFDLGFBQWEsQ0FBQyxDQUFBO0lBQy9DLElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQTtJQUN0QixJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUE7SUFDeEIsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFBO0lBQ3pCLElBQU0sSUFBSSxHQUFHLEVBQUUsQ0FBQTtJQUVmLElBQU0sU0FBUyxHQUFHLE9BQU8sQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ3JGLElBQU0sU0FBUyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLENBQUE7SUFFeEQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxLQUFLLEVBQUUsTUFBTTtZQUNiLGVBQWUsRUFBRSxTQUFTO1lBQzFCLE9BQU8sRUFBRSxFQUFFO1lBQ1gsV0FBVyxFQUFFLEVBQUU7WUFDZixtQkFBbUIsRUFBRSxDQUFDO1lBQ3RCLG9CQUFvQixFQUFFLENBQUM7WUFDdkIsU0FBUyxFQUFFLENBQUMsYUFBYSxDQUFDLE1BQU0sSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7WUFDMUUsY0FBYyxFQUFFLGVBQWU7WUFDL0IsVUFBVSxFQUNSLENBQUMsUUFBUSxJQUFJLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxJQUFJLFVBQVUsQ0FBQyxJQUFJLENBQUMsVUFBVSxJQUFJLFlBQVksQ0FBQyxJQUFJLFlBQVk7WUFDdkcsYUFBYSxFQUFFLEtBQUs7U0FDckI7UUFDRCxJQUFJLEVBQUU7WUFDSixLQUFLLEVBQUUsU0FBUztZQUNoQixRQUFRLEVBQUUsRUFBRTtZQUNaLFVBQVUsRUFBRSxLQUFLO1NBQ2xCO1FBQ0QsYUFBYSxFQUFFO1lBQ2IsU0FBUyxFQUFFLFFBQVE7U0FDcEI7UUFDRCxJQUFJLEVBQUU7WUFDSixRQUFRLEVBQUUsRUFBRTtZQUNaLEtBQUssRUFBRSxTQUFTO1lBQ2hCLFVBQVUsRUFBRSxLQUFLO1lBQ2pCLFVBQVUsRUFBRSxFQUFFO1NBQ2Y7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFNLE1BQU07UUFDbEQsUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDcEQsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBUSxDQUNwRCxDQUFDLENBQUMsQ0FBQyxDQUNGLFFBQVEsQ0FDVDtRQUVBLElBQUksSUFBSSxDQUNQLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLGFBQWE7WUFDL0Isb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFHLElBQUksQ0FBUSxDQUNsQyxDQUNSLENBQ0ksQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFFL0MsZUFBZSxTQUFTLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2hlYWRlci9Cb3hIZWFkZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQTtBQUdsRDs7Ozs7O0dBTUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUFDLEVBQXdDLEVBQUUsR0FBRztJQUEzQyxJQUFBLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBdEMsaUNBQXdDLENBQUY7SUFDckMsSUFBTSxhQUFhLEdBQUcsVUFBVSxDQUFDLGFBQWEsQ0FBQyxDQUFBO0lBQy9DLElBQU0sVUFBVSxHQUFHLFVBQVUsQ0FBQyxVQUFVLENBQUMsQ0FBQTtJQUN6QyxJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUE7SUFDdEIsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFBO0lBQ3hCLElBQU0sV0FBVyxHQUFHLEtBQUssQ0FBQTtJQUN6QixJQUFNLElBQUksR0FBRyxFQUFFLENBQUE7SUFFZixJQUFNLFNBQVMsR0FBRyxPQUFPLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQTtJQUNyRixJQUFNLFNBQVMsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBRXhELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsS0FBSyxFQUFFLE1BQU07WUFDYixlQUFlLEVBQUUsU0FBUztZQUMxQixPQUFPLEVBQUUsRUFBRTtZQUNYLFdBQVcsRUFBRSxFQUFFO1lBQ2YsbUJBQW1CLEVBQUUsQ0FBQSxVQUFVLGFBQVYsVUFBVSx1QkFBVixVQUFVLENBQUUsV0FBVyxFQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDcEQsb0JBQW9CLEVBQUUsQ0FBQztZQUN2QixTQUFTLEVBQUUsQ0FBQyxhQUFhLENBQUMsTUFBTSxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztZQUMxRSxjQUFjLEVBQUUsZUFBZTtZQUMvQixVQUFVLEVBQ1IsQ0FBQyxRQUFRLElBQUksUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLElBQUksVUFBVSxDQUFDLElBQUksQ0FBQyxVQUFVLElBQUksWUFBWSxDQUFDLElBQUksWUFBWTtZQUN2RyxhQUFhLEVBQUUsS0FBSztTQUNyQjtRQUNELElBQUksRUFBRTtZQUNKLEtBQUssRUFBRSxTQUFTO1lBQ2hCLFFBQVEsRUFBRSxFQUFFO1lBQ1osVUFBVSxFQUFFLEtBQUs7U0FDbEI7UUFDRCxhQUFhLEVBQUU7WUFDYixTQUFTLEVBQUUsUUFBUTtTQUNwQjtRQUNELElBQUksRUFBRTtZQUNKLFFBQVEsRUFBRSxFQUFFO1lBQ1osS0FBSyxFQUFFLFNBQVM7WUFDaEIsVUFBVSxFQUFFLEtBQUs7WUFDakIsVUFBVSxFQUFFLEVBQUU7U0FDZjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQ0gsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxFQUN6QixHQUFHLEVBQUUsR0FBRyxFQUNSLE1BQU0sRUFBRSxNQUFNLElBQ1YsTUFBTSxJQUNWLFFBQVEsRUFBRTtZQUNSLFVBQVUsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUE7UUFDNUIsQ0FBQztRQUVBLFFBQVEsSUFBSSxPQUFPLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ3BELG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBRyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQVEsQ0FDcEQsQ0FBQyxDQUFDLENBQUMsQ0FDRixRQUFRLENBQ1Q7UUFFQSxJQUFJLElBQUksQ0FDUCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxhQUFhO1lBQy9CLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBRyxJQUFJLENBQVEsQ0FDbEMsQ0FDUixDQUNJLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRS9DLGVBQWUsU0FBUyxDQUFBIn0=

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

@@ -7,7 +7,8 @@ import { AlignableProps } from '../../../objects/facets/Alignable';
 import { TrilogyColor, TrilogyColorValues } from '../../../objects/facets/Color';
 import { View } from 'react-native';
 import { CommonProps } from '../../../objects/facets/CommonProps';
-export interface BoxHeaderProps extends AlignableProps, Accessibility, CommonProps {
+import { Dev } from '../../../objects/facets/Dev';
+export interface BoxHeaderProps extends AlignableProps, Accessibility, CommonProps, Dev {
     children?: React.ReactNode;
     variant?: TrilogyColor | TrilogyColorValues;
 }