@nysds/nys-divider 1.13.1 → 1.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1 @@
1
+ export * from "./nys-divider";
@@ -0,0 +1,29 @@
1
+ import { LitElement } from "lit";
2
+ /**
3
+ * A horizontal rule for visual separation between content sections. Renders a semantic `<hr>` element.
4
+ *
5
+ * Use to separate distinct content areas within a page. Set `inverted` for use on dark backgrounds.
6
+ *
7
+ * @summary Horizontal divider for visual separation of content sections.
8
+ * @element nys-divider
9
+ *
10
+ * @example Basic divider
11
+ * ```html
12
+ * <p>Section one content</p>
13
+ * <nys-divider></nys-divider>
14
+ * <p>Section two content</p>
15
+ * ```
16
+ */
17
+ export declare class NysDivider extends LitElement {
18
+ static styles: import("lit").CSSResult;
19
+ /** Adjusts colors for dark backgrounds. */
20
+ inverted: boolean;
21
+ constructor();
22
+ connectedCallback(): void;
23
+ /**
24
+ * Functions
25
+ * --------------------------------------------------------------------------
26
+ */
27
+ private _generateUniqueId;
28
+ render(): import("lit-html").TemplateResult<1>;
29
+ }
@@ -0,0 +1 @@
1
+ export {};
@@ -1,6 +1,6 @@
1
1
  import { LitElement as l, unsafeCSS as v, html as a } from "lit";
2
2
  import { property as c } from "lit/decorators.js";
3
- const f = ":host{--_nys-divider-size: var(--nys-size-1px, 1px);--_nys-divider-color: var(--nys-color-neutral-500, #797c7f);--_nys-divider-width: 100%}:host([inverted]){--_nys-divider-color: var(--nys-color-ink-reverse, #fff)}.nys-divider{width:var(--_nys-divider-width);height:var(--_nys-divider-size);background-color:var(--_nys-divider-color);flex:1 0 0;margin:0;border:none}";
3
+ const f = ":host{--_nys-divider-size: var(--nys-size-1px, 1px);--_nys-divider-color: var(--nys-color-neutral-500, #797c7f);--_nys-divider-width: 100%}:host([inverted]){--_nys-divider-color: var(--nys-color-ink-reverse, #ffffff)}.nys-divider{width:var(--_nys-divider-width);height:var(--_nys-divider-size);background-color:var(--_nys-divider-color);flex:1 0 0;margin:0;border:none}";
4
4
  var y = Object.defineProperty, u = (n, s, d, p) => {
5
5
  for (var e = void 0, i = n.length - 1, o; i >= 0; i--)
6
6
  (o = n[i]) && (e = o(s, d, e) || e);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nysds/nys-divider",
3
- "version": "1.13.1",
3
+ "version": "1.14.0",
4
4
  "description": "The Divider component from the NYS Design System.",
5
5
  "module": "dist/nys-divider.js",
6
6
  "types": "dist/index.d.ts",
@@ -25,7 +25,7 @@
25
25
  "devDependencies": {
26
26
  "lit": "^3.3.1",
27
27
  "typescript": "^5.9.3",
28
- "vite": "^7.1.12"
28
+ "vite": "^7.3.1"
29
29
  },
30
30
  "keywords": [
31
31
  "new-york-state",