q2-tecton-theme 1.71.2 → 1.72.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 (5) hide show
  1. package/CHANGELOG.md +5 -4
  2. package/dist/q2-tecton-theme.css +1 -1
  3. package/dist/q2-tecton-theme.css.map +1 -1
  4. package/package.json +2 -2
  5. package/src/styles/q2-tecton-theme.scss +11 -3
package/CHANGELOG.md CHANGED
@@ -3,15 +3,16 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [1.71.2](https://gitlab.com/q2e/development/tecton/tecton/tecton/compare/v1.71.1...v1.71.2) (2026-08-28)
6
+ ## [1.72.0](https://gitlab.com/q2e/development/tecton/tecton/tecton/compare/v1.71.0...v1.72.0) (2026-09-19)
7
7
 
8
- **Note:** Version bump only for package q2-tecton-theme
8
+ ### Features
9
9
 
10
- ## [1.71.1](https://gitlab.com/q2e/development/tecton/tecton/tecton/compare/v1.71.0...v1.71.1) (2026-08-24)
10
+ * add color scheme and contrast custom props (TCT-4226) ([533009a](https://gitlab.com/q2e/development/tecton/tecton/commit/533009ad01b140829f4327b9ab28f479f8f6e613))
11
+ * update button style on each state default, hover, pressed, focus, disable (TCT-4218) ([bfd70bc](https://gitlab.com/q2e/development/tecton/tecton/commit/bfd70bc93aed1c5ad0961935df5723310f9c4a45))
11
12
 
12
13
  ### Fixes
13
14
 
14
- * default to light mode and px font sizing (TCT-4348) ([e499042](https://gitlab.com/q2e/development/tecton/tecton/commit/e499042f937a35298bb7437927f30892bd6f0303))
15
+ * default to light mode and px font sizing (TCT-4348) ([497abd5](https://gitlab.com/q2e/development/tecton/tecton/commit/497abd54eac8052b4b1bf2010a68fa8021dd11e0))
15
16
 
16
17
  ## [1.71.0](https://gitlab.com/q2e/development/tecton/tecton/tecton/compare/v1.70.0...v1.71.0) (2026-08-19)
17
18
 
package/dist/q2-tecton-theme.css CHANGED
@@ -1,3 +1,3 @@
1
- :root{--const-stoplight-info: #0079c1;--const-stoplight-success: #0e8a00;--const-stoplight-warning: #c35500;--const-stoplight-alert: #d20a0a;--const-focus-color: #0066cc;--const-global-focus: 0 0 0 2px var(--const-focus-color);--const-double-focus-ring: 0 0 0 2px var(--t-base), 0 0 0 4px var(--const-focus-color), 0 0 0 6px var(--t-base);--const-inset-double-focus-ring: inset 0 0 0 2px var(--t-base), inset 0 0 0 4px var(--const-focus-color), inset 0 0 0 6px var(--t-base);--app-white: #ffffff;--app-black: #000000;--app-font-size: var(--const-px-14);--app-font-size-small: var(--const-px-12);--app-line-height: 1.428571429em;--app-scale-0x: 0px;--app-scale-1x: 5px;--app-scale-2x: 10px;--app-scale-3x: 15px;--app-scale-4x: 20px;--app-scale-5x: 25px;--app-scale-6x: 30px;--app-scale-7x: 35px;--app-scale-8x: 40px;--app-scale-9x: 45px;--app-scale-10x: 50px;--app-scale-11x: 55px;--app-scale-12x: 60px;--app-shadow-1: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);--app-shadow-2: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 4px 8px rgba(0, 0, 0, 0.14);--app-shadow-3: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 8px 16px rgba(0, 0, 0, 0.14);--app-shadow-4: 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 14px 28px rgba(0, 0, 0, 0.14);--app-shadow-5: 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 32px 64px rgba(0, 0, 0, 0.14);--app-border-radius-1: 4px;--app-border-radius-2: 8px;--app-border-radius-3: 12px;--app-border-radius-4: 16px;--app-border-radius-5: 24px;--app-tween-1: 0.2s ease;--app-tween-2: 0.4s ease;--app-tween-3: 0.8s ease;--app-duration-1: 0.2s;--app-duration-2: 0.4s;--app-duration-3: 0.8s;--app-disabled-opacity: 0.4;--t-base: #ffffff;--t-base-gray1: #f4f4f4;--t-base-gray2: #e8e8e8;--t-base-primary1: #f0eef7;--t-base-primary2: #e0deef;--t-text: #4d4d4d;--t-textA: rgba(77, 77, 77, 0.77);--t-a11y-gray-color-AAA: #6c6c6c;--t-a11y-gray-color-AA: #949494;--t-a11y-active-gray-color-AA: #404040;--t-primary-text: #ffffff;--t-secondary-text: #141414;--t-tertiary-text: #141414;--t-gray-1: #0d0d0d;--t-gray-2: #1a1a1a;--t-gray-3: #262626;--t-gray-4: #333333;--t-gray-5: #404040;--t-gray-6: #4d4d4d;--t-gray-7: #666666;--t-gray-8: #808080;--t-gray-9: #999999;--t-gray-10: #b3b3b3;--t-gray-11: #cccccc;--t-gray-12: #d9d9d9;--t-gray-13: #e6e6e6;--t-gray-14: #f2f2f2;--t-base-a0: rgba(255, 255, 255, 0);--t-base-a1: rgba(255, 255, 255, 0.25);--t-base-a2: rgba(255, 255, 255, 0.5);--t-base-a3: rgba(255, 255, 255, 0.75);--t-top: #000000;--t-top-a0: rgba(13, 13, 13, 0);--t-top-a1: rgba(13, 13, 13, 0.35);--t-top-a2: rgba(13, 13, 13, 0.6);--t-top-a3: rgba(13, 13, 13, 0.85);--t-primary: #6a4a9e;--t-primary-l1: #7755af;--t-primary-d1: #5f438e;--t-primary-l2: #8668b8;--t-primary-d2: #553b7e;--t-primary-l3: #957ac1;--t-primary-d3: #4a346f;--t-primary-l4: #a48dca;--t-primary-d4: #402c5f;--t-primary-l5: #b4a0d3;--t-primary-d5: #35254f;--t-secondary: #b3c2cc;--t-secondary-l1: #bac9d1;--t-secondary-d1: #9cb0bd;--t-secondary-l2: #c2cfd6;--t-secondary-d2: #859ead;--t-secondary-l3: #c9d5db;--t-secondary-d3: #6e8c9e;--t-secondary-l4: #d1dbe0;--t-secondary-d4: #5c798a;--t-secondary-l5: #d9e1e6;--t-secondary-d5: #4d6473;--t-tertiary: #e8f5fc;--t-tertiary-l1: #ebf6fc;--t-tertiary-d1: #bee1f6;--t-tertiary-l2: #edf7fd;--t-tertiary-d2: #93cef1;--t-tertiary-l3: #eff8fd;--t-tertiary-d3: #68baeb;--t-tertiary-l4: #f1f9fd;--t-tertiary-d4: #3da7e6;--t-tertiary-l5: #f4fafe;--t-tertiary-d5: #1c91d6;--t-accent-1-l1: #e77474;--t-accent-1: #e05252;--t-accent-1-d1: #b62020;--t-accent-2-l1: #e7ad74;--t-accent-2: #e09952;--t-accent-2-d1: #b66b20;--t-accent-3-l1: #e7e774;--t-accent-3: #e0e052;--t-accent-3-d1: #b6b620;--t-accent-4-l1: #ade774;--t-accent-4: #99e052;--t-accent-4-d1: #6bb620;--t-accent-5-l1: #74e774;--t-accent-5: #52e052;--t-accent-5-d1: #20b620;--t-accent-6-l1: #74e7ad;--t-accent-6: #52e099;--t-accent-6-d1: #20b66b;--t-accent-7-l1: #74e7e7;--t-accent-7: #52e0e0;--t-accent-7-d1: #20b6b6;--t-accent-8-l1: #74ade7;--t-accent-8: #5299e0;--t-accent-8-d1: #206bb6;--t-accent-9-l1: #7474e7;--t-accent-9: #5252e0;--t-accent-9-d1: #2020b6;--t-accent-10-l1: #ad74e7;--t-accent-10: #9952e0;--t-accent-10-d1: #6b20b6;--t-accent-11-l1: #e774e7;--t-accent-11: #e052e0;--t-accent-11-d1: #b620b6;--t-accent-12-l1: #e774ad;--t-accent-12: #e05299;--t-accent-12-d1: #b6206b;--t-px-1: 1px;--const-px-8: calc(8 * var(--t-px-1));--const-px-10: calc(10 * var(--t-px-1));--const-px-12: calc(12 * var(--t-px-1));--const-px-14: calc(14 * var(--t-px-1));--const-px-16: calc(16 * var(--t-px-1));--const-px-17: calc(17 * var(--t-px-1));--const-px-18: calc(18 * var(--t-px-1));--const-px-20: calc(20 * var(--t-px-1));--const-px-21: calc(21 * var(--t-px-1));--const-px-24: calc(24 * var(--t-px-1));--const-px-25: calc(25 * var(--t-px-1));--const-px-28: calc(28 * var(--t-px-1));--const-px-30: calc(30 * var(--t-px-1));--const-px-32: calc(32 * var(--t-px-1));--const-px-34: calc(34 * var(--t-px-1));--const-px-35: calc(35 * var(--t-px-1));--const-px-40: calc(40 * var(--t-px-1));--const-px-42: calc(42 * var(--t-px-1));--const-px-44: calc(44 * var(--t-px-1));--const-px-60: calc(60 * var(--t-px-1));--const-px-70: calc(70 * var(--t-px-1));--const-px-80: calc(80 * var(--t-px-1));--t-prefers-motion: "auto";color-scheme:light}:root[data-prefers-motion=reduced]{--t-prefers-motion: "reduced"}:root[data-prefers-motion=normal]{--t-prefers-motion: "normal"}:root[data-prefers-color-scheme=auto]{color-scheme:light dark}:root[data-prefers-color-scheme=dark]{color-scheme:dark}:root{--t-tween-time-in-1: 150ms;--t-tween-time-out-1: 100ms;--t-tween-time-in-2: 200ms;--t-tween-time-out-2: 150ms;--t-tween-time-in-3: 250ms;--t-tween-time-out-3: 200ms;--t-tween-time-in-4: 300ms;--t-tween-time-out-4: 250ms;--t-tween-time-in-5: 400ms;--t-tween-time-out-5: 350ms;--t-tween-time-in-6: 500ms;--t-tween-time-out-6: 450ms;--t-tween-time-in-xxs: var(--t-tween-time-in-1);--t-tween-time-out-xxs: var(--t-tween-time-out-1);--t-tween-time-in-xs: var(--t-tween-time-in-2);--t-tween-time-out-xs: var(--t-tween-time-out-2);--t-tween-time-in-s: var(--t-tween-time-in-3);--t-tween-time-out-s: var(--t-tween-time-out-3);--t-tween-time-in-m: var(--t-tween-time-in-4);--t-tween-time-out-m: var(--t-tween-time-out-4);--t-tween-time-in-l: var(--t-tween-time-in-5);--t-tween-time-out-l: var(--t-tween-time-out-5);--t-tween-time-in-xl: var(--t-tween-time-in-6);--t-tween-time-out-xl: var(--t-tween-time-out-6);--t-tween-ease-inout: cubic-bezier(0.4, 0, 0.2, 1);--t-tween-ease-in: cubic-bezier(0, 0, 0.2, 1);--t-tween-ease-out: cubic-bezier(0.4, 0, 1, 1);--anim-slideinbottom-xxs: slideInBottom var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards;--anim-slideinbottom-xs: slideInBottom var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards;--anim-slideinbottom-s: slideInBottom var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards;--anim-slideinbottom-m: slideInBottom var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards;--anim-slideinbottom-l: slideInBottom var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards;--anim-slideinbottom-xl: slideInBottom var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards;--anim-slideintop-xxs: slideInTop var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards;--anim-slideintop-xs: slideInTop var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards;--anim-slideintop-s: slideInTop var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards;--anim-slideintop-m: slideInTop var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards;--anim-slideintop-l: slideInTop var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards;--anim-slideintop-xl: slideInTop var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards;--anim-slideinleft-xxs: slideInLeft var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards;--anim-slideinleft-xs: slideInLeft var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards;--anim-slideinleft-s: slideInLeft var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards;--anim-slideinleft-m: slideInLeft var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards;--anim-slideinleft-l: slideInLeft var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards;--anim-slideinleft-xl: slideInLeft var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards;--anim-slideinright-xxs: slideInRight var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards;--anim-slideinright-xs: slideInRight var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards;--anim-slideinright-s: slideInRight var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards;--anim-slideinright-m: slideInRight var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards;--anim-slideinright-l: slideInRight var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards;--anim-slideinright-xl: slideInRight var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards;--anim-fadeinup-xxs: fadeInUp var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards;--anim-fadeinup-xs: fadeInUp var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards;--anim-fadeinup-s: fadeInUp var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards;--anim-fadeinup-m: fadeInUp var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards;--anim-fadeinup-l: fadeInUp var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards;--anim-fadeinup-xl: fadeInUp var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards;--anim-fadein-xxs: fadeIn var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards;--anim-fadein-xs: fadeIn var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards;--anim-fadein-s: fadeIn var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards;--anim-fadein-m: fadeIn var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards;--anim-fadein-l: fadeIn var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards;--anim-fadein-xl: fadeIn var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards;--anim-scaleup-xxs: scaleUp var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards;--anim-scaleup-xs: scaleUp var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards;--anim-scaleup-s: scaleUp var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards;--anim-scaleup-m: scaleUp var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards;--anim-scaleup-l: scaleUp var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards;--anim-scaleup-xl: scaleUp var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards;--anim-slideintopfadein-xxs: slideInTopFadeIn var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards;--anim-slideintopfadein-xs: slideInTopFadeIn var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards;--anim-slideintopfadein-s: slideInTopFadeIn var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards;--anim-slideintopfadein-m: slideInTopFadeIn var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards;--anim-slideintopfadein-l: slideInTopFadeIn var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards;--anim-slideintopfadein-xl: slideInTopFadeIn var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards;--anim-slideoutbottom-xxs: slideOutBottom var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards;--anim-slideoutbottom-xs: slideOutBottom var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards;--anim-slideoutbottom-s: slideOutBottom var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards;--anim-slideoutbottom-m: slideOutBottom var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards;--anim-slideoutbottom-l: slideOutBottom var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards;--anim-slideoutbottom-xl: slideOutBottom var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards;--anim-slideouttop-xxs: slideOutTop var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards;--anim-slideouttop-xs: slideOutTop var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards;--anim-slideouttop-s: slideOutTop var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards;--anim-slideouttop-m: slideOutTop var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards;--anim-slideouttop-l: slideOutTop var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards;--anim-slideouttop-xl: slideOutTop var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards;--anim-slideoutleft-xxs: slideOutLeft var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards;--anim-slideoutleft-xs: slideOutLeft var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards;--anim-slideoutleft-s: slideOutLeft var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards;--anim-slideoutleft-m: slideOutLeft var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards;--anim-slideoutleft-l: slideOutLeft var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards;--anim-slideoutleft-xl: slideOutLeft var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards;--anim-slideoutright-xxs: slideOutRight var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards;--anim-slideoutright-xs: slideOutRight var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards;--anim-slideoutright-s: slideOutRight var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards;--anim-slideoutright-m: slideOutRight var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards;--anim-slideoutright-l: slideOutRight var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards;--anim-slideoutright-xl: slideOutRight var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards;--anim-fadeoutdown-xxs: fadeOutDown var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards;--anim-fadeoutdown-xs: fadeOutDown var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards;--anim-fadeoutdown-s: fadeOutDown var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards;--anim-fadeoutdown-m: fadeOutDown var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards;--anim-fadeoutdown-l: fadeOutDown var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards;--anim-fadeoutdown-xl: fadeOutDown var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards;--anim-fadeout-xxs: fadeOut var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards;--anim-fadeout-xs: fadeOut var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards;--anim-fadeout-s: fadeOut var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards;--anim-fadeout-m: fadeOut var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards;--anim-fadeout-l: fadeOut var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards;--anim-fadeout-xl: fadeOut var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards;--anim-scaledown-xxs: scaleDown var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards;--anim-scaledown-xs: scaleDown var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards;--anim-scaledown-s: scaleDown var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards;--anim-scaledown-m: scaleDown var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards;--anim-scaledown-l: scaleDown var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards;--anim-scaledown-xl: scaleDown var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards;--anim-slideouttopfadeout-xxs: slideOutTopFadeOut var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards;--anim-slideouttopfadeout-xs: slideOutTopFadeOut var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards;--anim-slideouttopfadeout-s: slideOutTopFadeOut var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards;--anim-slideouttopfadeout-m: slideOutTopFadeOut var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards;--anim-slideouttopfadeout-l: slideOutTopFadeOut var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards;--anim-slideouttopfadeout-xl: slideOutTopFadeOut var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards}@keyframes slideInTopFadeIn{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutTopFadeOut{from{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes slideInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutBottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slideInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideOutTop{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideOutLeft{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes fadeInUp{from{transform:scale(0);opacity:0;transform:translateY(20%)}to{transform:scale(1);opacity:1;transform:translateY(0%)}}@keyframes fadeOutDown{from{transform:scale(1);opacity:1;transform:translateY(0%)}to{transform:scale(0);opacity:0;transform:translateY(20%)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes scaleUp{from{transform:scale(0)}to{transform:scale(1)}}@keyframes scaleDown{from{transform:scale(1)}to{transform:scale(0)}}
1
+ :root{--const-stoplight-info: #0079c1;--const-stoplight-success: #0e8a00;--const-stoplight-warning: #c35500;--const-stoplight-alert: #d20a0a;--const-focus-color: #0066cc;--const-global-focus: 0 0 0 2px var(--const-focus-color);--const-double-focus-ring: 0 0 0 2px var(--t-base), 0 0 0 4px var(--const-focus-color), 0 0 0 6px var(--t-base);--const-inset-double-focus-ring: inset 0 0 0 2px var(--t-base), inset 0 0 0 4px var(--const-focus-color), inset 0 0 0 6px var(--t-base);--app-white: #ffffff;--app-black: #000000;--app-font-size: var(--const-px-14);--app-font-size-small: var(--const-px-12);--app-line-height: 1.428571429em;--app-scale-0x: 0px;--app-scale-1x: 5px;--app-scale-2x: 10px;--app-scale-3x: 15px;--app-scale-4x: 20px;--app-scale-5x: 25px;--app-scale-6x: 30px;--app-scale-7x: 35px;--app-scale-8x: 40px;--app-scale-9x: 45px;--app-scale-10x: 50px;--app-scale-11x: 55px;--app-scale-12x: 60px;--app-shadow-1: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);--app-shadow-2: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 4px 8px rgba(0, 0, 0, 0.14);--app-shadow-3: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 8px 16px rgba(0, 0, 0, 0.14);--app-shadow-4: 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 14px 28px rgba(0, 0, 0, 0.14);--app-shadow-5: 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 32px 64px rgba(0, 0, 0, 0.14);--app-border-radius-1: 4px;--app-border-radius-2: 8px;--app-border-radius-3: 12px;--app-border-radius-4: 16px;--app-border-radius-5: 24px;--app-tween-1: 0.2s ease;--app-tween-2: 0.4s ease;--app-tween-3: 0.8s ease;--app-duration-1: 0.2s;--app-duration-2: 0.4s;--app-duration-3: 0.8s;--app-disabled-opacity: 0.4;--t-base: #ffffff;--t-base-gray1: #f4f4f4;--t-base-gray2: #e8e8e8;--t-base-primary1: #f0eef7;--t-base-primary2: #e0deef;--t-text: #4d4d4d;--t-textA: rgba(77, 77, 77, 0.77);--t-a11y-gray-color-AAA: #6c6c6c;--t-a11y-gray-color-AA: #949494;--t-a11y-active-gray-color-AA: #404040;--t-primary-text: #ffffff;--t-secondary-text: #141414;--t-tertiary-text: #141414;--t-gray-1: #0d0d0d;--t-gray-2: #1a1a1a;--t-gray-3: #262626;--t-gray-4: #333333;--t-gray-5: #404040;--t-gray-6: #4d4d4d;--t-gray-7: #666666;--t-gray-8: #808080;--t-gray-9: #999999;--t-gray-10: #b3b3b3;--t-gray-11: #cccccc;--t-gray-12: #d9d9d9;--t-gray-13: #e6e6e6;--t-gray-14: #f2f2f2;--t-base-a0: rgba(255, 255, 255, 0);--t-base-a1: rgba(255, 255, 255, 0.25);--t-base-a2: rgba(255, 255, 255, 0.5);--t-base-a3: rgba(255, 255, 255, 0.75);--t-top: #000000;--t-top-a0: rgba(13, 13, 13, 0);--t-top-a1: rgba(13, 13, 13, 0.35);--t-top-a2: rgba(13, 13, 13, 0.6);--t-top-a3: rgba(13, 13, 13, 0.85);--t-primary: #6a4a9e;--t-focus-color: #6a4a9e;--t-primary-l1: #7755af;--t-primary-d1: #5f438e;--t-primary-l2: #8668b8;--t-primary-d2: #553b7e;--t-primary-l3: #957ac1;--t-primary-d3: #4a346f;--t-primary-l4: #a48dca;--t-primary-d4: #402c5f;--t-primary-l5: #b4a0d3;--t-primary-d5: #35254f;--t-secondary: #b3c2cc;--t-secondary-l1: #bac9d1;--t-secondary-d1: #9cb0bd;--t-secondary-l2: #c2cfd6;--t-secondary-d2: #859ead;--t-secondary-l3: #c9d5db;--t-secondary-d3: #6e8c9e;--t-secondary-l4: #d1dbe0;--t-secondary-d4: #5c798a;--t-secondary-l5: #d9e1e6;--t-secondary-d5: #4d6473;--t-tertiary: #e8f5fc;--t-tertiary-l1: #ebf6fc;--t-tertiary-d1: #bee1f6;--t-tertiary-l2: #edf7fd;--t-tertiary-d2: #93cef1;--t-tertiary-l3: #eff8fd;--t-tertiary-d3: #68baeb;--t-tertiary-l4: #f1f9fd;--t-tertiary-d4: #3da7e6;--t-tertiary-l5: #f4fafe;--t-tertiary-d5: #1c91d6;--t-accent-1-l1: #e77474;--t-accent-1: #e05252;--t-accent-1-d1: #b62020;--t-accent-2-l1: #e7ad74;--t-accent-2: #e09952;--t-accent-2-d1: #b66b20;--t-accent-3-l1: #e7e774;--t-accent-3: #e0e052;--t-accent-3-d1: #b6b620;--t-accent-4-l1: #ade774;--t-accent-4: #99e052;--t-accent-4-d1: #6bb620;--t-accent-5-l1: #74e774;--t-accent-5: #52e052;--t-accent-5-d1: #20b620;--t-accent-6-l1: #74e7ad;--t-accent-6: #52e099;--t-accent-6-d1: #20b66b;--t-accent-7-l1: #74e7e7;--t-accent-7: #52e0e0;--t-accent-7-d1: #20b6b6;--t-accent-8-l1: #74ade7;--t-accent-8: #5299e0;--t-accent-8-d1: #206bb6;--t-accent-9-l1: #7474e7;--t-accent-9: #5252e0;--t-accent-9-d1: #2020b6;--t-accent-10-l1: #ad74e7;--t-accent-10: #9952e0;--t-accent-10-d1: #6b20b6;--t-accent-11-l1: #e774e7;--t-accent-11: #e052e0;--t-accent-11-d1: #b620b6;--t-accent-12-l1: #e774ad;--t-accent-12: #e05299;--t-accent-12-d1: #b6206b;--t-px-1: 1px;--const-px-8: calc(8 * var(--t-px-1));--const-px-10: calc(10 * var(--t-px-1));--const-px-12: calc(12 * var(--t-px-1));--const-px-14: calc(14 * var(--t-px-1));--const-px-16: calc(16 * var(--t-px-1));--const-px-17: calc(17 * var(--t-px-1));--const-px-18: calc(18 * var(--t-px-1));--const-px-20: calc(20 * var(--t-px-1));--const-px-21: calc(21 * var(--t-px-1));--const-px-24: calc(24 * var(--t-px-1));--const-px-25: calc(25 * var(--t-px-1));--const-px-28: calc(28 * var(--t-px-1));--const-px-30: calc(30 * var(--t-px-1));--const-px-32: calc(32 * var(--t-px-1));--const-px-34: calc(34 * var(--t-px-1));--const-px-35: calc(35 * var(--t-px-1));--const-px-40: calc(40 * var(--t-px-1));--const-px-42: calc(42 * var(--t-px-1));--const-px-44: calc(44 * var(--t-px-1));--const-px-60: calc(60 * var(--t-px-1));--const-px-70: calc(70 * var(--t-px-1));--const-px-80: calc(80 * var(--t-px-1));--t-prefers-motion: "auto";--t-prefers-contrast: "auto";color-scheme:var(--t-prefers-color-scheme, only light)}:root[data-prefers-motion=reduced]{--t-prefers-motion: "reduced"}:root[data-prefers-motion=normal]{--t-prefers-motion: "normal"}:root[data-prefers-color-scheme=auto]{color-scheme:light dark}:root[data-prefers-color-scheme=dark]{color-scheme:only dark}:root{--t-tween-time-in-1: 150ms;--t-tween-time-out-1: 100ms;--t-tween-time-in-2: 200ms;--t-tween-time-out-2: 150ms;--t-tween-time-in-3: 250ms;--t-tween-time-out-3: 200ms;--t-tween-time-in-4: 300ms;--t-tween-time-out-4: 250ms;--t-tween-time-in-5: 400ms;--t-tween-time-out-5: 350ms;--t-tween-time-in-6: 500ms;--t-tween-time-out-6: 450ms;--t-tween-time-in-xxs: var(--t-tween-time-in-1);--t-tween-time-out-xxs: var(--t-tween-time-out-1);--t-tween-time-in-xs: var(--t-tween-time-in-2);--t-tween-time-out-xs: var(--t-tween-time-out-2);--t-tween-time-in-s: var(--t-tween-time-in-3);--t-tween-time-out-s: var(--t-tween-time-out-3);--t-tween-time-in-m: var(--t-tween-time-in-4);--t-tween-time-out-m: var(--t-tween-time-out-4);--t-tween-time-in-l: var(--t-tween-time-in-5);--t-tween-time-out-l: var(--t-tween-time-out-5);--t-tween-time-in-xl: var(--t-tween-time-in-6);--t-tween-time-out-xl: var(--t-tween-time-out-6);--t-tween-ease-inout: cubic-bezier(0.4, 0, 0.2, 1);--t-tween-ease-in: cubic-bezier(0, 0, 0.2, 1);--t-tween-ease-out: cubic-bezier(0.4, 0, 1, 1);--anim-slideinbottom-xxs: slideInBottom var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards;--anim-slideinbottom-xs: slideInBottom var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards;--anim-slideinbottom-s: slideInBottom var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards;--anim-slideinbottom-m: slideInBottom var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards;--anim-slideinbottom-l: slideInBottom var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards;--anim-slideinbottom-xl: slideInBottom var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards;--anim-slideintop-xxs: slideInTop var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards;--anim-slideintop-xs: slideInTop var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards;--anim-slideintop-s: slideInTop var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards;--anim-slideintop-m: slideInTop var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards;--anim-slideintop-l: slideInTop var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards;--anim-slideintop-xl: slideInTop var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards;--anim-slideinleft-xxs: slideInLeft var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards;--anim-slideinleft-xs: slideInLeft var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards;--anim-slideinleft-s: slideInLeft var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards;--anim-slideinleft-m: slideInLeft var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards;--anim-slideinleft-l: slideInLeft var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards;--anim-slideinleft-xl: slideInLeft var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards;--anim-slideinright-xxs: slideInRight var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards;--anim-slideinright-xs: slideInRight var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards;--anim-slideinright-s: slideInRight var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards;--anim-slideinright-m: slideInRight var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards;--anim-slideinright-l: slideInRight var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards;--anim-slideinright-xl: slideInRight var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards;--anim-fadeinup-xxs: fadeInUp var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards;--anim-fadeinup-xs: fadeInUp var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards;--anim-fadeinup-s: fadeInUp var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards;--anim-fadeinup-m: fadeInUp var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards;--anim-fadeinup-l: fadeInUp var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards;--anim-fadeinup-xl: fadeInUp var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards;--anim-fadein-xxs: fadeIn var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards;--anim-fadein-xs: fadeIn var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards;--anim-fadein-s: fadeIn var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards;--anim-fadein-m: fadeIn var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards;--anim-fadein-l: fadeIn var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards;--anim-fadein-xl: fadeIn var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards;--anim-scaleup-xxs: scaleUp var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards;--anim-scaleup-xs: scaleUp var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards;--anim-scaleup-s: scaleUp var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards;--anim-scaleup-m: scaleUp var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards;--anim-scaleup-l: scaleUp var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards;--anim-scaleup-xl: scaleUp var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards;--anim-slideintopfadein-xxs: slideInTopFadeIn var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards;--anim-slideintopfadein-xs: slideInTopFadeIn var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards;--anim-slideintopfadein-s: slideInTopFadeIn var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards;--anim-slideintopfadein-m: slideInTopFadeIn var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards;--anim-slideintopfadein-l: slideInTopFadeIn var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards;--anim-slideintopfadein-xl: slideInTopFadeIn var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards;--anim-slideoutbottom-xxs: slideOutBottom var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards;--anim-slideoutbottom-xs: slideOutBottom var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards;--anim-slideoutbottom-s: slideOutBottom var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards;--anim-slideoutbottom-m: slideOutBottom var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards;--anim-slideoutbottom-l: slideOutBottom var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards;--anim-slideoutbottom-xl: slideOutBottom var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards;--anim-slideouttop-xxs: slideOutTop var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards;--anim-slideouttop-xs: slideOutTop var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards;--anim-slideouttop-s: slideOutTop var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards;--anim-slideouttop-m: slideOutTop var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards;--anim-slideouttop-l: slideOutTop var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards;--anim-slideouttop-xl: slideOutTop var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards;--anim-slideoutleft-xxs: slideOutLeft var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards;--anim-slideoutleft-xs: slideOutLeft var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards;--anim-slideoutleft-s: slideOutLeft var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards;--anim-slideoutleft-m: slideOutLeft var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards;--anim-slideoutleft-l: slideOutLeft var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards;--anim-slideoutleft-xl: slideOutLeft var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards;--anim-slideoutright-xxs: slideOutRight var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards;--anim-slideoutright-xs: slideOutRight var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards;--anim-slideoutright-s: slideOutRight var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards;--anim-slideoutright-m: slideOutRight var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards;--anim-slideoutright-l: slideOutRight var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards;--anim-slideoutright-xl: slideOutRight var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards;--anim-fadeoutdown-xxs: fadeOutDown var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards;--anim-fadeoutdown-xs: fadeOutDown var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards;--anim-fadeoutdown-s: fadeOutDown var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards;--anim-fadeoutdown-m: fadeOutDown var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards;--anim-fadeoutdown-l: fadeOutDown var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards;--anim-fadeoutdown-xl: fadeOutDown var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards;--anim-fadeout-xxs: fadeOut var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards;--anim-fadeout-xs: fadeOut var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards;--anim-fadeout-s: fadeOut var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards;--anim-fadeout-m: fadeOut var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards;--anim-fadeout-l: fadeOut var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards;--anim-fadeout-xl: fadeOut var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards;--anim-scaledown-xxs: scaleDown var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards;--anim-scaledown-xs: scaleDown var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards;--anim-scaledown-s: scaleDown var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards;--anim-scaledown-m: scaleDown var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards;--anim-scaledown-l: scaleDown var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards;--anim-scaledown-xl: scaleDown var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards;--anim-slideouttopfadeout-xxs: slideOutTopFadeOut var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards;--anim-slideouttopfadeout-xs: slideOutTopFadeOut var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards;--anim-slideouttopfadeout-s: slideOutTopFadeOut var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards;--anim-slideouttopfadeout-m: slideOutTopFadeOut var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards;--anim-slideouttopfadeout-l: slideOutTopFadeOut var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards;--anim-slideouttopfadeout-xl: slideOutTopFadeOut var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards}@keyframes slideInTopFadeIn{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutTopFadeOut{from{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes slideInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutBottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slideInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideOutTop{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideOutLeft{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes fadeInUp{from{transform:scale(0);opacity:0;transform:translateY(20%)}to{transform:scale(1);opacity:1;transform:translateY(0%)}}@keyframes fadeOutDown{from{transform:scale(1);opacity:1;transform:translateY(0%)}to{transform:scale(0);opacity:0;transform:translateY(20%)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes scaleUp{from{transform:scale(0)}to{transform:scale(1)}}@keyframes scaleDown{from{transform:scale(1)}to{transform:scale(0)}}
2
2
 
3
3
  /*# sourceMappingURL=q2-tecton-theme.css.map */
package/dist/q2-tecton-theme.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["stdin","file:///builds/q2e/development/tecton/tecton/packages/q2-tecton-theme/src/styles/animation/_props.scss","file:///builds/q2e/development/tecton/tecton/packages/q2-tecton-theme/src/styles/animation/_mixins.scss","file:///builds/q2e/development/tecton/tecton/packages/q2-tecton-theme/src/styles/animation/_keyframes.scss"],"names":[],"mappings":"AAAA,MACI,gCACA,mCACA,mCACA,iCACA,6BACA,yDACA,gHACA,wIAEA,qBACA,qBACA,oCACA,0CACA,iCACA,oBACA,oBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,sBACA,sBACA,sBACA,iFACA,iFACA,kFACA,mFACA,mFACA,2BACA,2BACA,4BACA,4BACA,4BACA,yBACA,yBACA,yBACA,uBACA,uBACA,uBACA,4BACA,kBACA,wBACA,wBACA,2BACA,2BACA,kBACA,kCACA,iCACA,gCACA,uCACA,0BACA,4BACA,2BACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,qBACA,qBACA,qBACA,qBACA,qBACA,oCACA,uCACA,sCACA,uCACA,iBACA,gCACA,mCACA,kCACA,mCACA,qBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,uBACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,sBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,sBACA,yBACA,yBACA,sBACA,yBACA,yBACA,sBACA,yBACA,yBACA,sBACA,yBACA,yBACA,sBACA,yBACA,yBACA,sBACA,yBACA,yBACA,sBACA,yBACA,yBACA,sBACA,yBACA,yBACA,sBACA,yBACA,0BACA,uBACA,0BACA,0BACA,uBACA,0BACA,0BACA,uBACA,0BAKA,cACA,sCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAKA,2BAGA,mBAGJ,mCACI,8BAGJ,kCACI,6BAGJ,8DACA,wDCnMA,MAII,2BACA,4BACA,2BACA,4BACA,2BACA,4BACA,2BACA,4BACA,2BACA,4BACA,2BACA,4BAKA,gDACA,kDACA,+CACA,iDACA,8CACA,gDACA,8CACA,gDACA,8CACA,gDACA,+CACA,iDAKA,mDACA,8CACA,+CCIQ,wuRC3CZ,4BACI,KACI,4BACA,UAEJ,GACI,wBACA,WAGR,8BACI,KACI,wBACA,UAEJ,GACI,4BACA,WAIR,yBACI,KACI,2BAEJ,GACI,yBAIR,0BACI,KACI,wBAEJ,GACI,4BAIR,sBACI,KACI,4BAEJ,GACI,yBAIR,uBACI,KACI,wBAEJ,GACI,6BAIR,uBACI,KACI,4BAEJ,GACI,yBAIR,wBACI,KACI,wBAEJ,GACI,6BAIR,wBACI,KACI,2BAEJ,GACI,yBAIR,yBACI,KACI,wBAEJ,GACI,4BAIR,oBACI,KACI,mBACA,UACA,0BAEJ,GACI,mBACA,UACA,0BAIR,uBACI,KACI,mBACA,UACA,yBAEJ,GACI,mBACA,UACA,2BAIR,kBACI,KACI,UAEJ,GACI,WAIR,mBACI,KACI,UAEJ,GACI,WAIR,mBACI,KACI,mBAEJ,GACI,oBAIR,qBACI,KACI,mBAEJ,GACI","file":"q2-tecton-theme.css"}
1
+ {"version":3,"sourceRoot":"","sources":["stdin","file:///builds/q2e/development/tecton/tecton/packages/q2-tecton-theme/src/styles/animation/_props.scss","file:///builds/q2e/development/tecton/tecton/packages/q2-tecton-theme/src/styles/animation/_mixins.scss","file:///builds/q2e/development/tecton/tecton/packages/q2-tecton-theme/src/styles/animation/_keyframes.scss"],"names":[],"mappings":"AAAA,MACI,gCACA,mCACA,mCACA,iCACA,6BACA,yDACA,gHACA,wIAEA,qBACA,qBACA,oCACA,0CACA,iCACA,oBACA,oBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,sBACA,sBACA,sBACA,iFACA,iFACA,kFACA,mFACA,mFACA,2BACA,2BACA,4BACA,4BACA,4BACA,yBACA,yBACA,yBACA,uBACA,uBACA,uBACA,4BACA,kBACA,wBACA,wBACA,2BACA,2BACA,kBACA,kCACA,iCACA,gCACA,uCACA,0BACA,4BACA,2BACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,qBACA,qBACA,qBACA,qBACA,qBACA,oCACA,uCACA,sCACA,uCACA,iBACA,gCACA,mCACA,kCACA,mCACA,qBACA,yBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,uBACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,sBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,sBACA,yBACA,yBACA,sBACA,yBACA,yBACA,sBACA,yBACA,yBACA,sBACA,yBACA,yBACA,sBACA,yBACA,yBACA,sBACA,yBACA,yBACA,sBACA,yBACA,yBACA,sBACA,yBACA,yBACA,sBACA,yBACA,0BACA,uBACA,0BACA,0BACA,uBACA,0BACA,0BACA,uBACA,0BAKA,cACA,sCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAKA,2BAKA,6BAKA,uDAGJ,mCACI,8BAGJ,kCACI,6BAGJ,8DACA,6DC3MA,MAII,2BACA,4BACA,2BACA,4BACA,2BACA,4BACA,2BACA,4BACA,2BACA,4BACA,2BACA,4BAKA,gDACA,kDACA,+CACA,iDACA,8CACA,gDACA,8CACA,gDACA,8CACA,gDACA,+CACA,iDAKA,mDACA,8CACA,+CCIQ,wuRC3CZ,4BACI,KACI,4BACA,UAEJ,GACI,wBACA,WAGR,8BACI,KACI,wBACA,UAEJ,GACI,4BACA,WAIR,yBACI,KACI,2BAEJ,GACI,yBAIR,0BACI,KACI,wBAEJ,GACI,4BAIR,sBACI,KACI,4BAEJ,GACI,yBAIR,uBACI,KACI,wBAEJ,GACI,6BAIR,uBACI,KACI,4BAEJ,GACI,yBAIR,wBACI,KACI,wBAEJ,GACI,6BAIR,wBACI,KACI,2BAEJ,GACI,yBAIR,yBACI,KACI,wBAEJ,GACI,4BAIR,oBACI,KACI,mBACA,UACA,0BAEJ,GACI,mBACA,UACA,0BAIR,uBACI,KACI,mBACA,UACA,yBAEJ,GACI,mBACA,UACA,2BAIR,kBACI,KACI,UAEJ,GACI,WAIR,mBACI,KACI,UAEJ,GACI,WAIR,mBACI,KACI,mBAEJ,GACI,oBAIR,qBACI,KACI,mBAEJ,GACI","file":"q2-tecton-theme.css"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "q2-tecton-theme",
3
- "version": "1.71.2",
3
+ "version": "1.72.0",
4
4
  "description": "Base tecton theme css and styling utilities",
5
5
  "license": "MIT",
6
6
  "author": "Q2 Tecton Team",
@@ -26,5 +26,5 @@
26
26
  "sass": "^1.99.0"
27
27
  },
28
28
  "packageManager": "pnpm@10.27.0",
29
- "gitHead": "7f59041ab15cbd3707d1b874babe55287419a019"
29
+ "gitHead": "58ab249f4500298654564c867104baf7ba7ceb52"
30
30
  }
package/src/styles/q2-tecton-theme.scss CHANGED
@@ -80,6 +80,7 @@
80
80
  --t-top-a2: rgba(13, 13, 13, 0.6);
81
81
  --t-top-a3: rgba(13, 13, 13, 0.85);
82
82
  --t-primary: #6a4a9e;
83
+ --t-focus-color: #6a4a9e;
83
84
  --t-primary-l1: #7755af;
84
85
  --t-primary-d1: #5f438e;
85
86
  --t-primary-l2: #8668b8;
@@ -181,8 +182,15 @@
181
182
  */
182
183
  --t-prefers-motion: "auto";
183
184
 
184
- /* Enables browser-native light/dark styling. */
185
- color-scheme: light;
185
+ /* Controls contrast overrides in aesthetic CSS via container style queries.
186
+ * "normal": standard palette. "more": high-contrast variant. "auto": defer to prefers-contrast media query.
187
+ */
188
+ --t-prefers-contrast: "auto";
189
+
190
+ /* Controls light/dark rendering in Tecton components via the CSS color-scheme property.
191
+ * "light": force light. "dark": force dark. "light dark" (auto): defer to OS preference.
192
+ */
193
+ color-scheme: var(--t-prefers-color-scheme, only light);
186
194
  }
187
195
 
188
196
  :root[data-prefers-motion="reduced"] {
@@ -194,7 +202,7 @@
194
202
  }
195
203
 
196
204
  :root[data-prefers-color-scheme="auto"] { color-scheme: light dark; }
197
- :root[data-prefers-color-scheme="dark"] { color-scheme: dark; }
205
+ :root[data-prefers-color-scheme="dark"] { color-scheme: only dark; }
198
206
 
199
207
  @import 'animation/props';
200
208
  @import 'animation/keyframes';