@oscarpalmer/atoms 0.31.0 → 0.33.0

package/dist/css/a11y.css

@@ -4,8 +4,10 @@
 .visually-hidden:not(:active):not(:focus):not(:focus-within) {
   width: 1px !important;
   height: 1px !important;
+  padding: 0 !important;
   clip: rect(1px, 1px 1px, 1px) !important;
   clip-path: inset(50%) !important;
   overflow: hidden !important;
+  border: 0 !important;
   white-space: nowrap !important;
 }

package/dist/css/reset.css

@@ -39,7 +39,6 @@
 
 ::before,
 ::after {
-  box-sizing: inherit;
   text-decoration: inherit;
   vertical-align: inherit;
 }
@@ -83,6 +82,10 @@
   font-weight: bolder;
 }
 
+:where(button, h1, h2, h3, h4, h5, h6, input, label, legend) {
+  line-height: 1.125;
+}
+
 :where(button, [type=button i], [type=reset i], [type=submit i]) {
   -webkit-appearance: button;
   cursor: pointer;
@@ -109,10 +112,6 @@
   margin: 0;
 }
 
-:where(h1, h2, h3, h4, h5, h6, label, legend) {
-  line-height: 1.125;
-}
-
 :where(h1, h2, h3, h4, h5, h6) {
   text-wrap: balance;
 }
@@ -180,10 +179,6 @@
   letter-spacing: inherit;
 }
 
-:where(button, input) {
-  line-height: 1.25;
-}
-
 :where(fieldset) {
   border: 1px solid darkgrey;
 }

package/dist/js/array.js

@@ -11,15 +11,15 @@ var _getCallbacks = function(bool, key) {
     return;
   }
   return {
-    key: (item) => item?.[key]
+    key: (value) => value?.[key]
   };
 };
 var _findValue = function(type, array, value, key) {
   const callbacks = _getCallbacks(value, key);
-  if (callbacks?.bool === undefined && callbacks?.key === undefined) {
+  if (callbacks?.bool == null && callbacks?.key == null) {
     return type === "index" ? array.indexOf(value) : array.find((item) => item === value);
   }
-  if (callbacks.bool !== undefined) {
+  if (callbacks.bool != null) {
     const index2 = array.findIndex(callbacks.bool);
     return type === "index" ? index2 : index2 > -1 ? array[index2] : undefined;
   }
@@ -36,13 +36,13 @@ var _findValue = function(type, array, value, key) {
 var _findValues = function(type, array, value, key) {
   const callbacks = _getCallbacks(value, key);
   const { length } = array;
-  if (type === "unique" && callbacks?.key === undefined && length >= 100) {
+  if (type === "unique" && callbacks?.key == null && length >= 100) {
     return Array.from(new Set(array));
   }
   if (typeof callbacks?.bool === "function") {
     return array.filter(callbacks.bool);
   }
-  if (type === "all" && key === undefined) {
+  if (type === "all" && key == null) {
     return array.filter((item) => item === value);
   }
   const hasCallback = typeof callbacks?.key === "function";
@@ -68,7 +68,7 @@ var _insertValues = function(type, array, values, start, deleteCount) {
   let returned;
   for (;index < length; index += 1) {
     const result = array.splice(start, index === 0 ? deleteCount : 0, ...chunked[index]);
-    if (returned === undefined) {
+    if (returned == null) {
       returned = result;
     }
   }
@@ -99,7 +99,7 @@ function find(array, value, key) {
 }
 function groupBy(array, key) {
   const callbacks = _getCallbacks(undefined, key);
-  if (callbacks?.key === undefined) {
+  if (callbacks?.key == null) {
     return {};
   }
   const grouped = {};
@@ -125,8 +125,9 @@ function insert(array, index, values) {
 function push(array, values) {
   return _insertValues("push", array, values, array.length, 0);
 }
-function splice(array, start, deleteCount, values) {
-  return _insertValues("splice", array, values, start, deleteCount);
+function splice(array, start, amountOrValues, values) {
+  const amoutOrValuesIsArray = Array.isArray(amountOrValues);
+  return _insertValues("splice", array, amoutOrValuesIsArray ? amountOrValues : values ?? [], start, amoutOrValuesIsArray ? array.length : typeof amountOrValues === "number" && amountOrValues > 0 ? amountOrValues : 0);
 }
 function unique(array, key) {
   return _findValues("unique", array, undefined, key);

package/dist/js/array.mjs

@@ -11,15 +11,15 @@ var _getCallbacks = function(bool, key) {
     return;
   }
   return {
-    key: (item) => item?.[key]
+    key: (value) => value?.[key]
   };
 };
 var _findValue = function(type, array, value, key) {
   const callbacks = _getCallbacks(value, key);
-  if (callbacks?.bool === undefined && callbacks?.key === undefined) {
+  if (callbacks?.bool == null && callbacks?.key == null) {
     return type === "index" ? array.indexOf(value) : array.find((item) => item === value);
   }
-  if (callbacks.bool !== undefined) {
+  if (callbacks.bool != null) {
     const index2 = array.findIndex(callbacks.bool);
     return type === "index" ? index2 : index2 > -1 ? array[index2] : undefined;
   }
@@ -36,13 +36,13 @@ var _findValue = function(type, array, value, key) {
 var _findValues = function(type, array, value, key) {
   const callbacks = _getCallbacks(value, key);
   const { length } = array;
-  if (type === "unique" && callbacks?.key === undefined && length >= 100) {
+  if (type === "unique" && callbacks?.key == null && length >= 100) {
     return Array.from(new Set(array));
   }
   if (typeof callbacks?.bool === "function") {
     return array.filter(callbacks.bool);
   }
-  if (type === "all" && key === undefined) {
+  if (type === "all" && key == null) {
     return array.filter((item) => item === value);
   }
   const hasCallback = typeof callbacks?.key === "function";
@@ -68,7 +68,7 @@ var _insertValues = function(type, array, values, start, deleteCount) {
   let returned;
   for (;index < length; index += 1) {
     const result = array.splice(start, index === 0 ? deleteCount : 0, ...chunked[index]);
-    if (returned === undefined) {
+    if (returned == null) {
       returned = result;
     }
   }
@@ -99,7 +99,7 @@ function find(array, value, key) {
 }
 function groupBy(array, key) {
   const callbacks = _getCallbacks(undefined, key);
-  if (callbacks?.key === undefined) {
+  if (callbacks?.key == null) {
     return {};
   }
   const grouped = {};
@@ -125,8 +125,9 @@ function insert(array, index, values) {
 function push(array, values) {
   return _insertValues("push", array, values, array.length, 0);
 }
-function splice(array, start, deleteCount, values) {
-  return _insertValues("splice", array, values, start, deleteCount);
+function splice(array, start, amountOrValues, values) {
+  const amoutOrValuesIsArray = Array.isArray(amountOrValues);
+  return _insertValues("splice", array, amoutOrValuesIsArray ? amountOrValues : values ?? [], start, amoutOrValuesIsArray ? array.length : typeof amountOrValues === "number" && amountOrValues > 0 ? amountOrValues : 0);
 }
 function unique(array, key) {
   return _findValues("unique", array, undefined, key);

package/dist/js/element/index.js

@@ -8,32 +8,27 @@ var _findElements = function(selector, context, single) {
     let index2 = 0;
     for (;index2 < length2; index2 += 1) {
       const value = callback.call(contexts[index2], selector);
-      if (single && value != null) {
+      if (single) {
+        if (value == null) {
+          continue;
+        }
         return value;
       }
-      if (!single) {
-        result.push(...Array.from(value));
-      }
+      result.push(...Array.from(value));
     }
     return single ? undefined : result.filter((value, index3, array) => array.indexOf(value) === index3);
   }
-  const nodes = Array.isArray(selector) || selector instanceof NodeList ? selector : [selector];
+  const nodes = Array.isArray(selector) ? selector : selector instanceof NodeList ? Array.from(selector) : [selector];
   const { length } = nodes;
   let index = 0;
   for (;index < length; index += 1) {
     const node = nodes[index];
     const element = node instanceof Document ? node.body : node instanceof Element ? node : undefined;
-    if (element == null) {
-      continue;
-    }
-    if (context == null || contexts.some((context2) => context2.contains(node))) {
-      if (single) {
-        return element;
-      }
+    if (element != null && (context == null || contexts.length === 0 || contexts.some((context2) => context2 === element || context2.contains(element))) && !result.includes(element)) {
       result.push(element);
     }
   }
-  return single ? undefined : result.filter((value, index2, array) => array.indexOf(value) === index2);
+  return result;
 };
 function findElement(selector, context) {
   return _findElements(selector, context, true);
@@ -66,7 +61,7 @@ function getElementUnderPointer(skipIgnore) {
       return false;
     }
     const style = getComputedStyle(element);
-    return typeof skipIgnore === "boolean" && skipIgnore || style.pointerEvents !== "none" && style.visibility !== "hidden";
+    return skipIgnore === true || style.pointerEvents !== "none" && style.visibility !== "hidden";
   });
   return elements[elements.length - 1];
 }

package/dist/js/element/index.mjs

@@ -8,32 +8,27 @@ var _findElements = function(selector, context, single) {
     let index2 = 0;
     for (;index2 < length2; index2 += 1) {
       const value = callback.call(contexts[index2], selector);
-      if (single && value != null) {
+      if (single) {
+        if (value == null) {
+          continue;
+        }
         return value;
       }
-      if (!single) {
-        result.push(...Array.from(value));
-      }
+      result.push(...Array.from(value));
     }
     return single ? undefined : result.filter((value, index3, array) => array.indexOf(value) === index3);
   }
-  const nodes = Array.isArray(selector) || selector instanceof NodeList ? selector : [selector];
+  const nodes = Array.isArray(selector) ? selector : selector instanceof NodeList ? Array.from(selector) : [selector];
   const { length } = nodes;
   let index = 0;
   for (;index < length; index += 1) {
     const node = nodes[index];
     const element = node instanceof Document ? node.body : node instanceof Element ? node : undefined;
-    if (element == null) {
-      continue;
-    }
-    if (context == null || contexts.some((context2) => context2.contains(node))) {
-      if (single) {
-        return element;
-      }
+    if (element != null && (context == null || contexts.length === 0 || contexts.some((context2) => context2 === element || context2.contains(element))) && !result.includes(element)) {
       result.push(element);
     }
   }
-  return single ? undefined : result.filter((value, index2, array) => array.indexOf(value) === index2);
+  return result;
 };
 function findElement(selector, context) {
   return _findElements(selector, context, true);
@@ -66,7 +61,7 @@ function getElementUnderPointer(skipIgnore) {
       return false;
     }
     const style = getComputedStyle(element);
-    return typeof skipIgnore === "boolean" && skipIgnore || style.pointerEvents !== "none" && style.visibility !== "hidden";
+    return skipIgnore === true || style.pointerEvents !== "none" && style.visibility !== "hidden";
   });
   return elements[elements.length - 1];
 }