@onewelcome/react-lib-components 0.2.6 → 1.0.0

package/src/Form/Wrapper/TextareaWrapper/TextareaWrapper.test.tsx

@@ -1,3 +1,19 @@
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
 import React, { useEffect, useRef } from "react";
 import { TextareaWrapper, Props } from "./TextareaWrapper";
 import { render } from "@testing-library/react";

package/src/Form/Wrapper/TextareaWrapper/TextareaWrapper.tsx

@@ -1,3 +1,19 @@
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
 import React, { ComponentPropsWithRef, useState } from "react";
 import classes from "./TextareaWrapper.module.scss";
 import { Wrapper, WrapperProps } from "../Wrapper/Wrapper";
@@ -51,12 +67,12 @@ export const TextareaWrapper = React.forwardRef<HTMLDivElement, Props>(
     } = useWrapper(value, placeholder);
     const [hover, setHover] = useState(false);
 
-    const optionalClasses: string[] = [];
+    const wrapperClasses: string[] = [];
 
-    hasFocus && optionalClasses.push(classes["focus"]);
-    hover && optionalClasses.push(classes["hover"]);
-    disabled && optionalClasses.push(classes["disabled"]);
-    error && optionalClasses.push(classes["error"]);
+    hasFocus && wrapperClasses.push(classes["focus"]);
+    hover && wrapperClasses.push(classes["hover"]);
+    disabled && wrapperClasses.push(classes["disabled"]);
+    error && wrapperClasses.push(classes["error"]);
 
     return (
       <Wrapper
@@ -65,7 +81,7 @@ export const TextareaWrapper = React.forwardRef<HTMLDivElement, Props>(
         disabled={disabled}
         labelProps={{
           id: labelId,
-          className: `${classes["textarea-label"]} ${optionalClasses.join(" ")}`
+          className: `${classes["textarea-label"]} ${wrapperClasses.join(" ")}`
         }}
         name={name}
         label={label}
@@ -110,7 +126,7 @@ export const TextareaWrapper = React.forwardRef<HTMLDivElement, Props>(
           }}
           className={`${classes["textarea"]} ${error ? classes["error"] : ""}`}
           wrapperProps={{
-            className: `${classes["textarea-wrapper"]}} ${optionalClasses.join(" ")}`
+            className: `${wrapperClasses.join(" ")} ${classes["textarea-wrapper"]}`
           }}
           errorProps={{ className: classes["error-icon"] }}
         />

package/src/Form/Wrapper/Wrapper/Wrapper.module.scss

@@ -1,26 +1,46 @@
+/*!
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
 .floating-wrapper {
   position: relative;
-}
 
-.floating-label {
-  font-family: var(--font-family);
-  font-size: 1rem;
-  position: absolute;
-  z-index: 1;
-  top: 1.3125rem;
-  left: 1.25rem;
-  transform-origin: left top;
-  transition: all 0.2s ease-in-out;
-  pointer-events: none;
+  .floating-label {
+    font-family: var(--font-family);
+    font-size: 1rem;
+    position: absolute;
+    z-index: 2;
+    top: 1.3125rem;
+    left: 1.25rem;
+    transform-origin: left top;
+    transition: all 0.2s ease-in-out;
+    pointer-events: none;
 
-  &.floating-label-active {
-    font-size: 0.75rem;
-    transform: translateY(-0.75rem);
-    color: var(--default);
-  }
+    &.floating-label-active {
+      font-size: 0.75rem;
+      transform: translateY(-0.8rem);
+      color: var(--default);
+    }
+
+    &.error {
+      color: var(--error);
+    }
 
-  &.error {
-    color: var(--error);
+    &.disabled {
+      color: var(--greyed-out);
+    }
   }
 }
 

package/src/Form/Wrapper/Wrapper/Wrapper.test.tsx

@@ -1,3 +1,19 @@
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
 import React, { useEffect, useRef } from "react";
 import { Wrapper } from "./Wrapper";
 import { render } from "@testing-library/react";

package/src/Form/Wrapper/Wrapper/Wrapper.tsx

@@ -1,3 +1,19 @@
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
 import React, { ComponentPropsWithRef, ReactElement } from "react";
 import { FormGroup, Props as FormGroupProps } from "../../FormGroup/FormGroup";
 import { Label, Props as LabelProps } from "../../Label/Label";
@@ -69,9 +85,10 @@ export const Wrapper = React.forwardRef<HTMLDivElement, Props>(
     labelProps?.className && labelClasses.push(labelProps.className);
     required && labelClasses.push(classes["required"]);
     error && labelClasses.push(classes["error"]);
+    disabled && labelClasses.push(classes["disabled"]);
 
     return (
-      <div {...rest} ref={ref} className={`${classes.wrapper} ${className ? className : ""}`}>
+      <div {...rest} ref={ref} className={`${classes.wrapper} ${className ?? ""}`}>
         <FormGroup
           error={error}
           errorMessage={errorMessage}

package/src/Form/form.interfaces.ts

@@ -1,3 +1,19 @@
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
 import { DataAttributeKey } from "../interfaces";
 
 /** Radios */

package/src/Icon/Icon.module.scss

@@ -1,3 +1,19 @@
+/*!
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
 @font-face {
   font-family: "icomoon";
   src: url("../../font/icomoon.eot?9c63pa");

package/src/Icon/Icon.test.tsx

@@ -1,3 +1,19 @@
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
 import React, { useEffect, useRef } from "react";
 import { Icon, Props, Icons } from "./Icon";
 import { render } from "@testing-library/react";

package/src/Icon/Icon.tsx

@@ -1,3 +1,19 @@
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
 import React, { ComponentPropsWithRef } from "react";
 import classes from "./Icon.module.scss";
 

package/src/Link/Link.module.scss

@@ -1,3 +1,19 @@
+/*!
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
 @import "../mixins.module.scss";
 
 .link {
@@ -10,11 +26,6 @@
   text-transform: none;
   letter-spacing: 0;
 
-  &.disabled {
-    cursor: not-allowed;
-    color: var(--greyed-out);
-  }
-
   &:focus,
   &:hover,
   &:active {
@@ -45,6 +56,11 @@
       outline: 0.5px dashed var(--color-primary);
     }
   }
+
+  &.disabled {
+    cursor: not-allowed;
+    color: var(--greyed-out);
+  }
 }
 
 .button {

package/src/Link/Link.test.tsx

@@ -1,3 +1,19 @@
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
 import React, { useEffect, useRef } from "react";
 import { Link, Props } from "./Link";
 import { render } from "@testing-library/react";

package/src/Link/Link.tsx

@@ -1,11 +1,21 @@
-import React, {
-  ComponentPropsWithRef,
-  ForwardRefExoticComponent,
-  ReactNode,
-  RefAttributes
-} from "react";
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
+import React, { ComponentPropsWithRef, ForwardRefExoticComponent, ReactNode } from "react";
 import classes from "./Link.module.scss";
-import { LinkProps } from "./types";
 
 export type AnchorType = "external" | "internal" | "download";
 
@@ -17,7 +27,7 @@ export interface Props extends ComponentPropsWithRef<"a"> {
   type?: AnchorType;
   to: string;
   disabled?: boolean;
-  component?: ForwardRefExoticComponent<LinkProps & RefAttributes<HTMLAnchorElement>>;
+  component?: ForwardRefExoticComponent<any>;
 }
 
 export const Link = React.forwardRef<HTMLAnchorElement, Props>(

package/src/Notifications/BaseModal/BaseModal.module.scss

@@ -1,3 +1,19 @@
+/*!
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
 $zIndex: 10;
 $marginTop: 3.125rem;
 

package/src/Notifications/BaseModal/BaseModal.test.tsx

@@ -1,3 +1,19 @@
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
 import React, { useEffect, useRef } from "react";
 import { BaseModal, Props } from "./BaseModal";
 import { render, getByText, queryByText, fireEvent } from "@testing-library/react";

package/src/Notifications/BaseModal/BaseModal.tsx

@@ -1,3 +1,19 @@
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
 import React, { ComponentPropsWithRef, useEffect } from "react";
 import { createPortal } from "react-dom";
 import classes from "./BaseModal.module.scss";

package/src/Notifications/BaseModal/BaseModalActions/BaseModalActions.module.scss

@@ -1,3 +1,19 @@
+/*!
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
 .actions {
   margin: 1.875rem 1.25rem 1.875rem 1.25rem;
   display: flex;

package/src/Notifications/BaseModal/BaseModalActions/BaseModalActions.test.tsx

@@ -1,3 +1,19 @@
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
 import React, { useEffect, useRef } from "react";
 import { BaseModalActions } from "./BaseModalActions";
 import { render } from "@testing-library/react";

package/src/Notifications/BaseModal/BaseModalActions/BaseModalActions.tsx

@@ -1,16 +1,32 @@
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
 import React, { ComponentPropsWithRef } from "react";
 import classes from "./BaseModalActions.module.scss";
 
-export interface Props extends ComponentPropsWithRef<"footer"> {
+export interface Props extends ComponentPropsWithRef<"div"> {
   children?: React.ReactNode;
 }
 
-export const BaseModalActions = React.forwardRef<HTMLElement, Props>(
+export const BaseModalActions = React.forwardRef<HTMLDivElement, Props>(
   ({ children, className = "", ...rest }: Props, ref) => {
     return (
-      <footer {...rest} ref={ref} className={`${classes["actions"]} ${className}`}>
+      <div {...rest} ref={ref} className={`${classes["actions"]} ${className}`}>
         {children}
-      </footer>
+      </div>
     );
   }
 );

package/src/Notifications/BaseModal/BaseModalContent/BaseModalContent.module.scss

@@ -1,3 +1,19 @@
+/*!
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
 .content {
   padding: 1.5rem 1.25rem 0;
   overflow-y: auto;

package/src/Notifications/BaseModal/BaseModalContent/BaseModalContent.test.tsx

@@ -1,3 +1,19 @@
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
 import React, { useEffect, useRef } from "react";
 import { BaseModalContent, Props } from "./BaseModalContent";
 import { render } from "@testing-library/react";

package/src/Notifications/BaseModal/BaseModalContent/BaseModalContent.tsx

@@ -1,3 +1,19 @@
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
 import React, { ComponentPropsWithRef, createRef, useEffect } from "react";
 import classes from "./BaseModalContent.module.scss";
 

package/src/Notifications/BaseModal/BaseModalContext.ts

@@ -1,2 +1,18 @@
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
 export const labelId = (id: string) => `${id}-label`;
 export const descriptionId = (id: string) => `${id}-description`;

package/src/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.module.scss

@@ -1,3 +1,19 @@
+/*!
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
 .header {
   min-width: 80px;
   padding: 1rem 1.25rem;

package/src/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.test.tsx

@@ -1,3 +1,19 @@
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
 import React, { useEffect, useRef } from "react";
 import { BaseModalHeader, Props } from "./BaseModalHeader";
 import { render, getByRole, getByTestId, getByText } from "@testing-library/react";