@floegence/floe-webapp-core 0.35.28 → 0.35.30
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/chat.css +67 -0
- package/dist/components/ui/DirectoryInput.js +1 -1
- package/dist/components/ui/DirectoryPicker.js +1 -1
- package/dist/components/ui/FileSavePicker.js +1 -1
- package/dist/components/ui/picker/PickerBase.d.ts +2 -1
- package/dist/components/ui/picker/PickerBase.js +126 -118
- package/dist/styles/tokens.d.ts +80 -0
- package/dist/styles/tokens.js +57 -9
- package/dist/styles.css +1 -1
- package/dist/themes/dark.css +8 -0
- package/dist/themes/light.css +8 -0
- package/dist/ui.css +10 -10
- package/package.json +1 -1
package/dist/themes/dark.css
CHANGED
|
@@ -50,6 +50,14 @@
|
|
|
50
50
|
--info: oklch(0.7 0.15 250);
|
|
51
51
|
--info-foreground: hsl(0 0% 100%);
|
|
52
52
|
|
|
53
|
+
/* Highlight block accents - deeper than shared status tokens */
|
|
54
|
+
--highlight-block-info-accent: oklch(0.62 0.12 240);
|
|
55
|
+
--highlight-block-warning-accent: oklch(0.7 0.14 65);
|
|
56
|
+
--highlight-block-success-accent: oklch(0.62 0.12 155);
|
|
57
|
+
--highlight-block-error-accent: oklch(0.6 0.14 25);
|
|
58
|
+
--highlight-block-note-accent: oklch(0.62 0.14 285);
|
|
59
|
+
--highlight-block-tip-accent: oklch(0.6 0.1 175);
|
|
60
|
+
|
|
53
61
|
/* Sidebar */
|
|
54
62
|
--sidebar: hsl(222 28% 10%);
|
|
55
63
|
--sidebar-foreground: hsl(210 20% 98%);
|
package/dist/themes/light.css
CHANGED
|
@@ -51,6 +51,14 @@
|
|
|
51
51
|
--info: oklch(0.65 0.13 250);
|
|
52
52
|
--info-foreground: hsl(0 0% 100%);
|
|
53
53
|
|
|
54
|
+
/* Highlight block accents - deeper than shared status tokens */
|
|
55
|
+
--highlight-block-info-accent: oklch(0.52 0.14 245);
|
|
56
|
+
--highlight-block-warning-accent: oklch(0.62 0.16 65);
|
|
57
|
+
--highlight-block-success-accent: oklch(0.55 0.14 155);
|
|
58
|
+
--highlight-block-error-accent: oklch(0.55 0.16 25);
|
|
59
|
+
--highlight-block-note-accent: oklch(0.52 0.16 285);
|
|
60
|
+
--highlight-block-tip-accent: oklch(0.52 0.12 175);
|
|
61
|
+
|
|
54
62
|
/* Sidebar - Slightly warmer */
|
|
55
63
|
--sidebar: hsl(36 12% 91%);
|
|
56
64
|
--sidebar-foreground: hsl(215 40% 13%);
|
package/dist/ui.css
CHANGED
|
@@ -664,10 +664,10 @@
|
|
|
664
664
|
|
|
665
665
|
.highlight-block {
|
|
666
666
|
--hb-accent: var(--primary);
|
|
667
|
-
--hb-border: color-mix(in srgb, var(--hb-accent)
|
|
668
|
-
--hb-header-bg: color-mix(in srgb, var(--hb-accent)
|
|
669
|
-
--hb-content-bg: color-mix(in srgb, var(--hb-accent)
|
|
670
|
-
--hb-title: color-mix(in srgb, var(--hb-accent)
|
|
667
|
+
--hb-border: color-mix(in srgb, var(--hb-accent) 34%, var(--border));
|
|
668
|
+
--hb-header-bg: color-mix(in srgb, var(--hb-accent) 18%, var(--card));
|
|
669
|
+
--hb-content-bg: color-mix(in srgb, var(--hb-accent) 10%, var(--card));
|
|
670
|
+
--hb-title: color-mix(in srgb, var(--hb-accent) 78%, var(--foreground));
|
|
671
671
|
|
|
672
672
|
border-radius: 6px;
|
|
673
673
|
overflow: hidden;
|
|
@@ -729,27 +729,27 @@
|
|
|
729
729
|
}
|
|
730
730
|
|
|
731
731
|
.highlight-block-info {
|
|
732
|
-
--hb-accent: var(--info);
|
|
732
|
+
--hb-accent: var(--highlight-block-info-accent);
|
|
733
733
|
}
|
|
734
734
|
|
|
735
735
|
.highlight-block-warning {
|
|
736
|
-
--hb-accent: var(--warning);
|
|
736
|
+
--hb-accent: var(--highlight-block-warning-accent);
|
|
737
737
|
}
|
|
738
738
|
|
|
739
739
|
.highlight-block-success {
|
|
740
|
-
--hb-accent: var(--success);
|
|
740
|
+
--hb-accent: var(--highlight-block-success-accent);
|
|
741
741
|
}
|
|
742
742
|
|
|
743
743
|
.highlight-block-error {
|
|
744
|
-
--hb-accent: var(--error);
|
|
744
|
+
--hb-accent: var(--highlight-block-error-accent);
|
|
745
745
|
}
|
|
746
746
|
|
|
747
747
|
.highlight-block-note {
|
|
748
|
-
--hb-accent:
|
|
748
|
+
--hb-accent: var(--highlight-block-note-accent);
|
|
749
749
|
}
|
|
750
750
|
|
|
751
751
|
.highlight-block-tip {
|
|
752
|
-
--hb-accent:
|
|
752
|
+
--hb-accent: var(--highlight-block-tip-accent);
|
|
753
753
|
}
|
|
754
754
|
|
|
755
755
|
/* =============================================================================
|