@tqc-solution/design-system 0.1.73

package/dist/pubfuture.css

@@ -0,0 +1,188 @@
+
+:root[data-theme="pubfuture"],
+:root.pubfuture,
+:root {
+  --background-bg-overlay: rgba(0, 0, 0, 0.30000001192092896);
+  --background-bg-primary: #FFFFFF;
+  --background-bg-secondary: #EEEEEE;
+  --background-bg-tertiary: #EAEEF0;
+  --background-fill-alert: #FEF5E7;
+  --background-fill-black-opacity-30: rgba(0, 0, 0, 0.30000001192092896);
+  --background-fill-brand: #3FAE3B;
+  --background-fill-brand-accent: #2FAFF8;
+  --background-fill-brand-accent-moderate: #B1E1FD;
+  --background-fill-brand-accent-strong: #2980B9;
+  --background-fill-brand-accent-subtle: #E6F6FE;
+  --background-fill-brand-moderate: #C6F0C5;
+  --background-fill-brand-strong: #328B2F;
+  --background-fill-brand-subtle: #E3F7E3;
+  --background-fill-disabled: #F4F4F4;
+  --background-fill-infor: #093651;
+  --background-fill-infor-subtle: #F2F5F6;
+  --background-fill-negative: #E84118;
+  --background-fill-negative-moderate: #F8C6BA;
+  --background-fill-negative-strong: #CD3712;
+  --background-fill-negative-subtle: #FCECE8;
+  --background-fill-positive: #2FAFF8;
+  --background-fill-positive-subtle: #E6F6FE;
+  --background-fill-primary: #FFFFFF;
+  --background-fill-primary-moderate: #EEEEEE;
+  --background-fill-primary-subtle: #CCCCCC;
+  --background-fill-secondary: #DAE1E5;
+  --background-fill-secondary-moderate: #EAEEF0;
+  --background-fill-secondary-strong: #47687D;
+  --background-fill-secondary-subtle: #F2F5F6;
+  --background-fill-warning: #F39C12;
+  --background-fill-warning-subtle: #FDF1DD;
+  --background-fill-white-opacity-40: rgba(255, 255, 255, 0.4000000059604645);
+  --background-fill-white-opacity-60: rgba(255, 255, 255, 0.6000000238418579);
+  --background-surface-disabled: #F4F4F4;
+  --background-surface-focus: #FFFFFF;
+  --background-surface-primary: #FFFFFF;
+  --background-surface-secondary: #999999;
+  --body-lg-font-size: 16px;
+  --body-lg-line-height: 24px;
+  --body-lg-weight-medium: medium;
+  --body-lg-weight-regular: regular;
+  --body-lg-weight-semibold: semibold;
+  --body-md-font-size: 14px;
+  --body-md-line-height: 20px;
+  --body-md-weight-medium: medium;
+  --body-md-weight-regular: regular;
+  --body-md-weight-semibold: semibold;
+  --body-sm-font-size: 12px;
+  --body-sm-line-height: 18px;
+  --body-sm-weight-bold: bold ;
+  --body-sm-weight-medium: medium;
+  --body-sm-weight-regular: regular;
+  --body-xs-font-size: 10px;
+  --body-xs-line-height: 14px;
+  --body-xs-weight: medium;
+  --decorative-yellow: #FEF5E7;
+  --divider-primary: #CCCCCC;
+  --divider-secondary: #EEEEEE;
+  --divider-tertiary: #000000;
+  --effect-10-pct: rgba(0, 0, 0, 0.10000000149011612);
+  --effect-15-pct: rgba(0, 0, 0, 0.15000000596046448);
+  --effect-18-pct: rgba(0, 0, 0, 0.18000000715255737);
+  --effect-20-pct: rgba(0, 0, 0, 0.20000000298023224);
+  --effect-3-pct: rgba(0, 0, 0, 0.029999999329447746);
+  --effect-5-pct: rgba(0, 0, 0, 0.05000000074505806);
+  --effect-8-pct: rgba(0, 0, 0, 0.07999999821186066);
+  --font-family-primary: manrope;
+  --heading-2xl-font-size: 36px;
+  --heading-2xl-line-height: 56px;
+  --heading-2xl-weight: bold ;
+  --heading-3xl-font-size: 60px;
+  --heading-3xl-line-height: 72px;
+  --heading-3xl-weight: bold ;
+  --heading-lg-font-size: 24px;
+  --heading-lg-line-height: 36px;
+  --heading-lg-weight: bold ;
+  --heading-md-font-size: 18px;
+  --heading-md-line-height: 32px;
+  --heading-md-weight: bold ;
+  --heading-sm-font-size: 16px;
+  --heading-sm-line-weight: 24px;
+  --heading-sm-weight: bold ;
+  --heading-xl-font-size: 32px;
+  --heading-xl-line-height: 48px;
+  --heading-xl-weight: bold ;
+  --heading-xs-font-size: 14px;
+  --heading-xs-line-height: 20px;
+  --heading-xs-weight: bold ;
+  --border-brand: #3FAE3B;
+  --icon-brand: #3FAE3B;
+  --icon-brand-strong: #328B2F;
+  --icon-disabled: #CCCCCC;
+  --icon-infor: #47687D;
+  --icon-Infor-subtle: #F2F5F6;
+  --icon-inverse: #FFFFFF;
+  --icon-negative: #E84118;
+  --icon-negative-subtle: #FCECE8;
+  --icon-positive: #2FAFF8;
+  --icon-positive-moderate: #B1E1FD;
+  --icon-positive-strong: #2980B9;
+  --icon-primary: #000000;
+  --icon-secondary: #777777;
+  --icon-tertiary: #093651;
+  --icon-warning: #F39C12;
+  --icon-warning-subtle: #FDF1DD;
+  --radius-0: 0px;
+  --radius-12: 12px;
+  --radius-16: 16px;
+  --radius-24: 24px;
+  --radius-4: 4px;
+  --radius-6: 6px;
+  --radius-8: 8px;
+  --radius-full: 9999px;
+  --shadow-shadow-2xl: 1px 24px 48px -14px rgba(10, 13, 18, 0.18);
+  --shadow-shadow-3xl: 4px 4px 20px 4px rgba(0, 0, 0, 0.15);
+  --shadow-shadow-lg: 0px 4px 6px -2px rgba(10, 13, 18, 0.03), 2px 4px 16px 0px rgba(10, 13, 18, 0.1);
+  --shadow-shadow-md: -1px 1px 6px 0px rgba(0, 0, 0, 0.15);
+  --shadow-shadow-sm: 0px 1px 2px 0px rgba(10, 13, 18, 0.06), 0px 1px 3px 0px rgba(10, 13, 18, 0.1);
+  --shadow-shadow-sm-destructive: 0px 0px 0px 4px #fcece8, 0px 1px 2px 0px rgba(9, 105, 27, 0.05);
+  --shadow-shadow-sm-neutral: 0px 0px 0px 4px #eeeeee, 0px 1px 2px 0px rgba(9, 105, 27, 0.05);
+  --shadow-shadow-sm-primary: 0px 0px 0px 4px #e3f7e3, 0px 1px 2px 0px rgba(9, 105, 27, 0.05);
+  --shadow-shadow-sm-secondary: 0px 0px 0px 4px #e6f6fe, 0px 1px 2px 0px rgba(9, 105, 27, 0.05);
+  --shadow-shadow-xl: 0px 8px 8px -4px rgba(10, 13, 18, 0.03), 5px 13px 17px 7px rgba(10, 13, 18, 0.08);
+  --spacing--8: -8px;
+  --spacing-0: 0px;
+  --spacing-12: 12px;
+  --spacing-128: 128px;
+  --spacing-144: 144px;
+  --spacing-16: 16px;
+  --spacing-2: 2px;
+  --spacing-20: 20px;
+  --spacing-22: 22px;
+  --spacing-24: 24px;
+  --spacing-28: 28px;
+  --spacing-32: 32px;
+  --spacing-36: 36px;
+  --spacing-4: 4px;
+  --spacing-40: 40px;
+  --spacing-44: 44px;
+  --spacing-48: 48px;
+  --spacing-6: 6px;
+  --spacing-60: 60px;
+  --spacing-72: 72px;
+  --spacing-8: 8px;
+  --spacing-80: 80px;
+  --spacing-full: 9999px;
+  --stroke-brand: #3FAE3B;
+  --stroke-brand-strong: #328B2F;
+  --stroke-brand-subtle: #E3F7E3;
+  --stroke-disable: #F4F4F4;
+  --stroke-inverse: #000000;
+  --stroke-negative: #E84118;
+  --stroke-positive: #2FAFF8;
+  --stroke-primary: #CCCCCC;
+  --stroke-secondary: #EEEEEE;
+  --stroke-Stroke-0-5: 0.5px;
+  --stroke-Stroke-1: 1px;
+  --stroke-Stroke-1-5: 1.5px;
+  --stroke-Stroke-2: 2px;
+  --stroke-Stroke-4: 4px;
+  --stroke-tertiary: #47687D;
+  --stroke-warning: #F39C12;
+  --text-brand: #3FAE3B;
+  --text-brand-strong: #328B2F;
+  --text-brand-subtle: #E3F7E3;
+  --text-disabled: #CCCCCC;
+  --text-inverse: #FFFFFF;
+  --text-inverse-moderate: #F9F9F9;
+  --text-nagative-moderate: #F18D74;
+  --text-negative: #E84118;
+  --text-positive: #2FAFF8;
+  --text-positive-moderate: #63C3FA;
+  --text-primary: #000000;
+  --text-secondary: #777777;
+  --text-tertiary: #093651;
+  --text-tertiary-moderate: #47687D;
+  --text-warning: #F39C12;
+  --text-warning-moderate: #F8C471;
+  --weight-bold: bold ;
+  --weight-medium: medium;
+  --weight-regular: regular;
+  --weight-semibold: semibold;
+}