q2-tecton-theme 1.51.1 → 1.52.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/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);--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-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-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: 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-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-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)}}
|
|
2
2
|
|
|
3
3
|
/*# sourceMappingURL=q2-tecton-theme.css.map */
|
|
@@ -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,
|
|
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,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,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,0BC/IJ,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.
|
|
3
|
+
"version": "1.52.1",
|
|
4
4
|
"description": "Base tecton theme css and styling utilities",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Q2 Tecton Team",
|
|
@@ -22,5 +22,5 @@
|
|
|
22
22
|
"rollup-plugin-serve": "^2.0.3",
|
|
23
23
|
"sass": "^1.62.1"
|
|
24
24
|
},
|
|
25
|
-
"gitHead": "
|
|
25
|
+
"gitHead": "f4eca32496093589e63775344d338c0762a85eca"
|
|
26
26
|
}
|
|
@@ -5,7 +5,9 @@
|
|
|
5
5
|
--const-stoplight-alert: #d20a0a;
|
|
6
6
|
--const-focus-color: #0066cc;
|
|
7
7
|
--const-global-focus: 0 0 0 2px var(--const-focus-color);
|
|
8
|
-
--const-double-focus-ring: 0 0 0 2px var(--t-base), 0 0 0 4px var(--const-focus-color);
|
|
8
|
+
--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);
|
|
9
|
+
--const-inset-double-focus-ring: inset 0 0 0 2px var(--t-base), inset 0 0 0 4px var(--const-focus-color),
|
|
10
|
+
inset 0 0 0 6px var(--t-base);
|
|
9
11
|
--app-white: #ffffff;
|
|
10
12
|
--app-black: #000000;
|
|
11
13
|
--app-font-size: 14px;
|