@leaflink/stash 43.5.1 → 44.0.0-beta.2

package/dist/utils/storage.js.map

@@ -1 +1 @@
-{"version":3,"file":"storage.js","sources":["../../src/utils/storage.ts"],"sourcesContent":["import { hashCode } from './helpers';\n\nconst PREFIX = 'll';\n\n/**\n * Persist an item to localStorage, unique to each url pathname unless [options.global] is set to true\n *\n * If global is set to false (the default):\n *   name: 'foo'\n *   data: { a: 'a' }\n *\n *   localStorage key: 'll-foo-/c/the-leaf-shop/customers/'\n *   localStorage value: { a: 'a' }\n *\n * If global is set to true:\n *   name: 'bar'\n *   data: { b: 'b' }\n *\n *   localStorage key: 'll-bar'\n *   localStorage value: { b: 'b' }\n *\n * @param {string} name - the storage key name, often a component name\n * @param {object} data - the data to persist\n * @param {object} [options] - an optional options object\n * @param {boolean} [options.global] - does not add url to the key when true\n */\nexport function setPersistentItem(name, data, options: { global?: boolean } = {}) {\n  const scope = options.global ? '' : `-${location.pathname}`;\n  const storageKey = `${PREFIX}-${name}${scope}`;\n  const storageValue = JSON.stringify(data);\n\n  try {\n    localStorage.setItem(storageKey, storageValue);\n  } catch (error: any) {\n    if (error && error.name === 'QuotaExceededError') {\n      console.log(`Your localStorage is full. Failed to save item for key: ${storageKey}`);\n    } else {\n      console.log(`Failed to save value to localStorage for key: ${storageKey}`);\n    }\n  }\n}\n\n/**\n * Retrieve an item from localStorage, previously saved by `setPersistentItem`.\n * @param {string} name The storage key name, often a component name\n * @param {object} [options] - an optional options object\n * @param {boolean} [options.global] - does not add url to the key when true\n * @returns {any | undefined}\n */\nexport function getPersistentItem(name, options: { global?: boolean } = {}) {\n  const scope = options.global ? '' : `-${location.pathname}`;\n  const item = localStorage.getItem(`${PREFIX}-${name}${scope}`);\n\n  // localStorage.getItem always returns a string or null. When it's a string,\n  // it usually contains an object or a boolean. If the value is 'false', we\n  // need to ensure we return false instead of null.\n  if (item === null || item === 'undefined') {\n    return null;\n  }\n\n  try {\n    return JSON.parse(item);\n  } catch (error) {\n    console.error(error);\n\n    return null;\n  }\n}\n\n/**\n * Remove an item from localStorage, previously saved by `setPersistentItem`.\n * @param {string} name The storage key name, often a component name\n * @param {object} [options] - an optional options object\n * @param {boolean} [options.global] - does not add url to the key when true\n */\nexport function removePersistentItem(name, options: { global?: boolean } = {}) {\n  const scope = options.global ? '' : `-${location.pathname}`;\n  const storageKey = `${PREFIX}-${name}${scope}`;\n  const item = localStorage.getItem(storageKey);\n\n  if (item === null) {\n    return;\n  }\n\n  try {\n    localStorage.removeItem(storageKey);\n  } catch (error) {\n    console.error(error);\n  }\n}\n\n/**\n ***************** DEPRECATED *****************\n */\nexport function getPersistentItem__deprecated(itemKey: string, name) {\n  const item = JSON.parse(localStorage.getItem(itemKey) || '{}');\n\n  try {\n    return (item[name] || {})[hashCode(location.pathname)];\n  } catch (error) {\n    console.error(error);\n\n    return undefined;\n  }\n}\n\nexport function removePersistentItem__deprecated(itemKey, name) {\n  const item = JSON.parse(localStorage.getItem(itemKey) || '{}');\n  const itemValue = { ...item };\n\n  if (itemValue[name]) {\n    delete itemValue[name][hashCode(location.pathname)];\n  }\n\n  try {\n    localStorage.setItem(itemKey, JSON.stringify(itemValue));\n  } catch (error: any) {\n    if (error && error.name === 'QuotaExceededError') {\n      console.log(`Your localStorage is full. Failed to set item.`);\n    } else {\n      console.log(`Failed to set item to localStorage.`);\n    }\n  }\n}\n// END DEPRECATED\n\nexport const persistentStorage = {\n  setItem: setPersistentItem,\n  getItem: getPersistentItem,\n  removeItem: removePersistentItem,\n};\n"],"names":["PREFIX","setPersistentItem","name","data","options","scope","storageKey","storageValue","error","getPersistentItem","item","removePersistentItem","getPersistentItem__deprecated","itemKey","hashCode","removePersistentItem__deprecated","itemValue","persistentStorage"],"mappings":";;;;;;AAEA,MAAMA,IAAS;AAwBR,SAASC,EAAkBC,GAAMC,GAAMC,IAAgC,CAAA,GAAI;AAChF,QAAMC,IAAQD,EAAQ,SAAS,KAAK,IAAI,SAAS,QAAQ,IACnDE,IAAa,GAAGN,CAAM,IAAIE,CAAI,GAAGG,CAAK,IACtCE,IAAe,KAAK,UAAUJ,CAAI;AAEpC,MAAA;AACW,iBAAA,QAAQG,GAAYC,CAAY;AAAA,WACtCC,GAAY;AACf,IAAAA,KAASA,EAAM,SAAS,uBAClB,QAAA,IAAI,2DAA2DF,CAAU,EAAE,IAE3E,QAAA,IAAI,iDAAiDA,CAAU,EAAE;AAAA,EAE7E;AACF;AASO,SAASG,EAAkBP,GAAME,IAAgC,IAAI;AAC1E,QAAMC,IAAQD,EAAQ,SAAS,KAAK,IAAI,SAAS,QAAQ,IACnDM,IAAO,aAAa,QAAQ,GAAGV,CAAM,IAAIE,CAAI,GAAGG,CAAK,EAAE;AAKzD,MAAAK,MAAS,QAAQA,MAAS;AACrB,WAAA;AAGL,MAAA;AACK,WAAA,KAAK,MAAMA,CAAI;AAAA,WACfF,GAAO;AACd,mBAAQ,MAAMA,CAAK,GAEZ;AAAA,EACT;AACF;AAQO,SAASG,EAAqBT,GAAME,IAAgC,IAAI;AAC7E,QAAMC,IAAQD,EAAQ,SAAS,KAAK,IAAI,SAAS,QAAQ,IACnDE,IAAa,GAAGN,CAAM,IAAIE,CAAI,GAAGG,CAAK;AAG5C,MAFa,aAAa,QAAQC,CAAU,MAE/B;AAIT,QAAA;AACF,mBAAa,WAAWA,CAAU;AAAA,aAC3BE,GAAO;AACd,cAAQ,MAAMA,CAAK;AAAA,IACrB;AACF;AAKgB,SAAAI,EAA8BC,GAAiBX,GAAM;AACnE,QAAMQ,IAAO,KAAK,MAAM,aAAa,QAAQG,CAAO,KAAK,IAAI;AAEzD,MAAA;AACM,YAAAH,EAAKR,CAAI,KAAK,CAAA,GAAIY,EAAS,SAAS,QAAQ,CAAC;AAAA,WAC9CN,GAAO;AACd,YAAQ,MAAMA,CAAK;AAEZ;AAAA,EACT;AACF;AAEgB,SAAAO,EAAiCF,GAASX,GAAM;AAExD,QAAAc,IAAY,EAAE,GADP,KAAK,MAAM,aAAa,QAAQH,CAAO,KAAK,IAAI;AAGzD,EAAAG,EAAUd,CAAI,KAChB,OAAOc,EAAUd,CAAI,EAAEY,EAAS,SAAS,QAAQ,CAAC;AAGhD,MAAA;AACF,iBAAa,QAAQD,GAAS,KAAK,UAAUG,CAAS,CAAC;AAAA,WAChDR,GAAY;AACf,IAAAA,KAASA,EAAM,SAAS,uBAC1B,QAAQ,IAAI,gDAAgD,IAE5D,QAAQ,IAAI,qCAAqC;AAAA,EAErD;AACF;AAGO,MAAMS,IAAoB;AAAA,EAC/B,SAAShB;AAAA,EACT,SAASQ;AAAA,EACT,YAAYE;AACd;"}
+{"version":3,"file":"storage.js","sources":["../../src/utils/storage.ts"],"sourcesContent":["import logger from '@leaflink/snitch';\n\nimport { hashCode } from './helpers';\n\nconst PREFIX = 'll';\n\n/**\n * Persist an item to localStorage, unique to each url pathname unless [options.global] is set to true\n *\n * If global is set to false (the default):\n *   name: 'foo'\n *   data: { a: 'a' }\n *\n *   localStorage key: 'll-foo-/c/the-leaf-shop/customers/'\n *   localStorage value: { a: 'a' }\n *\n * If global is set to true:\n *   name: 'bar'\n *   data: { b: 'b' }\n *\n *   localStorage key: 'll-bar'\n *   localStorage value: { b: 'b' }\n *\n * @param {string} name - the storage key name, often a component name\n * @param {object} data - the data to persist\n * @param {object} [options] - an optional options object\n * @param {boolean} [options.global] - does not add url to the key when true\n */\nexport function setPersistentItem(name, data, options: { global?: boolean } = {}) {\n  const scope = options.global ? '' : `-${location.pathname}`;\n  const storageKey = `${PREFIX}-${name}${scope}`;\n  const storageValue = JSON.stringify(data);\n\n  try {\n    localStorage.setItem(storageKey, storageValue);\n  } catch (error: any) {\n    if (error && error.name === 'QuotaExceededError') {\n      logger.log(`Your localStorage is full. Failed to save item for key: ${storageKey}`);\n    } else {\n      logger.log(`Failed to save value to localStorage for key: ${storageKey}`);\n    }\n  }\n}\n\n/**\n * Retrieve an item from localStorage, previously saved by `setPersistentItem`.\n * @param {string} name The storage key name, often a component name\n * @param {object} [options] - an optional options object\n * @param {boolean} [options.global] - does not add url to the key when true\n * @returns {any | undefined}\n */\nexport function getPersistentItem(name, options: { global?: boolean } = {}) {\n  const scope = options.global ? '' : `-${location.pathname}`;\n  const item = localStorage.getItem(`${PREFIX}-${name}${scope}`);\n\n  // localStorage.getItem always returns a string or null. When it's a string,\n  // it usually contains an object or a boolean. If the value is 'false', we\n  // need to ensure we return false instead of null.\n  if (item === null || item === 'undefined') {\n    return null;\n  }\n\n  try {\n    return JSON.parse(item);\n  } catch (err) {\n    logger.error((err as Error).message, { error: err });\n\n    return null;\n  }\n}\n\n/**\n * Remove an item from localStorage, previously saved by `setPersistentItem`.\n * @param {string} name The storage key name, often a component name\n * @param {object} [options] - an optional options object\n * @param {boolean} [options.global] - does not add url to the key when true\n */\nexport function removePersistentItem(name, options: { global?: boolean } = {}) {\n  const scope = options.global ? '' : `-${location.pathname}`;\n  const storageKey = `${PREFIX}-${name}${scope}`;\n  const item = localStorage.getItem(storageKey);\n\n  if (item === null) {\n    return;\n  }\n\n  try {\n    localStorage.removeItem(storageKey);\n  } catch (err) {\n    logger.error((err as Error).message, { error: err });\n  }\n}\n\n/**\n ***************** DEPRECATED *****************\n */\nexport function getPersistentItem__deprecated(itemKey: string, name) {\n  const item = JSON.parse(localStorage.getItem(itemKey) || '{}');\n\n  try {\n    return (item[name] || {})[hashCode(location.pathname)];\n  } catch (err) {\n    logger.error((err as Error).message, { error: err });\n\n    return undefined;\n  }\n}\n\nexport function removePersistentItem__deprecated(itemKey, name) {\n  const item = JSON.parse(localStorage.getItem(itemKey) || '{}');\n  const itemValue = { ...item };\n\n  if (itemValue[name]) {\n    delete itemValue[name][hashCode(location.pathname)];\n  }\n\n  try {\n    localStorage.setItem(itemKey, JSON.stringify(itemValue));\n  } catch (error: any) {\n    if (error && error.name === 'QuotaExceededError') {\n      logger.log(`Your localStorage is full. Failed to set item.`);\n    } else {\n      logger.log(`Failed to set item to localStorage.`);\n    }\n  }\n}\n// END DEPRECATED\n\nexport const persistentStorage = {\n  setItem: setPersistentItem,\n  getItem: getPersistentItem,\n  removeItem: removePersistentItem,\n};\n"],"names":["PREFIX","setPersistentItem","name","data","options","scope","storageKey","storageValue","error","logger","getPersistentItem","item","err","removePersistentItem","getPersistentItem__deprecated","itemKey","hashCode","removePersistentItem__deprecated","itemValue","persistentStorage"],"mappings":";;;;;;;AAIA,MAAMA,IAAS;AAwBR,SAASC,EAAkBC,GAAMC,GAAMC,IAAgC,CAAA,GAAI;AAChF,QAAMC,IAAQD,EAAQ,SAAS,KAAK,IAAI,SAAS,QAAQ,IACnDE,IAAa,GAAGN,CAAM,IAAIE,CAAI,GAAGG,CAAK,IACtCE,IAAe,KAAK,UAAUJ,CAAI;AAEpC,MAAA;AACW,iBAAA,QAAQG,GAAYC,CAAY;AAAA,WACtCC,GAAY;AACf,IAAAA,KAASA,EAAM,SAAS,uBACnBC,EAAA,IAAI,2DAA2DH,CAAU,EAAE,IAE3EG,EAAA,IAAI,iDAAiDH,CAAU,EAAE;AAAA,EAE5E;AACF;AASO,SAASI,EAAkBR,GAAME,IAAgC,IAAI;AAC1E,QAAMC,IAAQD,EAAQ,SAAS,KAAK,IAAI,SAAS,QAAQ,IACnDO,IAAO,aAAa,QAAQ,GAAGX,CAAM,IAAIE,CAAI,GAAGG,CAAK,EAAE;AAKzD,MAAAM,MAAS,QAAQA,MAAS;AACrB,WAAA;AAGL,MAAA;AACK,WAAA,KAAK,MAAMA,CAAI;AAAA,WACfC,GAAK;AACZ,WAAAH,EAAO,MAAOG,EAAc,SAAS,EAAE,OAAOA,GAAK,GAE5C;AAAA,EACT;AACF;AAQO,SAASC,EAAqBX,GAAME,IAAgC,IAAI;AAC7E,QAAMC,IAAQD,EAAQ,SAAS,KAAK,IAAI,SAAS,QAAQ,IACnDE,IAAa,GAAGN,CAAM,IAAIE,CAAI,GAAGG,CAAK;AAG5C,MAFa,aAAa,QAAQC,CAAU,MAE/B;AAIT,QAAA;AACF,mBAAa,WAAWA,CAAU;AAAA,aAC3BM,GAAK;AACZ,MAAAH,EAAO,MAAOG,EAAc,SAAS,EAAE,OAAOA,GAAK;AAAA,IACrD;AACF;AAKgB,SAAAE,EAA8BC,GAAiBb,GAAM;AACnE,QAAMS,IAAO,KAAK,MAAM,aAAa,QAAQI,CAAO,KAAK,IAAI;AAEzD,MAAA;AACM,YAAAJ,EAAKT,CAAI,KAAK,CAAA,GAAIc,EAAS,SAAS,QAAQ,CAAC;AAAA,WAC9CJ,GAAK;AACZ,IAAAH,EAAO,MAAOG,EAAc,SAAS,EAAE,OAAOA,GAAK;AAE5C;AAAA,EACT;AACF;AAEgB,SAAAK,EAAiCF,GAASb,GAAM;AAExD,QAAAgB,IAAY,EAAE,GADP,KAAK,MAAM,aAAa,QAAQH,CAAO,KAAK,IAAI;AAGzD,EAAAG,EAAUhB,CAAI,KAChB,OAAOgB,EAAUhB,CAAI,EAAEc,EAAS,SAAS,QAAQ,CAAC;AAGhD,MAAA;AACF,iBAAa,QAAQD,GAAS,KAAK,UAAUG,CAAS,CAAC;AAAA,WAChDV,GAAY;AACf,IAAAA,KAASA,EAAM,SAAS,uBAC1BC,EAAO,IAAI,gDAAgD,IAE3DA,EAAO,IAAI,qCAAqC;AAAA,EAEpD;AACF;AAGO,MAAMU,IAAoB;AAAA,EAC/B,SAASlB;AAAA,EACT,SAASS;AAAA,EACT,YAAYG;AACd;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leaflink/stash",
-  "version": "43.5.1",
+  "version": "44.0.0-beta.2",
   "description": "LeafLink's design system.",
   "homepage": "https://stash.leaflink.com",
   "main": "./dist/index.ts",
@@ -138,7 +138,7 @@
     "autoprefixer": "^9.7.4",
     "babel-core": "^7.0.0-bridge.0",
     "eslint": "^8.41.0",
-    "eslint-config-leaflink": "^1.18.2",
+    "eslint-config-leaflink": "^3.0.0",
     "jsdom": "^22.1.0",
     "postcss": "^8.4.35",
     "postcss-html": "^1.5.0",

package/styles/_base.scss

@@ -452,7 +452,7 @@ template {
 ::after {
   background-repeat: no-repeat;
   box-sizing: border-box;
-  border: 0 solid var(--color-ice);
+  border: 0 solid var(--color-ice-500);
   margin: 0;
   padding: 0;
 }

package/styles/_core.scss

@@ -615,6 +615,10 @@ $typography: (
   @return get($typography, $keys...);
 }
 
+@function hexToRGB($hexColor) {
+  @return "#{red($hexColor)},#{green($hexColor)},#{blue($hexColor)}";
+}
+
 $properties: (
   "line-height": "line-height",
   "size": "font-size",
@@ -721,6 +725,50 @@ $inputs: (
 }
 
 
+@mixin solid {
+  background-color: rgba(var(--button-color-rgb), var(--button-opacity, 1));
+  border-color: transparent;
+  color: rgba(var(--text-color-rgb), 1);
+
+  &:hover,
+  &:active {
+    --button-opacity: 0.75;
+  }
+
+  &[disabled] {
+    --button-color-rgb: #{ hexToRGB($ice) } !important;
+  }
+}
+
+@mixin ghost {
+  background-color: rgba(0, 0, 0, 0);
+  border-color: rgba(var(--button-color-rgb), 1);
+  color: rgba(var(--text-color-rgb), 1);
+
+  &:hover,
+  &:active {
+    background-color: rgba(var(--button-hover-color-rgb, var(--button-color-rgb)), .12);
+  }
+
+  &[disabled] {
+    --button-color-rgb: #{ hexToRGB($ice) } !important;
+    --text-color-rgb: #{ hexToRGB($ice) } !important;
+  }
+}
+
+@mixin color-overrides($hex-color) {
+  &.button--primary,
+  &.button--secondary {
+    --button-color-rgb: #{ hexToRGB($hex-color) };
+  }
+
+  &.button--secondary {
+    --text-color-rgb: #{ hexToRGB($hex-color) };
+    --button-hover-color-rgb: #{ hexToRGB($hex-color) };
+  }
+}
+
+
 /* ---------------------------------------
   Grid
 ---------------------------------------- */
@@ -778,7 +826,7 @@ $inputs: (
 
 @mixin input-disabled {
   background-color: var(--color-ice-200) !important;
-  border-color: var(--color-ice) !important;
+  border-color: var(--color-ice-500) !important;
   color: var(--color-ice-700) !important;
   pointer-events: none;