@onewelcome/react-lib-components 0.3.0 → 1.0.0

package/src/mixins.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 "./readyclasses.module.scss";
 
 @mixin button($variant: "text", $type: "default") {
@@ -16,7 +32,7 @@
     }
     font-weight: bold;
   } @else if $variant == "outline" {
-    background-color: var(--button-fill-background-color);
+    background-color: var(--white);
     font-weight: bold;
   }
 
@@ -37,7 +53,7 @@
     &:hover:not(#{$disabledSelector}),
     &:focus:not(#{$disabledSelector}),
     &:active:not(#{$disabledSelector}) {
-      background-color: var(--button-fill-background-color);
+      background-color: var(--button-fill-hover-background-color);
     }
 
     &#{$disabledSelector} {
@@ -68,7 +84,7 @@
     color: $color;
   }
 
-  @include focusOutline($color);
+  @include focusOutline(var(--color-focus));
 
   &:hover:not(.disabled),
   &:focus:not(.disabled) {
@@ -87,7 +103,6 @@
         background-color: transparent;
         position: relative;
         color: $color;
-        border-color: var(--button-fill-background-color);
       } @else if $variant == "fill" {
         position: relative;
         color: $color;
@@ -147,7 +162,7 @@
     margin: 0;
     padding: 0;
     inset: 0;
-    border-color: var(--input-border-color);
+    border-color: var(--light-grey-border);
     border-style: var(--input-border-style);
     border-width: var(--input-border-width);
     border-radius: var(--input-border-radius);
@@ -161,7 +176,7 @@
   }
 
   .outline.disabled {
-    border-color: #fff;
+    border-color: var(--light);
   }
 
   .outline.error {
@@ -173,7 +188,7 @@
   }
 
   .outline.focus:not(.error) {
-    border-color: var(--color-primary);
+    border-color: var(--color-focus);
   }
 }
 

package/src/readyclasses.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.
+ */
+
 .sr-only {
   position: absolute;
   width: 1px;

package/src/types.d.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.
+ */
+
 declare module "*.scss" {
   const content: { [className: string]: string };
   export default content;

package/src/util/helper.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 { generateID, filterProps } from "./helper";
 
 /* Generate an ID of 20 characters with a string woven in */

package/src/util/helper.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.
+ */
+
 type KeyValuePair = { [key: string]: unknown };
 
 export const generateID = (length = 15, stringToWeaveIn?: string) => {

package/src/Link/types.d.ts

@@ -1,9 +0,0 @@
-import * as H from "history";
-
-export interface LinkProps<S = H.LocationState>
-  extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-  component?: React.ComponentType<unknown> | undefined;
-  to: H.LocationDescriptor<S> | ((location: H.Location<S>) => H.LocationDescriptor<S>);
-  replace?: boolean | undefined;
-  innerRef?: React.Ref<HTMLAnchorElement> | undefined;
-}