@cianfrani/ai-ui 0.1.0-alpha.1 → 0.1.0-alpha.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.
package/dist/ai-ui.js CHANGED
@@ -1208,7 +1208,7 @@ class AiEvent extends LitElement6 {
1208
1208
  </span>
1209
1209
  <span class="chevron" part="marker" aria-hidden="true">
1210
1210
  <svg viewBox="0 0 10 10" focusable="false">
1211
- <path d="M3.25 2.25 6.25 5 3.25 7.75"></path>
1211
+ <path d="M3 2.2 6.8 5 3 7.8"></path>
1212
1212
  </svg>
1213
1213
  </span>
1214
1214
  </summary>
@@ -1344,18 +1344,19 @@ class AiEvent extends LitElement6 {
1344
1344
  display: inline-flex;
1345
1345
  align-items: center;
1346
1346
  justify-content: center;
1347
- width: 12px;
1348
- height: 16px;
1347
+ width: 8px;
1348
+ height: 8px;
1349
1349
  justify-self: end;
1350
+ flex-shrink: 0;
1350
1351
  color: color-mix(in oklch, var(--text-muted, currentColor) 88%, transparent);
1351
1352
  }
1352
1353
 
1353
1354
  .chevron svg {
1354
- width: 10px;
1355
- height: 10px;
1355
+ width: 8px;
1356
+ height: 8px;
1356
1357
  stroke: currentColor;
1357
1358
  fill: none;
1358
- stroke-width: 1.8;
1359
+ stroke-width: 1.4;
1359
1360
  stroke-linecap: round;
1360
1361
  stroke-linejoin: round;
1361
1362
  transition: transform 0.16s ease;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cianfrani/ai-ui",
3
- "version": "0.1.0-alpha.1",
3
+ "version": "0.1.0-alpha.2",
4
4
  "description": "AI conversation web components (ai-message, ai-tool-call, ai-conversation, …) built with Lit.",
5
5
  "keywords": [
6
6
  "ai",
@@ -52,13 +52,18 @@
52
52
  "test": "bun test src/",
53
53
  "changeset": "changeset",
54
54
  "version": "changeset version",
55
- "release": "changeset publish"
55
+ "release": "changeset publish",
56
+ "storybook": "storybook dev -p 6006",
57
+ "build-storybook": "storybook build"
56
58
  },
57
59
  "dependencies": {},
58
60
  "devDependencies": {
59
61
  "@changesets/cli": "^2.27.0",
60
62
  "@custom-elements-manifest/analyzer": "^0.11.0",
63
+ "@storybook/addon-docs": "^10.4.2",
64
+ "@storybook/web-components-vite": "^10.4.2",
61
65
  "@types/bun": "latest",
66
+ "storybook": "^10.4.2",
62
67
  "typescript": "^5"
63
68
  },
64
69
  "peerDependencies": {
@@ -184,7 +184,7 @@ export class AiEvent extends LitElement {
184
184
  </span>
185
185
  <span class="chevron" part="marker" aria-hidden="true">
186
186
  <svg viewBox="0 0 10 10" focusable="false">
187
- <path d="M3.25 2.25 6.25 5 3.25 7.75"></path>
187
+ <path d="M3 2.2 6.8 5 3 7.8"></path>
188
188
  </svg>
189
189
  </span>
190
190
  </summary>
@@ -325,18 +325,19 @@ export class AiEvent extends LitElement {
325
325
  display: inline-flex;
326
326
  align-items: center;
327
327
  justify-content: center;
328
- width: 12px;
329
- height: 16px;
328
+ width: 8px;
329
+ height: 8px;
330
330
  justify-self: end;
331
+ flex-shrink: 0;
331
332
  color: color-mix(in oklch, var(--text-muted, currentColor) 88%, transparent);
332
333
  }
333
334
 
334
335
  .chevron svg {
335
- width: 10px;
336
- height: 10px;
336
+ width: 8px;
337
+ height: 8px;
337
338
  stroke: currentColor;
338
339
  fill: none;
339
- stroke-width: 1.8;
340
+ stroke-width: 1.4;
340
341
  stroke-linecap: round;
341
342
  stroke-linejoin: round;
342
343
  transition: transform 0.16s ease;