@nysds/nys-divider 1.19.1 → 1.19.3

package/dist/nys-divider.d.ts

@@ -0,0 +1,54 @@
+import { LitElement } from "lit";
+/**
+ * A horizontal rule for visual separation between content sections. Renders a semantic `<hr>` element.
+ *
+ * Use to separate distinct content areas within a page. Set `inverted` for use on dark backgrounds.
+ *
+ * @summary Horizontal divider for visual separation of content sections.
+ * @element nys-divider
+ *
+ * @example Basic
+ * ```html
+ * <p>Section one content</p>
+ * <nys-divider></nys-divider>
+ * <p>Section two content</p>
+ * ```
+ *
+ * @example Inverted
+ * ```html
+ * <p>Section one content</p>
+ * <nys-divider inverted></nys-divider>
+ * <p>Section two content</p>
+ * ```
+ *
+ * @render Inverted
+ * ```html
+ * <div style="display: flex; flex-direction: column; background-color: var(--nys-color-ink, #1b1b1b); color: var(--nys-color-ink-reverse, #fff); padding: var(--nys-space-200, 16px);">
+ *   <p>Section one content</p>
+ *   <nys-divider inverted></nys-divider>
+ *   <p>Section two content</p>
+ * </div>
+ * ```
+ *
+ * @example Subtle
+ * ```html
+ * <p>Section one content</p>
+ * <nys-divider subtle></nys-divider>
+ * <p>Section two content</p>
+ * ```
+ */
+export declare class NysDivider extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Adjusts colors for dark backgrounds. */
+    inverted: boolean;
+    /** If true, the divider will use a lighter color. */
+    subtle: boolean;
+    constructor();
+    connectedCallback(): void;
+    /**
+     * Functions
+     * --------------------------------------------------------------------------
+     */
+    private _generateUniqueId;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/nys-divider.js

@@ -5,7 +5,7 @@ import { property as l } from "lit/decorators.js";
    * █ █ █  █▄▄▄█  ▀▀▀▄▄  █   █ ▀▀▀▄▄
    * █  ▀█    █    █▄▄▄█  █▄▄▀  █▄▄▄█
    *
-   * Divider Component v1.19.1
+   * Divider Component v1.19.3
    * Part of the New York State Design System
    * Repository: https://github.com/its-hcd/nysds
    * License: MIT

package/dist/nys-divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"nys-divider.js","sources":["../src/nys-divider.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-divider.scss?inline\";\n\nlet dividerIdCounter = 0;\n\n/**\n * A horizontal rule for visual separation between content sections. Renders a semantic `<hr>` element.\n *\n * Use to separate distinct content areas within a page. Set `inverted` for use on dark backgrounds.\n *\n * @summary Horizontal divider for visual separation of content sections.\n * @element nys-divider\n *\n * @example Basic divider\n * ```html\n * <p>Section one content</p>\n * <nys-divider></nys-divider>\n * <p>Section two content</p>\n * ```\n */\n\nexport class NysDivider extends LitElement {\n  static styles = unsafeCSS(styles);\n\n  /** Adjusts colors for dark backgrounds. */\n  @property({ type: Boolean, reflect: true }) inverted = false;\n\n  /** If true, the divider will use a lighter color. */\n  @property({ type: Boolean, reflect: true }) subtle = false;\n\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    // Generate a unique ID if not provided\n    if (!this.id) {\n      this.id = this._generateUniqueId();\n    }\n  }\n\n  /**\n   * Functions\n   * --------------------------------------------------------------------------\n   */\n\n  private _generateUniqueId() {\n    return `nys-divider-${Date.now()}-${dividerIdCounter++}`;\n  }\n\n  render() {\n    return html`<hr class=\"nys-divider\" />`;\n  }\n}\n\nif (!customElements.get(\"nys-divider\")) {\n  customElements.define(\"nys-divider\", NysDivider);\n}\n"],"names":["dividerIdCounter","_NysDivider","LitElement","html","unsafeCSS","styles","NysDivider","__decorateClass","property"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,IAAIA,IAAmB;AAkBhB,MAAMC,IAAN,MAAMA,UAAmBC,EAAW;AAAA,EASzC,cAAc;AACZ,UAAA,GAN0C,KAAA,WAAW,IAGX,KAAA,SAAS;AAAA,EAIrD;AAAA,EAEA,oBAAoB;AAClB,UAAM,kBAAA,GAGD,KAAK,OACR,KAAK,KAAK,KAAK,kBAAA;AAAA,EAEnB;AAAA;AAAA;AAAA;AAAA;AAAA,EAOQ,oBAAoB;AAC1B,WAAO,eAAe,KAAK,IAAA,CAAK,IAAIF,GAAkB;AAAA,EACxD;AAAA,EAEA,SAAS;AACP,WAAOG;AAAA,EACT;AACF;AAjCEF,EAAO,SAASG,EAAUC,CAAM;AAD3B,IAAMC,IAANL;AAIuCM,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAJ/BF,EAIiC,WAAA,UAAA;AAGAC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAP/BF,EAOiC,WAAA,QAAA;AA6BzC,eAAe,IAAI,aAAa,KACnC,eAAe,OAAO,eAAeA,CAAU;"}
+{"version":3,"file":"nys-divider.js","sources":["../src/nys-divider.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-divider.scss?inline\";\n\nlet dividerIdCounter = 0;\n\n/**\n * A horizontal rule for visual separation between content sections. Renders a semantic `<hr>` element.\n *\n * Use to separate distinct content areas within a page. Set `inverted` for use on dark backgrounds.\n *\n * @summary Horizontal divider for visual separation of content sections.\n * @element nys-divider\n *\n * @example Basic\n * ```html\n * <p>Section one content</p>\n * <nys-divider></nys-divider>\n * <p>Section two content</p>\n * ```\n *\n * @example Inverted\n * ```html\n * <p>Section one content</p>\n * <nys-divider inverted></nys-divider>\n * <p>Section two content</p>\n * ```\n *\n * @render Inverted\n * ```html\n * <div style=\"display: flex; flex-direction: column; background-color: var(--nys-color-ink, #1b1b1b); color: var(--nys-color-ink-reverse, #fff); padding: var(--nys-space-200, 16px);\">\n *   <p>Section one content</p>\n *   <nys-divider inverted></nys-divider>\n *   <p>Section two content</p>\n * </div>\n * ```\n *\n * @example Subtle\n * ```html\n * <p>Section one content</p>\n * <nys-divider subtle></nys-divider>\n * <p>Section two content</p>\n * ```\n */\n\nexport class NysDivider extends LitElement {\n  static styles = unsafeCSS(styles);\n\n  /** Adjusts colors for dark backgrounds. */\n  @property({ type: Boolean, reflect: true }) inverted = false;\n\n  /** If true, the divider will use a lighter color. */\n  @property({ type: Boolean, reflect: true }) subtle = false;\n\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    // Generate a unique ID if not provided\n    if (!this.id) {\n      this.id = this._generateUniqueId();\n    }\n  }\n\n  /**\n   * Functions\n   * --------------------------------------------------------------------------\n   */\n\n  private _generateUniqueId() {\n    return `nys-divider-${Date.now()}-${dividerIdCounter++}`;\n  }\n\n  render() {\n    return html`<hr class=\"nys-divider\" />`;\n  }\n}\n\nif (!customElements.get(\"nys-divider\")) {\n  customElements.define(\"nys-divider\", NysDivider);\n}\n"],"names":["dividerIdCounter","_NysDivider","LitElement","html","unsafeCSS","styles","NysDivider","__decorateClass","property"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,IAAIA,IAAmB;AAyChB,MAAMC,IAAN,MAAMA,UAAmBC,EAAW;AAAA,EASzC,cAAc;AACZ,UAAA,GAN0C,KAAA,WAAW,IAGX,KAAA,SAAS;AAAA,EAIrD;AAAA,EAEA,oBAAoB;AAClB,UAAM,kBAAA,GAGD,KAAK,OACR,KAAK,KAAK,KAAK,kBAAA;AAAA,EAEnB;AAAA;AAAA;AAAA;AAAA;AAAA,EAOQ,oBAAoB;AAC1B,WAAO,eAAe,KAAK,IAAA,CAAK,IAAIF,GAAkB;AAAA,EACxD;AAAA,EAEA,SAAS;AACP,WAAOG;AAAA,EACT;AACF;AAjCEF,EAAO,SAASG,EAAUC,CAAM;AAD3B,IAAMC,IAANL;AAIuCM,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAJ/BF,EAIiC,WAAA,UAAA;AAGAC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAP/BF,EAOiC,WAAA,QAAA;AA6BzC,eAAe,IAAI,aAAa,KACnC,eAAe,OAAO,eAAeA,CAAU;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nysds/nys-divider",
-  "version": "1.19.1",
+  "version": "1.19.3",
   "description": "The Divider component from the NYS Design System.",
   "module": "dist/nys-divider.js",
   "types": "dist/index.d.ts",
@@ -36,5 +36,9 @@
     "divider"
   ],
   "author": "New York State Design System Team",
-  "license": "MIT"
+  "license": "MIT",
+  "sideEffects": true,
+  "peerDependencies": {
+    "lit": "^3.3.1"
+  }
 }