npm - @amboss/design-system - Versions diffs - 3.13.13 → 3.13.15 - Mend

@amboss/design-system 3.13.13 → 3.13.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (73) hide show

package/build/cjs/web-tokens/navigationTheme.json ADDED Viewed

@@ -0,0 +1,403 @@
+{
+  "custom-sub-theme": {
+    "dark": {
+      "navigation-learn": {
+        "color": {
+          "text": {
+            "primary": {
+              "default": "#ffffff"
+            },
+            "secondary": {
+              "default": "rgba(255, 255, 255, 0.8)"
+            },
+            "tertiary": {
+              "default": "rgba(255, 255, 255, 0.6)"
+            },
+            "accent": {
+              "default": "#2db5c6"
+            }
+          },
+          "background": {
+            "transparent": {
+              "default": "rgba(255, 255, 255, 0)",
+              "hover": "rgba(147, 149, 159, 0.15)",
+              "active": "rgba(147, 149, 159, 0.15)"
+            },
+            "subtle": {
+              "accentSubtle": {
+                "default": "#223c44"
+              }
+            },
+            "primary": {
+              "default": "#1d6670"
+            }
+          },
+          "icon": {
+            "primary": {
+              "default": "#ced1d6"
+            },
+            "secondary": {
+              "default": "rgba(255, 255, 255, 0.8)"
+            },
+            "tertiary": {
+              "default": "rgba(255, 255, 255, 0.6)"
+            },
+            "brand": {
+              "default": "#ced1d6"
+            },
+            "accent": {
+              "default": "#2db5c6"
+            },
+            "onAccent": {
+              "default": "#1a1c1c"
+            }
+          },
+          "searchInput": {
+            "background": {
+              "default": "#223c44"
+            }
+          },
+          "divider": {
+            "secondary": "rgba(255, 255, 255, 0.3)"
+          },
+          "colorIndicator": {
+            "brand": {
+              "default": "#223c44"
+            }
+          }
+        }
+      },
+      "navigation-practice": {
+        "color": {
+          "text": {
+            "primary": {
+              "default": "#ffffff"
+            },
+            "secondary": {
+              "default": "rgba(255, 255, 255, 0.8)"
+            },
+            "tertiary": {
+              "default": "rgba(255, 255, 255, 0.6)"
+            },
+            "accent": {
+              "default": "#2db5c6"
+            }
+          },
+          "background": {
+            "transparent": {
+              "default": "rgba(255, 255, 255, 0)",
+              "hover": "rgba(147, 149, 159, 0.15)",
+              "active": "rgba(147, 149, 159, 0.15)"
+            },
+            "accentSubtle": {
+              "default": "#223c44"
+            },
+            "primary": {
+              "default": "#111111"
+            }
+          },
+          "icon": {
+            "primary": {
+              "default": "#ced1d6"
+            },
+            "secondary": {
+              "default": "rgba(255, 255, 255, 0.8)"
+            },
+            "tertiary": {
+              "default": "rgba(255, 255, 255, 0.6)"
+            },
+            "brand": {
+              "default": "#ced1d6"
+            },
+            "accent": {
+              "default": "#2db5c6"
+            },
+            "onAccent": {
+              "default": "#1a1c1c"
+            }
+          },
+          "searchInput": {
+            "background": {
+              "default": "#32363e"
+            }
+          },
+          "divider": {
+            "secondary": "rgba(255, 255, 255, 0.3)"
+          },
+          "colorIndicator": {
+            "brand": {
+              "default": "#1d6670"
+            }
+          }
+        }
+      },
+      "navigation-teach": {
+        "color": {
+          "text": {
+            "primary": {
+              "default": "#ffffff"
+            },
+            "secondary": {
+              "default": "rgba(255, 255, 255, 0.8)"
+            },
+            "tertiary": {
+              "default": "rgba(255, 255, 255, 0.6)"
+            },
+            "accent": {
+              "default": "rgba(255, 255, 255, 0.8)"
+            }
+          },
+          "background": {
+            "transparent": {
+              "default": "rgba(255, 255, 255, 0)",
+              "hover": "rgba(147, 149, 159, 0.15)",
+              "active": "rgba(147, 149, 159, 0.15)"
+            },
+            "accentSubtle": {
+              "default": "#40454f"
+            },
+            "primary": {
+              "default": "#282c34"
+            }
+          },
+          "icon": {
+            "primary": {
+              "default": "#ced1d6"
+            },
+            "secondary": {
+              "default": "rgba(255, 255, 255, 0.8)"
+            },
+            "tertiary": {
+              "default": "rgba(255, 255, 255, 0.6)"
+            },
+            "brand": {
+              "default": "#ced1d6"
+            },
+            "accent": {
+              "default": "rgba(255, 255, 255, 0.8)"
+            },
+            "onAccent": {
+              "default": "#1a1c1c"
+            }
+          },
+          "searchInput": {
+            "background": {
+              "default": "#111111"
+            }
+          },
+          "divider": {
+            "secondary": "rgba(255, 255, 255, 0.3)"
+          },
+          "colorIndicator": {
+            "brand": {
+              "default": "#1d6670"
+            }
+          }
+        }
+      }
+    },
+    "light": {
+      "navigation-learn": {
+        "color": {
+          "text": {
+            "primary": {
+              "default": "#ffffff"
+            },
+            "secondary": {
+              "default": "#ffffff"
+            },
+            "tertiary": {
+              "default": "rgba(255, 255, 255, 0.8)"
+            },
+            "accent": {
+              "default": "#047a88"
+            }
+          },
+          "background": {
+            "primary": {
+              "default": "#054f57"
+            },
+            "transparent": {
+              "default": "rgba(255, 255, 255, 0)",
+              "hover": "rgba(255, 255, 255, 0.08)",
+              "active": "rgba(255, 255, 255, 0.08)"
+            },
+            "accentSubtle": {
+              "default": "#e7f6f8"
+            },
+            "accent": {
+              "default": "#047a88"
+            }
+          },
+          "icon": {
+            "primary": {
+              "default": "#ffffff"
+            },
+            "secondary": {
+              "default": "#ffffff"
+            },
+            "tertiary": {
+              "default": "rgba(255, 255, 255, 0.8)"
+            },
+            "brand": {
+              "default": "#ffffff"
+            },
+            "accent": {
+              "default": "#047a88"
+            },
+            "onAccent": {
+              "default": "#ffffff"
+            }
+          },
+          "searchInput": {
+            "background": {
+              "default": "rgba(0, 0, 0, 0.3)"
+            }
+          },
+          "divider": {
+            "secondary": "rgba(255, 255, 255, 0.3)"
+          },
+          "colorIndicator": {
+            "brand": {
+              "default": "#0aa6b8"
+            }
+          }
+        }
+      },
+      "navigation-practice": {
+        "color": {
+          "text": {
+            "primary": {
+              "default": "#1a1c1c"
+            },
+            "secondary": {
+              "default": "#40515e"
+            },
+            "tertiary": {
+              "default": "#5a7183"
+            },
+            "accent": {
+              "default": "#047a88"
+            }
+          },
+          "background": {
+            "primary": {
+              "default": "#ffffff"
+            },
+            "transparent": {
+              "default": "rgba(255, 255, 255, 0)",
+              "hover": "rgba(96, 117, 133, 0.05)",
+              "active": "rgba(96, 117, 133, 0.05)"
+            },
+            "accentSubtle": {
+              "default": "#e7f6f8"
+            },
+            "accent": {
+              "default": "#047a88"
+            }
+          },
+          "icon": {
+            "primary": {
+              "default": "#1a1c1c"
+            },
+            "secondary": {
+              "default": "#40515e"
+            },
+            "tertiary": {
+              "default": "#5a7183"
+            },
+            "brand": {
+              "default": "#0aa6b8"
+            },
+            "accent": {
+              "default": "#047a88"
+            },
+            "onAccent": {
+              "default": "#ffffff"
+            }
+          },
+          "searchInput": {
+            "background": {
+              "default": "#eef2f5"
+            }
+          },
+          "divider": {
+            "secondary": "rgba(163, 178, 189, 0.3)"
+          },
+          "colorIndicator": {
+            "brand": {
+              "default": "#0aa6b8"
+            }
+          }
+        }
+      },
+      "navigation-teach": {
+        "color": {
+          "text": {
+            "primary": {
+              "default": "#ffffff"
+            },
+            "secondary": {
+              "default": "rgba(255, 255, 255, 0.6)"
+            },
+            "tertiary": {
+              "default": "rgba(255, 255, 255, 0.6)"
+            },
+            "accent": {
+              "default": "#314554"
+            }
+          },
+          "background": {
+            "primary": {
+              "default": "#314554"
+            },
+            "transparent": {
+              "default": "rgba(255, 255, 255, 0)",
+              "hover": "rgba(255, 255, 255, 0.08)",
+              "active": "rgba(255, 255, 255, 0.08)"
+            },
+            "accentSubtle": {
+              "default": "#eef2f5"
+            },
+            "accent": {
+              "default": "#314554"
+            }
+          },
+          "icon": {
+            "primary": {
+              "default": "#ffffff"
+            },
+            "secondary": {
+              "default": "#ffffff"
+            },
+            "tertiary": {
+              "default": "rgba(255, 255, 255, 0.8)"
+            },
+            "brand": {
+              "default": "#ffffff"
+            },
+            "accent": {
+              "default": "#314554"
+            },
+            "onAccent": {
+              "default": "#ffffff"
+            }
+          },
+          "searchInput": {
+            "background": {
+              "default": "rgba(0, 0, 0, 0.6)"
+            }
+          },
+          "divider": {
+            "secondary": "rgba(255, 255, 255, 0.3)"
+          },
+          "colorIndicator": {
+            "brand": {
+              "default": "#047a88"
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/build/cjs/web-tokens/subNavigationTheme.json ADDED Viewed

@@ -0,0 +1,86 @@
+{
+  "custom-sub-theme": {
+    "dark": {
+      "sub-navigation-learn": {
+        "color": {
+          "text": {
+            "primary": {
+              "default": "rgba(255, 255, 255, 0.6)"
+            },
+            "secondary": {
+              "default": "rgba(255, 255, 255, 0.6)",
+              "active": "#2db5c6"
+            }
+          }
+        }
+      },
+      "sub-navigation-practice": {
+        "color": {
+          "text": {
+            "primary": {
+              "default": "rgba(255, 255, 255, 0.6)"
+            },
+            "secondary": {
+              "default": "rgba(255, 255, 255, 0.6)",
+              "active": "#2db5c6"
+            }
+          }
+        }
+      },
+      "sub-navigation-teach": {
+        "color": {
+          "text": {
+            "primary": {
+              "default": "rgba(255, 255, 255, 0.6)"
+            },
+            "secondary": {
+              "default": "rgba(255, 255, 255, 0.6)",
+              "active": "rgba(255, 255, 255, 0.8)"
+            }
+          }
+        }
+      }
+    },
+    "light": {
+      "sub-navigation-learn": {
+        "color": {
+          "text": {
+            "primary": {
+              "default": "#5a7183"
+            },
+            "secondary": {
+              "default": "#5a7183",
+              "active": "#047a88"
+            }
+          }
+        }
+      },
+      "sub-navigation-practice": {
+        "color": {
+          "text": {
+            "primary": {
+              "default": "#5a7183"
+            },
+            "secondary": {
+              "default": "#5a7183",
+              "active": "#047a88"
+            }
+          }
+        }
+      },
+      "sub-navigation-teach": {
+        "color": {
+          "text": {
+            "primary": {
+              "default": "#5a7183"
+            },
+            "secondary": {
+              "default": "#5a7183",
+              "active": "#314554"
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/build/cjs/web-tokens/visualConfig.d.ts CHANGED Viewed

@@ -170,7 +170,7 @@ type Variables = {
         "modal": number;
     };
 };
-type AmbossTheme = {
+export type AmbossTheme = {
     "color": {
         "badge": {
             "background": {
@@ -1152,7 +1152,7 @@ type AmbossTheme = {
         };
     };
 };
-type AmbossThemeName = "dark" | "light";
+export type AmbossThemeName = "dark" | "light";
 export type VisualConfig = {
     name: AmbossThemeName;
     variables: Variables;

package/build/esm/components/Box/Box.d.ts CHANGED Viewed

@@ -33,4 +33,8 @@ export type BoxProps = {
     "data-e2e-test-id"?: string;
     height?: Property.Height | MQ<Property.Height>;
 };
+export declare const StyledBox: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & BoxProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare function Box({ children, space, vSpace, rSpace, lSpace, tSpace, bSpace, alignText, role, ariaAttributes, height, id, "data-e2e-test-id": dataE2eTestId, }: BoxProps): React.ReactElement;

package/build/esm/components/Box/Box.js CHANGED Viewed

	@@ -1 +1 @@
1	- import React from"react";import isPropValid from"@emotion/is-prop-valid";import styled from"@emotion/styled";import{useResponsiveStyles,useResponsiveValue}from"../../shared/mediaQueries";~~let~~ StyledBox=styled("div",{shouldForwardProp:prop=>isPropValid(prop)&&"height"!==prop,target:"~~epqo6f70~~",label:"StyledBox"})(({theme,space,alignText="left"})=>useResponsiveStyles({padding:[space,theme.variables.size.spacing],textAlign:[alignText,{left:"left",right:"right",center:"center"}]}),({theme,vSpace})=>useResponsiveStyles({paddingTop:[vSpace,theme.variables.size.spacing],paddingBottom:[vSpace,theme.variables.size.spacing]}),({theme,rSpace,lSpace,tSpace,bSpace})=>useResponsiveStyles({paddingLeft:[lSpace,theme.variables.size.spacing],paddingRight:[rSpace,theme.variables.size.spacing],paddingTop:[tSpace,theme.variables.size.spacing],paddingBottom:[bSpace,theme.variables.size.spacing]}),({height})=>useResponsiveValue({height}),()=>({boxSizing:"border-box"}),"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQm94L0JveC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0JveC9Cb3gudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCB0eXBlIHsgQXJpYUF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBpc1Byb3BWYWxpZCBmcm9tIFwiQGVtb3Rpb24vaXMtcHJvcC12YWxpZFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFByb3BlcnR5IH0gZnJvbSBcImNzc3R5cGVcIjtcbmltcG9ydCB7XG4gIHVzZVJlc3BvbnNpdmVTdHlsZXMsXG4gIHVzZVJlc3BvbnNpdmVWYWx1ZSxcbn0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB0eXBlIHsgU3BhY2VTaXplcywgVGV4dEFsaWdubWVudCwgTVEgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgQm94UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqIFJlcHJlc2VudHMgYm90aCB2ZXJ0aWNhbCBhbmQgaG9yaXpvbnRhbCBwYWRkaW5ncy4gV2hlbiB1c2VkIGFsb25lLCB2ZXJ0aWNhbCBhbmQgaG9yaXpvbnRhbCBwYWRkaW5ncyB3aWxsIGhhdmUgdGhlIHNhbWUgdmFsdWUuXG4gICAqIFVzZSBcInZTcGFjZVwiIHByb3AgdG8gb3ZlcnJpZGUgdmVydGljYWwgcGFkZGluZyB2YWx1ZSBpbiBjYXNlIHlvdSB3YW50IGl0IGRpZmZlcmVudC5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHBhZGRpbmcsIG1lZGl1bSBzY3JlZW4gcGFkZGluZywgbGFyZ2Ugc2NyZWVuIHBhZGRpbmddIG9yIG9uZSBwYWRkaW5nIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqICovXG4gIHNwYWNlPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+O1xuICAvKiogUmVwcmVzZW50cyB2ZXJ0aWNhbCBwYWRkaW5nLiBVc2VkIHRvIG92ZXJyaWRlIHRoZSB2ZXJ0aWNhbCBwYWRkaW5nIGZyb20gXCJzcGFjZVwiIHByb3AuXG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiB2ZXJ0aWNhbCBwYWRkaW5nLCBtZWRpdW0gc2NyZWVuIHZlcnRpY2FsIHBhZGRpbmcsIGxhcmdlIHNjcmVlbiB2ZXJ0aWNhbCBwYWRkaW5nXSBvciBvbmUgcGFkZGluZyBmb3IgYWxsIHNjcmVlbiBzaXplcyAqL1xuICB2U3BhY2U/OiBTcGFjZVNpemVzIHwgTVE8U3BhY2VTaXplcz47XG4gIC8qKiByaWdodCBwYWRkaW5nICogKi9cbiAgclNwYWNlPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+O1xuICAvKiogbGVmdCBwYWRkaW5nICogKi9cbiAgbFNwYWNlPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+O1xuICAvKiogdG9wIHBhZGRpbmcgKiAqL1xuICB0U3BhY2U/OiBTcGFjZVNpemVzIHwgTVE8U3BhY2VTaXplcz47XG4gIC8qKiBib3R0b20gcGFkZGluZyAqICovXG4gIGJTcGFjZT86IFNwYWNlU2l6ZXMgfCBNUTxTcGFjZVNpemVzPjtcblxuICAvKiogVGV4dCBhbGlnbm1lbnQgcHJvcC5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIGFsaWduVGV4dCwgbWVkaXVtIHNjcmVlbiBhbGlnblRleHQsIGxhcmdlIHNjcmVlbiBhbGlnblRleHRdIG9yIG9uZSBhbGlnblRleHQgZm9yIGFsbCBzY3JlZW4gc2l6ZXMgKi9cbiAgYWxpZ25UZXh0PzogVGV4dEFsaWdubWVudCB8IE1RPFRleHRBbGlnbm1lbnQ+O1xuXG4gIC8qKiBBcmlhIHByb3BlcnR5IGZvciBhc3NpZ25pbmcgYW4gYWNjZXNzaWJsZSByb2xlIHRvIGFuIGVsZW1lbnRcbiAgICogZWcuIGRpYWxvZywgdGFiLCB0b29sdGlwIGV0Yy4gKi9cbiAgcm9sZT86IHN0cmluZztcbiAgLyoqIEFkZGl0aW9uYWwgYXJpYSBhdHRyaWJ1dGVzLiBbc2VlIGRvY3VtZW50YXRpb25dKGh0dHBzOi8vZ2l0aHViLmNvbS9EZWZpbml0ZWx5VHlwZWQvRGVmaW5pdGVseVR5cGVkL2Jsb2IvMDI1NDljMDgzZTlkNjJiNjA0MDkxZDc3MGM0NTY4ZDQ3MjgyY2RkMC90eXBlcy9yZWFjdC9pbmRleC5kLnRzI0wxNDYxKVxuICAgKi9cbiAgYXJpYUF0dHJpYnV0ZXM/OiBBcmlhQXR0cmlidXRlcztcblxuICBpZD86IHN0cmluZztcblxuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcblxuICBoZWlnaHQ/OiBQcm9wZXJ0eS5IZWlnaHQgfCBNUTxQcm9wZXJ0eS5IZWlnaHQ+~~O1xufTtcblxuY29uc3QgU3R5bGVkQm94ID0gc3R5bGVkKFwiZGl2XCIsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBpc1Byb3BWYWxpZChwcm9wKSAmJiBwcm9wICE9PSBcImhlaWdodFwiLFxufSk8Qm94UHJvcHM~~+KFxuICAoeyB0aGVtZSwgc3BhY2UsIGFsaWduVGV4dCA9IFwibGVmdFwiIH0pID0+XG4gICAgdXNlUmVzcG9uc2l2ZVN0eWxlcyh7XG4gICAgICBwYWRkaW5nOiBbc3BhY2UsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgICAgdGV4dEFsaWduOiBbXG4gICAgICAgIGFsaWduVGV4dCxcbiAgICAgICAgeyBsZWZ0OiBcImxlZnRcIiwgcmlnaHQ6IFwicmlnaHRcIiwgY2VudGVyOiBcImNlbnRlclwiIH0sXG4gICAgICBdLFxuICAgIH0pLFxuICAoeyB0aGVtZSwgdlNwYWNlIH0pID0+XG4gICAgdXNlUmVzcG9uc2l2ZVN0eWxlcyh7XG4gICAgICBwYWRkaW5nVG9wOiBbdlNwYWNlLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgICAgIHBhZGRpbmdCb3R0b206IFt2U3BhY2UsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgIH0pLFxuICAoeyB0aGVtZSwgclNwYWNlLCBsU3BhY2UsIHRTcGFjZSwgYlNwYWNlIH0pID0+XG4gICAgdXNlUmVzcG9uc2l2ZVN0eWxlcyh7XG4gICAgICBwYWRkaW5nTGVmdDogW2xTcGFjZSwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgICBwYWRkaW5nUmlnaHQ6IFtyU3BhY2UsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgICAgcGFkZGluZ1RvcDogW3RTcGFjZSwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgICBwYWRkaW5nQm90dG9tOiBbYlNwYWNlLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgICB9KSxcbiAgKHsgaGVpZ2h0IH0pID0+XG4gICAgdXNlUmVzcG9uc2l2ZVZhbHVlKHtcbiAgICAgIGhlaWdodCxcbiAgICB9KSxcbiAgKCkgPT4gKHtcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICB9KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIEJveCh7XG4gIGNoaWxkcmVuLFxuICBzcGFjZSA9IFwieGxcIixcbiAgdlNwYWNlLFxuICByU3BhY2UsXG4gIGxTcGFjZSxcbiAgdFNwYWNlLFxuICBiU3BhY2UsXG4gIGFsaWduVGV4dCxcbiAgcm9sZSxcbiAgYXJpYUF0dHJpYnV0ZXMsXG4gIGhlaWdodCxcbiAgaWQsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogQm94UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCb3hcbiAgICAgIHNwYWNlPXtzcGFjZX1cbiAgICAgIHZTcGFjZT17dlNwYWNlfVxuICAgICAgclNwYWNlPXtyU3BhY2V9XG4gICAgICBsU3BhY2U9e2xTcGFjZX1cbiAgICAgIHRTcGFjZT17dFNwYWNlfVxuICAgICAgYlNwYWNlPXtiU3BhY2V9XG4gICAgICBhbGlnblRleHQ9e2FsaWduVGV4dH1cbiAgICAgIHJvbGU9e3JvbGV9XG4gICAgICBpZD17aWR9XG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIkJveFwiXG4gICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRCb3g+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaURrQiJ9 /");export function Box({children,space="xl",vSpace,rSpace,lSpace,tSpace,bSpace,alignText,role,ariaAttributes,height,id,"data-e2e-test-id":dataE2eTestId}){return React.createElement(StyledBox,{space:space,vSpace:vSpace,rSpace:rSpace,lSpace:lSpace,tSpace:tSpace,bSpace:bSpace,alignText:alignText,role:role,id:id,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Box",height:height,...ariaAttributes},children)}
1	+ import React from"react";import isPropValid from"@emotion/is-prop-valid";import styled from"@emotion/styled";import{useResponsiveStyles,useResponsiveValue}from"../../shared/mediaQueries";export const StyledBox=styled("div",{shouldForwardProp:prop=>isPropValid(prop)&&"height"!==prop,target:"ebcgi2u0",label:"StyledBox"})(({theme,space,alignText="left"})=>useResponsiveStyles({padding:[space,theme.variables.size.spacing],textAlign:[alignText,{left:"left",right:"right",center:"center"}]}),({theme,vSpace})=>useResponsiveStyles({paddingTop:[vSpace,theme.variables.size.spacing],paddingBottom:[vSpace,theme.variables.size.spacing]}),({theme,rSpace,lSpace,tSpace,bSpace})=>useResponsiveStyles({paddingLeft:[lSpace,theme.variables.size.spacing],paddingRight:[rSpace,theme.variables.size.spacing],paddingTop:[tSpace,theme.variables.size.spacing],paddingBottom:[bSpace,theme.variables.size.spacing]}),({height})=>useResponsiveValue({height}),()=>({boxSizing:"border-box"}),"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQm94L0JveC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0JveC9Cb3gudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCB0eXBlIHsgQXJpYUF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBpc1Byb3BWYWxpZCBmcm9tIFwiQGVtb3Rpb24vaXMtcHJvcC12YWxpZFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFByb3BlcnR5IH0gZnJvbSBcImNzc3R5cGVcIjtcbmltcG9ydCB7XG4gIHVzZVJlc3BvbnNpdmVTdHlsZXMsXG4gIHVzZVJlc3BvbnNpdmVWYWx1ZSxcbn0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB0eXBlIHsgU3BhY2VTaXplcywgVGV4dEFsaWdubWVudCwgTVEgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgQm94UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqIFJlcHJlc2VudHMgYm90aCB2ZXJ0aWNhbCBhbmQgaG9yaXpvbnRhbCBwYWRkaW5ncy4gV2hlbiB1c2VkIGFsb25lLCB2ZXJ0aWNhbCBhbmQgaG9yaXpvbnRhbCBwYWRkaW5ncyB3aWxsIGhhdmUgdGhlIHNhbWUgdmFsdWUuXG4gICAqIFVzZSBcInZTcGFjZVwiIHByb3AgdG8gb3ZlcnJpZGUgdmVydGljYWwgcGFkZGluZyB2YWx1ZSBpbiBjYXNlIHlvdSB3YW50IGl0IGRpZmZlcmVudC5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHBhZGRpbmcsIG1lZGl1bSBzY3JlZW4gcGFkZGluZywgbGFyZ2Ugc2NyZWVuIHBhZGRpbmddIG9yIG9uZSBwYWRkaW5nIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqICovXG4gIHNwYWNlPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+O1xuICAvKiogUmVwcmVzZW50cyB2ZXJ0aWNhbCBwYWRkaW5nLiBVc2VkIHRvIG92ZXJyaWRlIHRoZSB2ZXJ0aWNhbCBwYWRkaW5nIGZyb20gXCJzcGFjZVwiIHByb3AuXG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiB2ZXJ0aWNhbCBwYWRkaW5nLCBtZWRpdW0gc2NyZWVuIHZlcnRpY2FsIHBhZGRpbmcsIGxhcmdlIHNjcmVlbiB2ZXJ0aWNhbCBwYWRkaW5nXSBvciBvbmUgcGFkZGluZyBmb3IgYWxsIHNjcmVlbiBzaXplcyAqL1xuICB2U3BhY2U/OiBTcGFjZVNpemVzIHwgTVE8U3BhY2VTaXplcz47XG4gIC8qKiByaWdodCBwYWRkaW5nICogKi9cbiAgclNwYWNlPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+O1xuICAvKiogbGVmdCBwYWRkaW5nICogKi9cbiAgbFNwYWNlPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+O1xuICAvKiogdG9wIHBhZGRpbmcgKiAqL1xuICB0U3BhY2U/OiBTcGFjZVNpemVzIHwgTVE8U3BhY2VTaXplcz47XG4gIC8qKiBib3R0b20gcGFkZGluZyAqICovXG4gIGJTcGFjZT86IFNwYWNlU2l6ZXMgfCBNUTxTcGFjZVNpemVzPjtcblxuICAvKiogVGV4dCBhbGlnbm1lbnQgcHJvcC5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIGFsaWduVGV4dCwgbWVkaXVtIHNjcmVlbiBhbGlnblRleHQsIGxhcmdlIHNjcmVlbiBhbGlnblRleHRdIG9yIG9uZSBhbGlnblRleHQgZm9yIGFsbCBzY3JlZW4gc2l6ZXMgKi9cbiAgYWxpZ25UZXh0PzogVGV4dEFsaWdubWVudCB8IE1RPFRleHRBbGlnbm1lbnQ+O1xuXG4gIC8qKiBBcmlhIHByb3BlcnR5IGZvciBhc3NpZ25pbmcgYW4gYWNjZXNzaWJsZSByb2xlIHRvIGFuIGVsZW1lbnRcbiAgICogZWcuIGRpYWxvZywgdGFiLCB0b29sdGlwIGV0Yy4gKi9cbiAgcm9sZT86IHN0cmluZztcbiAgLyoqIEFkZGl0aW9uYWwgYXJpYSBhdHRyaWJ1dGVzLiBbc2VlIGRvY3VtZW50YXRpb25dKGh0dHBzOi8vZ2l0aHViLmNvbS9EZWZpbml0ZWx5VHlwZWQvRGVmaW5pdGVseVR5cGVkL2Jsb2IvMDI1NDljMDgzZTlkNjJiNjA0MDkxZDc3MGM0NTY4ZDQ3MjgyY2RkMC90eXBlcy9yZWFjdC9pbmRleC5kLnRzI0wxNDYxKVxuICAgKi9cbiAgYXJpYUF0dHJpYnV0ZXM/OiBBcmlhQXR0cmlidXRlcztcblxuICBpZD86IHN0cmluZztcblxuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcblxuICBoZWlnaHQ/OiBQcm9wZXJ0eS5IZWlnaHQgfCBNUTxQcm9wZXJ0eS5IZWlnaHQ+O1xufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJveCA9IHN0eWxlZChcImRpdlwiLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gaXNQcm9wVmFsaWQocHJvcCkgJiYgcHJvcCAhPT0gXCJoZWlnaHRcIixcbn0pPEJveFByb3BzPihcbiAgKHsgdGhlbWUsIHNwYWNlLCBhbGlnblRleHQgPSBcImxlZnRcIiB9KSA9PlxuICAgIHVzZVJlc3BvbnNpdmVTdHlsZXMoe1xuICAgICAgcGFkZGluZzogW3NwYWNlLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgICAgIHRleHRBbGlnbjogW1xuICAgICAgICBhbGlnblRleHQsXG4gICAgICAgIHsgbGVmdDogXCJsZWZ0XCIsIHJpZ2h0OiBcInJpZ2h0XCIsIGNlbnRlcjogXCJjZW50ZXJcIiB9LFxuICAgICAgXSxcbiAgICB9KSxcbiAgKHsgdGhlbWUsIHZTcGFjZSB9KSA9PlxuICAgIHVzZVJlc3BvbnNpdmVTdHlsZXMoe1xuICAgICAgcGFkZGluZ1RvcDogW3ZTcGFjZSwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgICBwYWRkaW5nQm90dG9tOiBbdlNwYWNlLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgICB9KSxcbiAgKHsgdGhlbWUsIHJTcGFjZSwgbFNwYWNlLCB0U3BhY2UsIGJTcGFjZSB9KSA9PlxuICAgIHVzZVJlc3BvbnNpdmVTdHlsZXMoe1xuICAgICAgcGFkZGluZ0xlZnQ6IFtsU3BhY2UsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgICAgcGFkZGluZ1JpZ2h0OiBbclNwYWNlLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgICAgIHBhZGRpbmdUb3A6IFt0U3BhY2UsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgICAgcGFkZGluZ0JvdHRvbTogW2JTcGFjZSwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgfSksXG4gICh7IGhlaWdodCB9KSA9PlxuICAgIHVzZVJlc3BvbnNpdmVWYWx1ZSh7XG4gICAgICBoZWlnaHQsXG4gICAgfSksXG4gICgpID0+ICh7XG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBCb3goe1xuICBjaGlsZHJlbixcbiAgc3BhY2UgPSBcInhsXCIsXG4gIHZTcGFjZSxcbiAgclNwYWNlLFxuICBsU3BhY2UsXG4gIHRTcGFjZSxcbiAgYlNwYWNlLFxuICBhbGlnblRleHQsXG4gIHJvbGUsXG4gIGFyaWFBdHRyaWJ1dGVzLFxuICBoZWlnaHQsXG4gIGlkLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IEJveFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQm94XG4gICAgICBzcGFjZT17c3BhY2V9XG4gICAgICB2U3BhY2U9e3ZTcGFjZX1cbiAgICAgIHJTcGFjZT17clNwYWNlfVxuICAgICAgbFNwYWNlPXtsU3BhY2V9XG4gICAgICB0U3BhY2U9e3RTcGFjZX1cbiAgICAgIGJTcGFjZT17YlNwYWNlfVxuICAgICAgYWxpZ25UZXh0PXthbGlnblRleHR9XG4gICAgICByb2xlPXtyb2xlfVxuICAgICAgaWQ9e2lkfVxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJCb3hcIlxuICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkQm94PlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlEeUIifQ== /");export function Box({children,space="xl",vSpace,rSpace,lSpace,tSpace,bSpace,alignText,role,ariaAttributes,height,id,"data-e2e-test-id":dataE2eTestId}){return React.createElement(StyledBox,{space:space,vSpace:vSpace,rSpace:rSpace,lSpace:lSpace,tSpace:tSpace,bSpace:bSpace,alignText:alignText,role:role,id:id,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Box",height:height,...ariaAttributes},children)}