@warp-ds/elements 1.2.0 → 1.2.1-next.2

package/README.md

@@ -5,13 +5,11 @@ a collection of Web Components built with Lit to be used to build interfaces bas
 This repository is maintained by the [Warp Core Team](https://github.com/orgs/warp-ds/teams/warp-core-team)
 and is home to the [@warp-ds/vue](https://www.npmjs.com/package/@warp-ds/elements) library.
 
-
 ## How to contribute
 
 If you'd like to contribute to `@warp-ds/elements`,
 start by reviewing the [contributing guidelines](CONTRIBUTING.md).
 
-
 ## How to use
 
 ### Installation
@@ -19,36 +17,61 @@ start by reviewing the [contributing guidelines](CONTRIBUTING.md).
 Install by using npm/pnpm or by adding a script link:
 
 #### Install using npm
+
 ```sh
 npm install @warp-ds/elements
 ```
 
 #### Install using pnpm
+
 ```sh
 pnpm add @warp-ds/elements
 ```
 
 #### Using a direct link to Eik
+
 ```html
 <script src="https://assets.finn.no/pkg/@warp-ds/elements/v1"></script>
 ```
+### Import components
+This project builds both the whole Elements package and separate component packages that are published to EIK, making it possible for the user to choose to either import all of the components:
+```js
+import '@warp-ds/elements';
+```
+or a specific component: 
+```js
+import '@warp-ds/elements/components/toast';
+```
 
 ### Documentation
 
 For information on the components available in the package and how to use them,
 see the [Warp Design System documentation](https://warp-ds.github.io/tech-docs/).
 
-
 ## Releases
 
 This project is continuously published to [NPM](https://www.npmjs.com/package/@warp-ds/elements) and [Eik](https://assets.finn.no/pkg/@warp-ds/elements) using a `next` tag (e.g. `1.1.0-next.1`).
 Anyone needing to use the latest changes of this package can point to the `next` version while waiting for the stable release.
 
-
 ## Changelog
 
 Detailed changes for each release can be found in the [CHANGELOG](CHANGELOG.md) file.
 
+## How to test component-classes locally
+
+It is possible to test changes that have been made to component-classes from the [@warp-ds/css](https://github.com/warp-ds/css) package but that has not yet been published to Eik. You simply need to link the `@warp-ds/css` package in this repository and add `@unocss-placeholder` inside the static styles of the component that you want to test:
+
+```js
+static styles = [
+    css`
+      @unocss-placeholder
+      `,
+  ]
+```
+
+Run `pnpm dev` to see the linked styles in action.
+
+Once you have tested it locally, make sure to remove the `@unocss-placeholder` from the static styles before pushing any changes to the repository.
 
 ## License
 

package/dist/api.js

@@ -1,2 +1,53 @@
-var c=Object.defineProperty;var r=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable;var a=(n,o,t)=>o in n?c(n,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[o]=t,e=(n,o)=>{for(var t in o||(o={}))u.call(o,t)&&a(n,t,o[t]);if(r)for(var t of r(o))d.call(o,t)&&a(n,t,o[t]);return n};var s=typeof window!="undefined";function p(n,o){if(!s)return;let t=customElements.get("w-toast-container").init(),i=e({id:Date.now().toString(36)+Math.random().toString(36).slice(2,5),text:n,duration:5e3,type:"success"},o);return t.set(i),i}function g(n){return s?customElements.get("w-toast-container").init().del(n):void 0}function x(n,o){if(!s)return;let t=customElements.get("w-toast-container").init();return t.set(e(e({},t.get(n)),o)),t.get(n)}export{g as removeToast,p as toast,x as updateToast};
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+
+// packages/utils/window-exists.js
+var windowExists = typeof window !== "undefined";
+
+// packages/toast/api.js
+function toast(message, options) {
+  if (!windowExists)
+    return;
+  const toast2 = customElements.get("w-toast-container").init();
+  const data = __spreadValues({
+    id: Date.now().toString(36) + Math.random().toString(36).slice(2, 5),
+    text: message,
+    duration: 5e3,
+    type: "success"
+  }, options);
+  toast2.set(data);
+  return data;
+}
+function removeToast(id) {
+  if (!windowExists)
+    return;
+  const toast2 = customElements.get("w-toast-container").init();
+  return toast2.del(id);
+}
+function updateToast(id, options) {
+  if (!windowExists)
+    return;
+  const toast2 = customElements.get("w-toast-container").init();
+  toast2.set(__spreadValues(__spreadValues({}, toast2.get(id)), options));
+  return toast2.get(id);
+}
+export {
+  removeToast,
+  toast,
+  updateToast
+};
 //# sourceMappingURL=api.js.map

package/dist/api.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../packages/utils/window-exists.js", "../packages/toast/api.js"],
   "sourcesContent": ["export const windowExists = typeof window !== 'undefined';\n", "import { windowExists } from '../utils/window-exists';\n\n/**\n * Toast helper function options\n * @typedef    {Object}                               ToastOptions\n * @property   {(number|string)}                      [id]        Custom identifier\n * @property   {('success'|'error'|'warning'|'info')} [type]      Type of alert\n * @property   {String}                               [text]      The toast message. Only needed when updating text on existing toast\n * @property   {(number|string)}                      [duration]  Duration of toast in milliseconds. Defaults to 5000. For accessibility reasons, toasts should never be interactive and therefore need to auto remove. If you must disable auto remove, set duration to Number.POSITIVE_INFINITY.\n * @property   {Boolean}                              [canclose]  Whether the toast can be dismissed. Defaults to false. WARNING! For accessibility reasons, toasts should not be interactive and canclose should always be false. If the toast absolutely must be dismissble, set this to true.\n */\n\n/**\n * Creates a new toast\n * @param {String}        message  Message\n * @param {ToastOptions?} options  Toast options\n * @returns {ToastOptions} Toast details\n */\nexport function toast(message, options) {\n  if (!windowExists) return;\n  const toast = customElements.get('w-toast-container').init();\n\n  const data = {\n    id: Date.now().toString(36) + Math.random().toString(36).slice(2, 5),\n    text: message,\n    duration: 5000,\n    type: 'success',\n    ...options,\n  };\n\n  toast.set(data);\n  return data;\n}\n\n/**\n * Remove an existing toast\n * @param {String|Number} id Toast identifier\n * @return {Promise<Boolean>} Resolves to true if deleted, false if not found\n */\nexport function removeToast(id) {\n  if (!windowExists) return;\n  const toast = customElements.get('w-toast-container').init();\n  return toast.del(id);\n}\n\n/**\n * Update an existing toast\n * @param {String|Number}           id      Toast identifier\n * @param {ToastOptions?}           options Toast options\n * @returns {WarpToastContainer}          Toast details\n */\nexport function updateToast(id, options) {\n  if (!windowExists) return;\n  const toast = customElements.get('w-toast-container').init();\n  toast.set({ ...toast.get(id), ...options });\n  return toast.get(id);\n}\n"],
-  "mappings": "yVAAO,IAAMA,EAAe,OAAO,QAAW,YCkBvC,SAASC,EAAMC,EAASC,EAAS,CACtC,GAAI,CAACC,EAAc,OACnB,IAAMH,EAAQ,eAAe,IAAI,mBAAmB,EAAE,KAAK,EAErDI,EAAOC,EAAA,CACX,GAAI,KAAK,IAAI,EAAE,SAAS,EAAE,EAAI,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,EAAG,CAAC,EACnE,KAAMJ,EACN,SAAU,IACV,KAAM,WACHC,GAGL,OAAAF,EAAM,IAAII,CAAI,EACPA,CACT,CAOO,SAASE,EAAYC,EAAI,CAC9B,OAAKJ,EACS,eAAe,IAAI,mBAAmB,EAAE,KAAK,EAC9C,IAAII,CAAE,EAFA,MAGrB,CAQO,SAASC,EAAYD,EAAIL,EAAS,CACvC,GAAI,CAACC,EAAc,OACnB,IAAMH,EAAQ,eAAe,IAAI,mBAAmB,EAAE,KAAK,EAC3D,OAAAA,EAAM,IAAIK,IAAA,GAAKL,EAAM,IAAIO,CAAE,GAAML,EAAS,EACnCF,EAAM,IAAIO,CAAE,CACrB",
-  "names": ["windowExists", "toast", "message", "options", "windowExists", "data", "__spreadValues", "removeToast", "id", "updateToast"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAO,IAAM,eAAe,OAAO,WAAW;;;ACkBvC,SAAS,MAAM,SAAS,SAAS;AACtC,MAAI,CAAC;AAAc;AACnB,QAAMA,SAAQ,eAAe,IAAI,mBAAmB,EAAE,KAAK;AAE3D,QAAM,OAAO;AAAA,IACX,IAAI,KAAK,IAAI,EAAE,SAAS,EAAE,IAAI,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,GAAG,CAAC;AAAA,IACnE,MAAM;AAAA,IACN,UAAU;AAAA,IACV,MAAM;AAAA,KACH;AAGL,EAAAA,OAAM,IAAI,IAAI;AACd,SAAO;AACT;AAOO,SAAS,YAAY,IAAI;AAC9B,MAAI,CAAC;AAAc;AACnB,QAAMA,SAAQ,eAAe,IAAI,mBAAmB,EAAE,KAAK;AAC3D,SAAOA,OAAM,IAAI,EAAE;AACrB;AAQO,SAAS,YAAY,IAAI,SAAS;AACvC,MAAI,CAAC;AAAc;AACnB,QAAMA,SAAQ,eAAe,IAAI,mBAAmB,EAAE,KAAK;AAC3D,EAAAA,OAAM,IAAI,kCAAKA,OAAM,IAAI,EAAE,IAAM,QAAS;AAC1C,SAAOA,OAAM,IAAI,EAAE;AACrB;",
+  "names": ["toast"]
 }