q2-tecton-theme 1.70.2 → 1.71.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 +4 -5
  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 +52 -6
package/CHANGELOG.md CHANGED
@@ -3,13 +3,12 @@
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.70.2](https://gitlab.com/q2e/development/tecton/tecton/tecton/compare/v1.70.1...v1.70.2) (2026-08-04)
6
+ ## [1.71.0](https://gitlab.com/q2e/development/tecton/tecton/tecton/compare/v1.70.0...v1.71.0) (2026-08-19)
7
7
 
8
- **Note:** Version bump only for package q2-tecton-theme
9
-
10
- ## [1.70.1](https://gitlab.com/q2e/development/tecton/tecton/tecton/compare/v1.70.0...v1.70.1) (2026-07-27)
8
+ ### Features
11
9
 
12
- **Note:** Version bump only for package q2-tecton-theme
10
+ * add clickable states and gray background option and style optimizations to q2-surface (TCT-4234) ([34c58ea](https://gitlab.com/q2e/development/tecton/tecton/commit/34c58ea8efa610243d93fa707a3f2f6df07b5a82))
11
+ * responsive aesthetics font scaling (TCT-4221) ([addb423](https://gitlab.com/q2e/development/tecton/tecton/commit/addb423e140a8037e20704c6b4e78146dea87cba))
13
12
 
14
13
  ## [1.70.0](https://gitlab.com/q2e/development/tecton/tecton/tecton/compare/v1.69.0...v1.70.0) (2026-07-21)
15
14
 
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: 14px;--app-font-size-small: 12px;--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-gray-1: #f4f4f4;--t-base-gray-2: #e8e8e8;--t-base-primary-1: #f0eef7;--t-base-primary-2: #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}: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-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: calc(1 / 16 * 1rem);--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 dark}:root[data-prefers-motion=reduced]{--t-prefers-motion: "reduced"}:root[data-prefers-motion=normal]{--t-prefers-motion: "normal"}:root[data-prefers-color-scheme=light]{color-scheme:light}: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)}}
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,sBACA,4BACA,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,yBACA,yBACA,4BACA,4BACA,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,0BCpJJ,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,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,8BACA,sCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAKA,2BAGA,wBAGJ,mCACI,8BAGJ,kCACI,6BAGJ,0DACA,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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "q2-tecton-theme",
3
- "version": "1.70.2",
3
+ "version": "1.71.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": "66dbc0c35b0017b6c73c3c2be184b3ba17f43ce6"
29
+ "gitHead": "71a344c4d6495bf70c23db0f492f2717e63bda91"
30
30
  }
package/src/styles/q2-tecton-theme.scss CHANGED
@@ -10,8 +10,8 @@
10
10
  inset 0 0 0 6px var(--t-base);
11
11
  --app-white: #ffffff;
12
12
  --app-black: #000000;
13
- --app-font-size: 14px;
14
- --app-font-size-small: 12px;
13
+ --app-font-size: var(--const-px-14);
14
+ --app-font-size-small: var(--const-px-12);
15
15
  --app-line-height: 1.428571429em;
16
16
  --app-scale-0x: 0px;
17
17
  --app-scale-1x: 5px;
@@ -44,10 +44,10 @@
44
44
  --app-duration-3: 0.8s;
45
45
  --app-disabled-opacity: 0.4;
46
46
  --t-base: #ffffff;
47
- --t-base-gray-1: #f4f4f4;
48
- --t-base-gray-2: #e8e8e8;
49
- --t-base-primary-1: #f0eef7;
50
- --t-base-primary-2: #e0deef;
47
+ --t-base-gray1: #f4f4f4;
48
+ --t-base-gray2: #e8e8e8;
49
+ --t-base-primary1: #f0eef7;
50
+ --t-base-primary2: #e0deef;
51
51
  --t-text: #4d4d4d;
52
52
  --t-textA: rgba(77, 77, 77, 0.77);
53
53
  --t-a11y-gray-color-AAA: #6c6c6c;
@@ -148,7 +148,53 @@
148
148
  --t-accent-12-l1: #e774ad;
149
149
  --t-accent-12: #e05299;
150
150
  --t-accent-12-d1: #b6206b;
151
+
152
+ /* Typography scale — 1px equivalents. Override --t-px-1 to recalibrate for a different html font-size.
153
+ * Default: browser base (16px). For a 14px base: set --t-px-1: calc(1 / 14 * 1rem).
154
+ */
155
+ --t-px-1: calc(1 / 16 * 1rem);
156
+ --const-px-8: calc(8 * var(--t-px-1));
157
+ --const-px-10: calc(10 * var(--t-px-1));
158
+ --const-px-12: calc(12 * var(--t-px-1));
159
+ --const-px-14: calc(14 * var(--t-px-1));
160
+ --const-px-16: calc(16 * var(--t-px-1));
161
+ --const-px-17: calc(17 * var(--t-px-1));
162
+ --const-px-18: calc(18 * var(--t-px-1));
163
+ --const-px-20: calc(20 * var(--t-px-1));
164
+ --const-px-21: calc(21 * var(--t-px-1));
165
+ --const-px-24: calc(24 * var(--t-px-1));
166
+ --const-px-25: calc(25 * var(--t-px-1));
167
+ --const-px-28: calc(28 * var(--t-px-1));
168
+ --const-px-30: calc(30 * var(--t-px-1));
169
+ --const-px-32: calc(32 * var(--t-px-1));
170
+ --const-px-34: calc(34 * var(--t-px-1));
171
+ --const-px-35: calc(35 * var(--t-px-1));
172
+ --const-px-40: calc(40 * var(--t-px-1));
173
+ --const-px-42: calc(42 * var(--t-px-1));
174
+ --const-px-44: calc(44 * var(--t-px-1));
175
+ --const-px-60: calc(60 * var(--t-px-1));
176
+ --const-px-70: calc(70 * var(--t-px-1));
177
+ --const-px-80: calc(80 * var(--t-px-1));
178
+
179
+ /* Controls animation/transition suppression in Tecton components via CSS container style queries.
180
+ * "reduced": always suppress. "normal": always allow. "auto": defer to prefers-reduced-motion media query.
181
+ */
182
+ --t-prefers-motion: "auto";
183
+
184
+ /* Enables browser-native light/dark styling. */
185
+ color-scheme: light dark;
186
+ }
187
+
188
+ :root[data-prefers-motion="reduced"] {
189
+ --t-prefers-motion: "reduced";
151
190
  }
152
191
 
192
+ :root[data-prefers-motion="normal"] {
193
+ --t-prefers-motion: "normal";
194
+ }
195
+
196
+ :root[data-prefers-color-scheme="light"] { color-scheme: light; }
197
+ :root[data-prefers-color-scheme="dark"] { color-scheme: dark; }
198
+
153
199
  @import 'animation/props';
154
200
  @import 'animation/keyframes';