@loomhq/lens 12.13.0 → 12.15.0

package/README.md

@@ -76,7 +76,7 @@ After running the last `pnpm --filter` in your terminal, a `localhost` address s
 ## Contributing
 If you are looking to use an ADS (Atlassian Design System) component, [check out this section for implementation guidance](#add-an-icon-to-the-icon-set).
 
-If you add any new Lens components, please surface any urgent pull requests in [#lens-designsystem](https://useloom.slack.com/archives/CJ52CKB27).
+If you add any new Lens components, please surface any urgent pull requests in [#loom-design-system-lens](https://atlassian.enterprise.slack.com/archives/CJ52CKB27).
 
 ### Adding a New Icon to Lens
 1. Within the `loom` repository, navigate to `projects/libraries/lens/src/components/icon/available-icons`
@@ -92,6 +92,17 @@ If you add any new Lens components, please surface any urgent pull requests in [
 
 > **Note:** If there's no `changeset` file included in your PR, your changes won't be available to use in the rest of the repo until a changeset is merged. Think of it like merging without deploying.
 
+### Adding a New Illustration to Lens
+Follow [this guide](https://hello.atlassian.net/wiki/spaces/~712020ed7894b2bdcb46ecacd40aff80a4be0e/pages/6562186947/Adding+a+new+ADS+Illustration+to+Lens) to add a new illustration to Lens. After running the prompt in the guide, verify the following:
+
+1. **File location and export** — Your illustration lives in `projects/libraries/lens/src/illustrations/` and is exported from the `index.tsx` file in that folder.
+
+2. **Theme support** — Your illustration works in both light and dark mode. This includes when dark mode is applied via `data-lens-theme="dark"` on a parent element rather than on the body. Use the code playground on the Illustration Component page to test this.
+
+3. **Color definitions** — Illustration colors are defined in `projects/libraries/lens/src/colors.ts`. The theme-specific colors should have been added to the appropriate dark and light mode entries, and only static colors added to `illustrationColors`.
+
+*Note: For illustrations that aren't from ADS, reach out in [#loom-design-system-lens](https://atlassian.enterprise.slack.com/archives/CJ52CKB27) first.*
+
 ### Use conventional commits
 
 Use [conventional commits](https://www.conventionalcommits.org/en/v1.0.0/) messages. Once the PR is merged it will kick off publishing a new version of Lens in npm.

package/dist/cjs/icons/devices.js

@@ -0,0 +1,40 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/icon/available-icons/devices.tsx
+var devices_exports = {};
+__export(devices_exports, {
+  SvgDevices: () => SvgDevices
+});
+module.exports = __toCommonJS(devices_exports);
+var import_devices = __toESM(require("@atlaskit/icon/core/devices"));
+var React = __toESM(require("react"));
+function SvgDevices() {
+  return /* @__PURE__ */ React.createElement(import_devices.default, { label: "" });
+}
+//# sourceMappingURL=devices.js.map

package/dist/cjs/icons/devices.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/icon/available-icons/devices.tsx"],
+  "sourcesContent": ["import DevicesIcon from '@atlaskit/icon/core/devices';\nimport * as React from 'react';\n\nexport function SvgDevices() {\n  return <DevicesIcon label=\"\" />;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAwB;AACxB,YAAuB;AAEhB,SAAS,aAAa;AAC3B,SAAO,oCAAC,eAAAA,SAAA,EAAY,OAAM,IAAG;AAC/B;",
+  "names": ["DevicesIcon"]
+}