@lit-material/divider 0.0.1 → 0.0.2

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.
Files changed (2) hide show
  1. package/custom-elements.json +143 -0
  2. package/package.json +6 -3
package/custom-elements.json ADDED
@@ -0,0 +1,143 @@
1
+ {
2
+ "schemaVersion": "1.0.0",
3
+ "readme": "",
4
+ "modules": [
5
+ {
6
+ "kind": "javascript-module",
7
+ "path": "src/divider-styles.ts",
8
+ "declarations": [
9
+ {
10
+ "kind": "variable",
11
+ "name": "styles",
12
+ "default": "css` :host { display: block; box-sizing: border-box; height: 1px; width: 100%; background-color: var(--md-sys-color-outline-variant, #cac4d0); } /* Inset: indented from the axis perpendicular to the line itself — the inline (left/right) axis for a horizontal divider. */ :host([inset-start]) { margin-inline-start: 16px; width: auto; } :host([inset-end]) { margin-inline-end: 16px; width: auto; } :host([orientation=\"vertical\"]) { display: inline-block; align-self: stretch; height: auto; width: 1px; } /* Vertical: \"inset\" indents the block (top/bottom) axis instead. */ :host([orientation=\"vertical\"][inset-start]) { margin-inline-start: 0; margin-block-start: 16px; width: 1px; } :host([orientation=\"vertical\"][inset-end]) { margin-inline-end: 0; margin-block-end: 16px; width: 1px; } `"
13
+ }
14
+ ],
15
+ "exports": [
16
+ {
17
+ "kind": "js",
18
+ "name": "styles",
19
+ "declaration": {
20
+ "name": "styles",
21
+ "module": "src/divider-styles.ts"
22
+ }
23
+ }
24
+ ]
25
+ },
26
+ {
27
+ "kind": "javascript-module",
28
+ "path": "src/divider.ts",
29
+ "declarations": [
30
+ {
31
+ "kind": "class",
32
+ "description": "Material Design 3 divider — a thin line that groups or separates content,\ntypically inside a list or between sections.\n\nPurely visual: no slot, no shadow DOM content at all (`render()` returns\nnothing) — the host element itself *is* the line, styled directly via\n`:host`. No dependency on `@lit-material/core` (nothing to click or\nfocus).\n\n`insetStart`/`insetEnd` indent the line on the axis perpendicular to it\n(inline/left-right for a horizontal divider, block/top-bottom for a\nvertical one) — e.g. to align a divider under a list item's text with a\nleading icon it doesn't run under. Both unset is a full-bleed divider;\nboth set is MD3's \"middle inset\" variant.",
33
+ "name": "LitMaterialDivider",
34
+ "members": [
35
+ {
36
+ "kind": "field",
37
+ "name": "orientation",
38
+ "type": {
39
+ "text": "DividerOrientation"
40
+ },
41
+ "default": "\"horizontal\"",
42
+ "attribute": "orientation",
43
+ "reflects": true
44
+ },
45
+ {
46
+ "kind": "field",
47
+ "name": "insetStart",
48
+ "type": {
49
+ "text": "boolean"
50
+ },
51
+ "default": "false",
52
+ "attribute": "inset-start",
53
+ "reflects": true
54
+ },
55
+ {
56
+ "kind": "field",
57
+ "name": "insetEnd",
58
+ "type": {
59
+ "text": "boolean"
60
+ },
61
+ "default": "false",
62
+ "attribute": "inset-end",
63
+ "reflects": true
64
+ }
65
+ ],
66
+ "attributes": [
67
+ {
68
+ "name": "orientation",
69
+ "type": {
70
+ "text": "DividerOrientation"
71
+ },
72
+ "default": "\"horizontal\"",
73
+ "fieldName": "orientation"
74
+ },
75
+ {
76
+ "name": "inset-start",
77
+ "type": {
78
+ "text": "boolean"
79
+ },
80
+ "default": "false",
81
+ "fieldName": "insetStart"
82
+ },
83
+ {
84
+ "name": "inset-end",
85
+ "type": {
86
+ "text": "boolean"
87
+ },
88
+ "default": "false",
89
+ "fieldName": "insetEnd"
90
+ }
91
+ ],
92
+ "superclass": {
93
+ "name": "LitElement",
94
+ "package": "lit"
95
+ },
96
+ "tagName": "lit-material-divider",
97
+ "customElement": true
98
+ }
99
+ ],
100
+ "exports": [
101
+ {
102
+ "kind": "js",
103
+ "name": "LitMaterialDivider",
104
+ "declaration": {
105
+ "name": "LitMaterialDivider",
106
+ "module": "src/divider.ts"
107
+ }
108
+ },
109
+ {
110
+ "kind": "custom-element-definition",
111
+ "name": "lit-material-divider",
112
+ "declaration": {
113
+ "name": "LitMaterialDivider",
114
+ "module": "src/divider.ts"
115
+ }
116
+ }
117
+ ]
118
+ },
119
+ {
120
+ "kind": "javascript-module",
121
+ "path": "src/index.ts",
122
+ "declarations": [],
123
+ "exports": [
124
+ {
125
+ "kind": "js",
126
+ "name": "LitMaterialDivider",
127
+ "declaration": {
128
+ "name": "LitMaterialDivider",
129
+ "module": "./divider.js"
130
+ }
131
+ },
132
+ {
133
+ "kind": "js",
134
+ "name": "DividerOrientation",
135
+ "declaration": {
136
+ "name": "DividerOrientation",
137
+ "module": "./divider.js"
138
+ }
139
+ }
140
+ ]
141
+ }
142
+ ]
143
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lit-material/divider",
3
- "version": "0.0.1",
3
+ "version": "0.0.2",
4
4
  "description": "Material Design 3 divider web component (horizontal or vertical, optionally inset).",
5
5
  "license": "MIT",
6
6
  "author": {
@@ -33,7 +33,8 @@
33
33
  }
34
34
  },
35
35
  "files": [
36
- "dist"
36
+ "dist",
37
+ "custom-elements.json"
37
38
  ],
38
39
  "publishConfig": {
39
40
  "access": "public"
@@ -52,9 +53,11 @@
52
53
  "tsx": "^4.19.0",
53
54
  "typescript": "^5.7.0"
54
55
  },
56
+ "customElements": "custom-elements.json",
55
57
  "scripts": {
56
58
  "build": "tsc -p tsconfig.json",
57
59
  "typecheck": "tsc -p tsconfig.json --noEmit",
58
- "test": "web-test-runner && node --import tsx --test src/*.ssr.test.ts"
60
+ "test": "web-test-runner && node --import tsx --test src/*.ssr.test.ts",
61
+ "analyze": "custom-elements-manifest analyze --litelement --globs \"src/**/*.ts\" --exclude \"src/**/*.test.ts\" --exclude \"src/**/*.ssr.test.ts\""
59
62
  }
60
63
  }