@q1travel/design-system 0.27.2 → 0.28.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.
Files changed (15) hide show
  1. package/.agents/skills/product-design/references/glossary.md +8 -0
  2. package/.agents/skills/product-design/references/review-component.md +1 -1
  3. package/.agents/skills/product-design/references/surfaces.md +2 -1
  4. package/README.md +2 -1
  5. package/contracts/design.dark.md +4 -2
  6. package/contracts/design.md +4 -2
  7. package/contracts/icon-system.md +10 -1
  8. package/contracts/implementation-map.md +7 -1
  9. package/contracts/interface-guidelines.md +2 -1
  10. package/contracts/token-naming.md +11 -1
  11. package/dist-pkg/design-system.d.ts +92 -7
  12. package/dist-pkg/design-system.js +6271 -5962
  13. package/dist-pkg/style.css +631 -327
  14. package/dist-pkg/tokens.css +2 -34
  15. package/package.json +4 -3
package/dist-pkg/tokens.css CHANGED
@@ -1,4 +1,4 @@
1
- :root {
1
+ :root, [data-q1-theme='light'], [data-q1-theme='dark'] {
2
2
  --q1-color-background-100: #ffffff;
3
3
  --q1-color-background-200: #fafafa;
4
4
  --q1-color-gray-alpha-100: rgba(0, 0, 0, 0.06);
@@ -292,7 +292,6 @@
292
292
  --q1-doc-page-footer-min-height: 112px;
293
293
  --q1-doc-page-footer-padding: 28px var(--q1-space-8) 48px;
294
294
  --q1-doc-intro-footer-padding: 28px 48px;
295
- --q1-doc-page-footer-action-min-width: 72px;
296
295
  --q1-radius-1: 4px;
297
296
  --q1-radius-2: 6px;
298
297
  --q1-radius-3: 8px;
@@ -321,7 +320,7 @@
321
320
  --q1-z-toast: 1400;
322
321
  }
323
322
 
324
- :root[data-theme='dark'] {
323
+ :root[data-theme='dark'], [data-q1-theme='dark'] {
325
324
  --q1-color-background-100: #121212;
326
325
  --q1-color-background-200: #000000;
327
326
  --q1-color-gray-alpha-100: rgba(255, 255, 255, 0.08);
@@ -615,7 +614,6 @@
615
614
  --q1-doc-page-footer-min-height: 112px;
616
615
  --q1-doc-page-footer-padding: 28px var(--q1-space-8) 48px;
617
616
  --q1-doc-intro-footer-padding: 28px 48px;
618
- --q1-doc-page-footer-action-min-width: 72px;
619
617
  --q1-radius-1: 4px;
620
618
  --q1-radius-2: 6px;
621
619
  --q1-radius-3: 8px;
@@ -643,33 +641,3 @@
643
641
  --q1-z-overlay-root: 1300;
644
642
  --q1-z-toast: 1400;
645
643
  }
646
-
647
- [data-q1-theme='light'] {
648
- --q1-color-auth-text-primary: #061b31;
649
- --q1-color-auth-text-secondary: #273951;
650
- --q1-color-auth-text-muted: #64748d;
651
- --q1-color-auth-border-strong: #d6dde6;
652
- --q1-color-auth-surface-card: #ffffff;
653
- --q1-color-auth-surface-subtle: #f8fafc;
654
- --q1-color-auth-surface-input: #ffffff;
655
- --q1-color-auth-surface-hover: #f6f9fc;
656
- --q1-color-auth-surface-disabled: #f6f9fc;
657
- --q1-color-auth-surface-media: #04050a;
658
- --q1-color-auth-action-hover: #4434d4;
659
- --q1-color-auth-action-press: #2e2b8c;
660
- --q1-color-auth-action-disabled-bg: #c7c9cc;
661
- --q1-color-auth-action-disabled-border: #c7c9cc;
662
- --q1-color-auth-action-disabled-text: #ffffff;
663
- --q1-color-auth-focus-ring: rgba(83, 58, 253, 0.42);
664
- --q1-color-auth-danger-border: #d92d20;
665
- --q1-color-auth-danger-surface: #fff8f7;
666
- --q1-color-auth-error-text: #be123c;
667
- --q1-color-auth-field-error-text: #d32f2f;
668
- --q1-color-auth-notice-border: #b9b9f9;
669
- --q1-color-auth-notice-surface: #efebff;
670
- --q1-color-auth-notice-text: #2e2b8c;
671
- --q1-color-auth-media-overlay: rgba(4, 5, 10, 0.46);
672
- --q1-color-auth-media-overlay-hover: rgba(4, 5, 10, 0.66);
673
- --q1-color-auth-on-media-border: rgba(255, 255, 255, 0.22);
674
- --q1-color-auth-on-media-border-hover: rgba(255, 255, 255, 0.34);
675
- }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@q1travel/design-system",
3
- "version": "0.27.2",
3
+ "version": "0.28.0",
4
4
  "description": "React components, design tokens, and interface contracts for q1travel products.",
5
5
  "keywords": [
6
6
  "react",
@@ -53,8 +53,9 @@
53
53
  "preview": "vite preview --host 127.0.0.1",
54
54
  "check:shell": "npm run sync:contracts && node scripts/check-shell.mjs && node scripts/check-token-package.mjs && npm run check:release-provenance",
55
55
  "check:browser:strictmode": "node scripts/check-browser.mjs --strictmode-ref",
56
- "check:browser": "node --test scripts/devtools-connection.test.mjs && npm run check:browser:strictmode && node scripts/check-browser.mjs --note && node scripts/check-browser.mjs && node scripts/check-clearable-input-browser.mjs && node scripts/check-calendar-browser.mjs && node scripts/check-banner-browser.mjs && node scripts/check-button-link-browser.mjs && node scripts/check-button-browser.mjs && node scripts/check-browser-component-browser.mjs",
57
- "check:package-api": "node scripts/check-package-api.mjs && node --test scripts/check-q1-design-lint.test.mjs scripts/check-q1-design-bin-entry.test.mjs && node --test scripts/check-json-view-contract.test.mjs && node --test scripts/check-verification-code-input.test.mjs && node --test scripts/check-bare-field-error.test.mjs scripts/check-label-hidden-contract.test.mjs && node --test scripts/check-controls-contract.test.mjs && node --test scripts/check-pagination-contract.test.mjs && node --test scripts/check-table-core.test.mjs scripts/check-table-interaction.test.mjs scripts/check-table-layout.test.mjs && node --test scripts/check-contrast-contract.test.mjs && node --test scripts/check-optical-alignment-contract.test.mjs && node --test scripts/check-overlay-coordination.test.mjs scripts/check-sheet-contract.test.mjs && node --test scripts/check-choicebox-contract.test.mjs && node --test scripts/check-clearable-input-contract.test.mjs && node --test scripts/check-card-contract.test.mjs && node --test scripts/check-book-contract.test.mjs && node --test scripts/check-breadcrumbs-contract.test.mjs && node --test scripts/check-description-contract.test.mjs && node --test scripts/check-error-message-contract.test.mjs && node --test scripts/check-show-more-contract.test.mjs && node --test scripts/check-load-more-button-contract.test.mjs && node --test scripts/check-banner-contract.test.mjs && node --test scripts/check-project-banner-contract.test.mjs && node --test scripts/check-note-contract.test.mjs && node --test scripts/check-feedback-contract.test.mjs && node --test scripts/check-page-feedback-contract.test.mjs && node --test scripts/check-drawer-gesture.test.mjs && node --test scripts/check-checkbox-circle-contract.test.mjs && node --test scripts/check-chat-contract.test.mjs && node --test scripts/check-calendar-single-contract.test.mjs && node --test scripts/check-hover-card-contract.test.mjs && node --test scripts/check-bare-field-error.test.mjs && node --test scripts/check-controls-contract.test.mjs scripts/check-control-size-contract.test.mjs && node --test scripts/check-composer-dots-menu-contract.test.mjs && node --test scripts/check-filter-option-panel-contract.test.mjs",
56
+ "check:browser": "node --test scripts/devtools-connection.test.mjs && npm run check:browser:strictmode && node scripts/check-browser.mjs --note && node scripts/check-browser.mjs && node scripts/check-clearable-input-browser.mjs && node scripts/check-calendar-browser.mjs && node scripts/check-banner-browser.mjs && node scripts/check-button-link-browser.mjs && node scripts/check-button-browser.mjs && node scripts/check-trailing-icon-padding-browser.mjs && node scripts/check-overlay-theme-browser.mjs && node scripts/check-browser-component-browser.mjs",
57
+ "check:package-api": "node scripts/check-package-api.mjs && node --test scripts/check-q1-design-lint.test.mjs scripts/check-q1-design-bin-entry.test.mjs && node --test scripts/check-json-view-contract.test.mjs && node --test scripts/check-verification-code-input.test.mjs && node --test scripts/check-bare-field-error.test.mjs scripts/check-label-hidden-contract.test.mjs && node --test scripts/check-controls-contract.test.mjs && node --test scripts/check-pagination-contract.test.mjs && node --test scripts/check-table-core.test.mjs scripts/check-table-interaction.test.mjs scripts/check-table-layout.test.mjs && node --test scripts/check-contrast-contract.test.mjs && node --test scripts/check-optical-alignment-contract.test.mjs && node --test scripts/check-overlay-coordination.test.mjs scripts/check-sheet-contract.test.mjs && node --test scripts/check-choicebox-contract.test.mjs && node --test scripts/check-clearable-input-contract.test.mjs && node --test scripts/check-card-contract.test.mjs && node --test scripts/check-book-contract.test.mjs && node --test scripts/check-breadcrumbs-contract.test.mjs && node --test scripts/check-description-contract.test.mjs && node --test scripts/check-error-message-contract.test.mjs && node --test scripts/check-show-more-contract.test.mjs && node --test scripts/check-load-more-button-contract.test.mjs && node --test scripts/check-banner-contract.test.mjs && node --test scripts/check-project-banner-contract.test.mjs && node --test scripts/check-note-contract.test.mjs && node --test scripts/check-feedback-contract.test.mjs && node --test scripts/check-page-feedback-contract.test.mjs && node --test scripts/check-drawer-gesture.test.mjs && node --test scripts/check-checkbox-circle-contract.test.mjs && node --test scripts/check-chat-contract.test.mjs && node --test scripts/check-calendar-single-contract.test.mjs && node --test scripts/check-hover-card-contract.test.mjs && node --test scripts/check-bare-field-error.test.mjs && node --test scripts/check-controls-contract.test.mjs scripts/check-control-size-contract.test.mjs && node --test scripts/check-composer-dots-menu-contract.test.mjs && node --test scripts/check-filter-option-panel-contract.test.mjs && npm run check:release-diff",
58
+ "check:release-diff": "node --test scripts/check-release-artifact-diff.test.mjs && node scripts/check-release-artifact-diff.mjs",
58
59
  "check:release-provenance": "node --test scripts/check-release-provenance.test.mjs && node scripts/check-release-provenance.mjs",
59
60
  "check:release-sync": "node --test scripts/release-sync.test.mjs",
60
61
  "release:verify": "node scripts/release-sync.mjs --verify-only",