@copilotkit/a2ui-renderer 1.54.0-next.4 → 1.54.0-next.5

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 (13) hide show
  1. package/dist/index.umd.js +107 -61
  2. package/dist/index.umd.js.map +1 -1
  3. package/dist/react-renderer/theme/litTheme.cjs +48 -31
  4. package/dist/react-renderer/theme/litTheme.cjs.map +1 -1
  5. package/dist/react-renderer/theme/litTheme.d.cts.map +1 -1
  6. package/dist/react-renderer/theme/litTheme.d.mts.map +1 -1
  7. package/dist/react-renderer/theme/litTheme.mjs +48 -31
  8. package/dist/react-renderer/theme/litTheme.mjs.map +1 -1
  9. package/dist/theme/viewer-theme.cjs +59 -30
  10. package/dist/theme/viewer-theme.cjs.map +1 -1
  11. package/dist/theme/viewer-theme.mjs +59 -30
  12. package/dist/theme/viewer-theme.mjs.map +1 -1
  13. package/package.json +1 -1
package/dist/index.umd.js CHANGED
@@ -155,6 +155,46 @@ markdown_it = __toESM(markdown_it);
155
155
  };
156
156
  const elementVideo = { "layout-el-cv": true };
157
157
  const litTheme = {
158
+ additionalStyles: {
159
+ Button: {
160
+ background: "var(--primary, oklch(0.205 0 0))",
161
+ color: "var(--primary-foreground, oklch(0.985 0 0))",
162
+ "border-radius": "calc(var(--radius, 0.625rem) - 2px)",
163
+ cursor: "pointer",
164
+ width: "100%",
165
+ "--n-10": "var(--primary-foreground, oklch(0.985 0 0))",
166
+ "--n-35": "var(--primary-foreground, oklch(0.985 0 0))",
167
+ "--n-60": "var(--primary-foreground, oklch(0.985 0 0))"
168
+ },
169
+ Card: {
170
+ background: "var(--card, oklch(1 0 0))",
171
+ border: "1px solid var(--border, oklch(0.922 0 0))",
172
+ "border-radius": "var(--radius, 0.625rem)"
173
+ },
174
+ TextField: {
175
+ "background-color": "var(--background, oklch(1 0 0))",
176
+ "border-color": "var(--input, oklch(0.922 0 0))",
177
+ color: "var(--foreground, oklch(0.145 0 0))",
178
+ "border-radius": "var(--radius, 0.625rem)"
179
+ },
180
+ CheckBox: {
181
+ "--p-100": "var(--background, oklch(1 0 0))",
182
+ "--p-60": "var(--input, oklch(0.922 0 0))",
183
+ "--n-30": "var(--foreground, oklch(0.145 0 0))"
184
+ },
185
+ DateTimeInput: {
186
+ "background-color": "var(--background, oklch(1 0 0))",
187
+ "border-color": "var(--input, oklch(0.922 0 0))",
188
+ color: "var(--foreground, oklch(0.145 0 0))",
189
+ "border-radius": "var(--radius, 0.625rem)"
190
+ },
191
+ Modal: {
192
+ "--p-100": "var(--card, oklch(1 0 0))",
193
+ "--p-80": "var(--border, oklch(0.922 0 0))",
194
+ "border-radius": "var(--radius, 0.625rem)"
195
+ },
196
+ Text: { color: "var(--foreground, oklch(0.145 0 0))" }
197
+ },
158
198
  components: {
159
199
  AudioPlayer: {},
160
200
  Divider: {},
@@ -260,12 +300,8 @@ markdown_it = __toESM(markdown_it);
260
300
  "layout-pb-2": true,
261
301
  "layout-pl-3": true,
262
302
  "layout-pr-3": true,
263
- "border-br-12": true,
264
303
  "border-bw-0": true,
265
304
  "border-bs-s": true,
266
- "color-bgc-p30": true,
267
- "color-c-p100": true,
268
- "behavior-ho-70": true,
269
305
  "typography-w-400": true
270
306
  },
271
307
  CheckBox: {
@@ -277,16 +313,14 @@ markdown_it = __toESM(markdown_it);
277
313
  "layout-m-0": true,
278
314
  "layout-mr-2": true,
279
315
  "layout-p-2": true,
280
- "border-br-12": true,
316
+ "border-br-2": true,
281
317
  "border-bw-1": true,
282
318
  "border-bs-s": true,
283
319
  "color-bgc-p100": true,
284
320
  "color-bc-p60": true,
285
- "color-c-n30": true,
286
- "color-c-p30": true
321
+ "color-c-n30": true
287
322
  },
288
323
  label: {
289
- "color-c-p30": true,
290
324
  "typography-f-sf": true,
291
325
  "typography-v-r": true,
292
326
  "typography-w-400": true,
@@ -299,9 +333,7 @@ markdown_it = __toESM(markdown_it);
299
333
  "typography-sz-bm": true,
300
334
  "layout-w-100": true,
301
335
  "layout-g-2": true,
302
- "layout-dsp-flexhor": true,
303
- "layout-al-c": true,
304
- "typography-ws-nw": true
336
+ "layout-dsp-flexvert": true
305
337
  },
306
338
  label: {
307
339
  "color-c-p30": true,
@@ -312,13 +344,8 @@ markdown_it = __toESM(markdown_it);
312
344
  "layout-pb-2": true,
313
345
  "layout-pl-3": true,
314
346
  "layout-pr-3": true,
315
- "border-br-2": true,
316
347
  "border-bw-1": true,
317
- "border-bs-s": true,
318
- "color-bgc-p100": true,
319
- "color-bc-p60": true,
320
- "color-c-n30": true,
321
- "color-c-p30": true
348
+ "border-bs-s": true
322
349
  }
323
350
  },
324
351
  MultipleChoice: {
@@ -336,27 +363,17 @@ markdown_it = __toESM(markdown_it);
336
363
  "typography-sz-bm": true,
337
364
  "layout-w-100": true,
338
365
  "layout-g-2": true,
339
- "layout-dsp-flexhor": true,
340
- "layout-al-c": true,
341
- "typography-ws-nw": true
342
- },
343
- label: {
344
- "layout-flx-0": true,
345
- "color-c-p30": true
366
+ "layout-dsp-flexvert": true
346
367
  },
368
+ label: { "layout-flx-0": true },
347
369
  element: {
348
370
  "typography-sz-bm": true,
349
371
  "layout-pt-2": true,
350
372
  "layout-pb-2": true,
351
373
  "layout-pl-3": true,
352
374
  "layout-pr-3": true,
353
- "border-br-2": true,
354
375
  "border-bw-1": true,
355
- "border-bs-s": true,
356
- "color-bgc-p100": true,
357
- "color-bc-p60": true,
358
- "color-c-n30": true,
359
- "color-c-p30": true
376
+ "border-bs-s": true
360
377
  }
361
378
  }
362
379
  },
@@ -389,7 +406,7 @@ markdown_it = __toESM(markdown_it);
389
406
  li: Object.keys(elementList),
390
407
  a: Object.keys(elementA),
391
408
  strong: [],
392
- em: []
409
+ em: ["typography-fs-n"]
393
410
  }
394
411
  };
395
412
  /**
@@ -2619,8 +2636,45 @@ markdown_it = __toESM(markdown_it);
2619
2636
  const listItemLight = _a2ui_lit.v0_8.Styles.merge(listItem, { "color-c-n35": true });
2620
2637
  const theme = {
2621
2638
  additionalStyles: {
2622
- Button: { "--n-35": "var(--n-100)" },
2623
- Card: { padding: "32px" }
2639
+ Button: {
2640
+ background: "var(--primary, oklch(0.205 0 0))",
2641
+ color: "var(--primary-foreground, oklch(0.985 0 0))",
2642
+ "border-radius": "calc(var(--radius, 0.625rem) - 2px)",
2643
+ cursor: "pointer",
2644
+ width: "100%",
2645
+ "--n-10": "var(--primary-foreground, oklch(0.985 0 0))",
2646
+ "--n-35": "var(--primary-foreground, oklch(0.985 0 0))",
2647
+ "--n-60": "var(--primary-foreground, oklch(0.985 0 0))"
2648
+ },
2649
+ Card: {
2650
+ background: "var(--card, oklch(1 0 0))",
2651
+ border: "1px solid var(--border, oklch(0.922 0 0))",
2652
+ "border-radius": "var(--radius, 0.625rem)",
2653
+ padding: "16px"
2654
+ },
2655
+ TextField: {
2656
+ "background-color": "var(--background, oklch(1 0 0))",
2657
+ "border-color": "var(--input, oklch(0.922 0 0))",
2658
+ color: "var(--foreground, oklch(0.145 0 0))",
2659
+ "border-radius": "var(--radius, 0.625rem)"
2660
+ },
2661
+ CheckBox: {
2662
+ "--n-100": "var(--background, oklch(1 0 0))",
2663
+ "--n-70": "var(--border, oklch(0.922 0 0))",
2664
+ "--n-30": "var(--foreground, oklch(0.145 0 0))"
2665
+ },
2666
+ DateTimeInput: {
2667
+ "background-color": "var(--background, oklch(1 0 0))",
2668
+ "border-color": "var(--input, oklch(0.922 0 0))",
2669
+ color: "var(--foreground, oklch(0.145 0 0))",
2670
+ "border-radius": "var(--radius, 0.625rem)"
2671
+ },
2672
+ Modal: {
2673
+ "--p-100": "var(--card, oklch(1 0 0))",
2674
+ "--p-80": "var(--border, oklch(0.922 0 0))",
2675
+ "border-radius": "var(--radius, 0.625rem)"
2676
+ },
2677
+ Text: { color: "var(--foreground, oklch(0.145 0 0))" }
2624
2678
  },
2625
2679
  components: {
2626
2680
  AudioPlayer: {},
@@ -2629,32 +2683,26 @@ markdown_it = __toESM(markdown_it);
2629
2683
  "layout-pb-2": true,
2630
2684
  "layout-pl-3": true,
2631
2685
  "layout-pr-3": true,
2632
- "border-br-12": true,
2633
2686
  "border-bw-0": true,
2634
- "border-bs-s": true,
2635
- "color-bgc-p30": true,
2636
- "color-c-n100": true,
2637
- "behavior-ho-70": true
2687
+ "border-bs-s": true
2638
2688
  },
2639
2689
  Card: {
2640
2690
  "border-br-9": true,
2641
- "color-bgc-p100": true
2691
+ "color-bgc-n100": true
2642
2692
  },
2643
2693
  CheckBox: {
2644
2694
  element: {
2645
2695
  "layout-m-0": true,
2646
2696
  "layout-mr-2": true,
2647
2697
  "layout-p-2": true,
2648
- "border-br-12": true,
2698
+ "border-br-2": true,
2649
2699
  "border-bw-1": true,
2650
2700
  "border-bs-s": true,
2651
- "color-bgc-p100": true,
2652
- "color-bc-p60": true,
2653
- "color-c-n30": true,
2654
- "color-c-p30": true
2701
+ "color-bgc-n100": true,
2702
+ "color-bc-n70": true,
2703
+ "color-c-n30": true
2655
2704
  },
2656
2705
  label: {
2657
- "color-c-p30": true,
2658
2706
  "typography-f-sf": true,
2659
2707
  "typography-v-r": true,
2660
2708
  "typography-w-400": true,
@@ -2675,13 +2723,12 @@ markdown_it = __toESM(markdown_it);
2675
2723
  "layout-pb-2": true,
2676
2724
  "layout-pl-3": true,
2677
2725
  "layout-pr-3": true,
2678
- "border-br-12": true,
2726
+ "border-br-2": true,
2679
2727
  "border-bw-1": true,
2680
2728
  "border-bs-s": true,
2681
- "color-bgc-p100": true,
2682
- "color-bc-p60": true,
2683
- "color-c-n30": true,
2684
- "color-c-p30": true
2729
+ "color-bgc-n100": true,
2730
+ "color-bc-n70": true,
2731
+ "color-c-n30": true
2685
2732
  }
2686
2733
  },
2687
2734
  Divider: {},
@@ -2705,14 +2752,14 @@ markdown_it = __toESM(markdown_it);
2705
2752
  "layout-p-2": true
2706
2753
  },
2707
2754
  Modal: {
2708
- backdrop: { "color-bbgc-p60_20": true },
2755
+ backdrop: { "color-bbgc-n10_20": true },
2709
2756
  element: {
2710
2757
  "border-br-2": true,
2711
- "color-bgc-p100": true,
2758
+ "color-bgc-n100": true,
2712
2759
  "layout-p-4": true,
2713
2760
  "border-bw-1": true,
2714
2761
  "border-bs-s": true,
2715
- "color-bc-p80": true
2762
+ "color-bc-n80": true
2716
2763
  }
2717
2764
  },
2718
2765
  MultipleChoice: {
@@ -2787,8 +2834,7 @@ markdown_it = __toESM(markdown_it);
2787
2834
  "typography-sz-bm": true,
2788
2835
  "layout-w-100": true,
2789
2836
  "layout-g-2": true,
2790
- "layout-dsp-flexhor": true,
2791
- "layout-al-c": true
2837
+ "layout-dsp-flexvert": true
2792
2838
  },
2793
2839
  label: { "layout-flx-0": true },
2794
2840
  element: {
@@ -2797,13 +2843,12 @@ markdown_it = __toESM(markdown_it);
2797
2843
  "layout-pb-2": true,
2798
2844
  "layout-pl-3": true,
2799
2845
  "layout-pr-3": true,
2800
- "border-br-12": true,
2846
+ "border-br-2": true,
2801
2847
  "border-bw-1": true,
2802
2848
  "border-bs-s": true,
2803
- "color-bgc-p100": true,
2804
- "color-bc-p60": true,
2805
- "color-c-n30": true,
2806
- "color-c-p30": true
2849
+ "color-bgc-n100": true,
2850
+ "color-bc-n70": true,
2851
+ "color-c-n30": true
2807
2852
  }
2808
2853
  },
2809
2854
  Video: {
@@ -2816,6 +2861,7 @@ markdown_it = __toESM(markdown_it);
2816
2861
  audio,
2817
2862
  body: bodyLight,
2818
2863
  button: buttonLight,
2864
+ em: { "typography-fs-n": true },
2819
2865
  h1: h1Light,
2820
2866
  h2: h2Light,
2821
2867
  h3: h3Light,
@@ -2840,7 +2886,7 @@ markdown_it = __toESM(markdown_it);
2840
2886
  li: [...Object.keys(listItemLight)],
2841
2887
  a: [...Object.keys(aLight)],
2842
2888
  strong: [],
2843
- em: []
2889
+ em: ["typography-fs-n"]
2844
2890
  }
2845
2891
  };
2846
2892