@ceebee/ui 1.2.0 → 1.3.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.
- package/dist/client.js +5 -0
- package/dist/styles.css +6 -0
- package/package.json +1 -1
package/dist/client.js
CHANGED
|
@@ -80,6 +80,11 @@ function readCeebeeThemeToken(root) {
|
|
|
80
80
|
colorText: color("--cb-fg"),
|
|
81
81
|
colorTextSecondary: color("--cb-fg-muted"),
|
|
82
82
|
colorTextTertiary: color("--cb-fg-subtle"),
|
|
83
|
+
/* Ant derives its placeholder colour from its own algorithm rather than from any token this
|
|
84
|
+
bridge already sends, and lands on a 25%-alpha grey that fails WCAG AA text contrast in both
|
|
85
|
+
modes. Placeholder text is text, so it takes the subtle foreground like every other quiet
|
|
86
|
+
label. */
|
|
87
|
+
colorTextPlaceholder: color("--cb-fg-subtle"),
|
|
83
88
|
colorTextLightSolid: color("--cb-fg-on-brand"),
|
|
84
89
|
colorBgBase: color("--cb-bg"),
|
|
85
90
|
colorBgContainer: color("--cb-surface"),
|
package/dist/styles.css
CHANGED
|
@@ -103,6 +103,10 @@
|
|
|
103
103
|
--cb-fg-muted: oklch(0.45 0.02 280);
|
|
104
104
|
--cb-fg-subtle: oklch(0.53 0.018 280);
|
|
105
105
|
--cb-fg-on-brand: oklch(0.99 0 0);
|
|
106
|
+
/* Brand-coloured text on a surface. The brand ramp step that carries body text at WCAG AA is
|
|
107
|
+
not the same step in both modes, so link colour is a token rather than a ramp reference a
|
|
108
|
+
product has to pick per theme. */
|
|
109
|
+
--cb-fg-link: var(--cb-brand-600);
|
|
106
110
|
/* A boundary has to be visible to be a boundary: border-strong carries the 3:1 WCAG asks of a
|
|
107
111
|
control's edge, and border the quieter separation between panels. */
|
|
108
112
|
|
|
@@ -179,6 +183,7 @@
|
|
|
179
183
|
|
|
180
184
|
--cb-brand-500: oklch(0.72 0.19 var(--cb-hue-brand));
|
|
181
185
|
--cb-brand-600: oklch(0.64 0.2 var(--cb-hue-brand));
|
|
186
|
+
--cb-fg-link: var(--cb-brand-500);
|
|
182
187
|
|
|
183
188
|
--cb-shadow-sm: 0 1px 2px oklch(0 0 0 / 0.4);
|
|
184
189
|
--cb-shadow-md: 0 6px 20px oklch(0 0 0 / 0.45);
|
|
@@ -229,6 +234,7 @@
|
|
|
229
234
|
|
|
230
235
|
--cb-brand-500: oklch(0.72 0.19 var(--cb-hue-brand));
|
|
231
236
|
--cb-brand-600: oklch(0.64 0.2 var(--cb-hue-brand));
|
|
237
|
+
--cb-fg-link: var(--cb-brand-500);
|
|
232
238
|
|
|
233
239
|
--cb-shadow-sm: 0 1px 2px oklch(0 0 0 / 0.4);
|
|
234
240
|
--cb-shadow-md: 0 6px 20px oklch(0 0 0 / 0.45);
|