tyrell-components 1.0.0-TC34 → 1.0.0-TC35

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 (31) hide show
  1. package/css/tyrell-brand.css +101 -6
  2. package/dist/tyrell-brand.css +101 -6
  3. package/dist/tyrell.js +1 -1
  4. package/lib/components/button.d.ts +7 -0
  5. package/lib/components/button.d.ts.map +1 -1
  6. package/lib/components/button.js +12 -1
  7. package/lib/components/button.js.map +1 -1
  8. package/lib/components/popup.d.ts.map +1 -1
  9. package/lib/components/popup.js +22 -2
  10. package/lib/components/popup.js.map +1 -1
  11. package/lib/components/select.d.ts +8 -0
  12. package/lib/components/select.d.ts.map +1 -1
  13. package/lib/components/select.js +26 -0
  14. package/lib/components/select.js.map +1 -1
  15. package/lib/components/tabs.d.ts.map +1 -1
  16. package/lib/components/tabs.js +162 -23
  17. package/lib/components/tabs.js.map +1 -1
  18. package/lib/styles/button.d.ts.map +1 -1
  19. package/lib/styles/button.js +57 -14
  20. package/lib/styles/button.js.map +1 -1
  21. package/lib/styles/tabs.d.ts +1 -1
  22. package/lib/styles/tabs.d.ts.map +1 -1
  23. package/lib/styles/tabs.js +70 -0
  24. package/lib/styles/tabs.js.map +1 -1
  25. package/lib/styles/wizard.d.ts +1 -1
  26. package/lib/styles/wizard.d.ts.map +1 -1
  27. package/lib/styles/wizard.js +15 -3
  28. package/lib/styles/wizard.js.map +1 -1
  29. package/lib/version.d.ts +1 -1
  30. package/lib/version.js +1 -1
  31. package/package.json +5 -2
package/lib/styles/wizard.js CHANGED
@@ -195,14 +195,23 @@ export const wizardStyles = `
195
195
  .step-circle[data-state="completed"] {
196
196
  background: var(--ty-wizard-completed-accent);
197
197
  border-color: var(--ty-color-success-strong);
198
- color: var(--ty-solid-success-fg, white);
198
+ /* Derived from the accent this circle actually paints, not from
199
+ --ty-solid-success-fg: the two diverge in dark mode (--ty-solid-l
200
+ dims solid fills by 0.25 L), which stranded white text at 3.5:1. */
201
+ color: oklch(
202
+ from var(--ty-wizard-completed-accent)
203
+ clamp(0, (var(--ty-solid-fg-threshold, 0.6) - l) * 1000, 1) 0 0
204
+ );
199
205
  box-shadow: 0 0 0 4px color-mix(in oklab, var(--ty-wizard-completed-accent) 12%, transparent);
200
206
  }
201
207
 
202
208
  .step-circle[data-state="active"] {
203
209
  background: var(--ty-wizard-active-accent);
204
210
  border-color: var(--ty-color-primary-strong);
205
- color: var(--ty-solid-primary-fg, white);
211
+ color: oklch(
212
+ from var(--ty-wizard-active-accent)
213
+ clamp(0, (var(--ty-solid-fg-threshold, 0.6) - l) * 1000, 1) 0 0
214
+ );
206
215
  box-shadow: 0 0 0 4px color-mix(in oklab, var(--ty-wizard-active-accent) 12%, transparent);
207
216
  }
208
217
 
@@ -215,7 +224,10 @@ export const wizardStyles = `
215
224
  .step-circle[data-state="error"] {
216
225
  background: var(--ty-wizard-error-accent);
217
226
  border-color: var(--ty-color-danger-strong);
218
- color: var(--ty-solid-danger-fg, white);
227
+ color: oklch(
228
+ from var(--ty-wizard-error-accent)
229
+ clamp(0, (var(--ty-solid-fg-threshold, 0.6) - l) * 1000, 1) 0 0
230
+ );
219
231
  box-shadow: 0 0 0 4px color-mix(in oklab, var(--ty-wizard-error-accent) 12%, transparent);
220
232
  }
221
233
 
package/lib/styles/wizard.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"wizard.js","sourceRoot":"","sources":["../../src/styles/wizard.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmU3B,CAAC"}
1
+ {"version":3,"file":"wizard.js","sourceRoot":"","sources":["../../src/styles/wizard.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+U3B,CAAC"}
package/lib/version.d.ts CHANGED
@@ -4,5 +4,5 @@
4
4
  * This is automatically synced with package.json during build.
5
5
  * Use `npm version` to bump versions.
6
6
  */
7
- export declare const VERSION = "1.0.0-TC34";
7
+ export declare const VERSION = "1.0.0-TC35";
8
8
  //# sourceMappingURL=version.d.ts.map
package/lib/version.js CHANGED
@@ -7,5 +7,5 @@
7
7
  * This is automatically synced with package.json during build.
8
8
  * Use `npm version` to bump versions.
9
9
  */
10
- export const VERSION = '1.0.0-TC34';
10
+ export const VERSION = '1.0.0-TC35';
11
11
  //# sourceMappingURL=version.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tyrell-components",
3
- "version": "1.0.0-TC34",
3
+ "version": "1.0.0-TC35",
4
4
  "description": "Tyrell Components - Framework-agnostic web components with semantic design system",
5
5
  "type": "module",
6
6
  "sideEffects": [
@@ -142,10 +142,13 @@
142
142
  "prepublishOnly": "npm run build",
143
143
  "preview": "vite preview",
144
144
  "test": "npm run build:lib && wtr",
145
- "test:watch": "wtr --watch"
145
+ "test:watch": "wtr --watch",
146
+ "test:e2e": "npm run build:cdn && playwright test",
147
+ "test:e2e:ui": "playwright test --ui"
146
148
  },
147
149
  "devDependencies": {
148
150
  "@open-wc/testing": "^4.0.0",
151
+ "@playwright/test": "^1.61.1",
149
152
  "@rollup/plugin-terser": "^0.4.4",
150
153
  "@types/mocha": "^10.0.10",
151
154
  "@web/dev-server-esbuild": "^1.0.5",