@qualcomm-ui/qds-core 1.12.0 → 1.14.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.
- package/dist/components.min.css +4 -4
- package/dist/dragonwing-dark.min.css +1 -1
- package/dist/dragonwing-light.min.css +1 -1
- package/dist/header-bar/header-bar.api.d.ts.map +1 -1
- package/dist/header-bar/header-bar.types.d.ts +8 -0
- package/dist/header-bar/header-bar.types.d.ts.map +1 -1
- package/dist/header-bar/index.cjs +1 -1
- package/dist/header-bar/index.cjs.map +2 -2
- package/dist/header-bar/index.js +1 -1
- package/dist/header-bar/index.js.map +2 -2
- package/dist/header-bar/qds-header-bar.css +1 -1
- package/dist/qualcomm-dark.min.css +1 -1
- package/dist/qualcomm-light.min.css +1 -1
- package/dist/snapdragon-dark.min.css +1 -1
- package/dist/snapdragon-light.min.css +1 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-brand=dragonwing][data-theme=dark]{--color-background-brand-accent-01:oklch(0.687 0.21 41.42);--color-background-brand-accent-02:oklch(0.736 0.184 54.26);--color-background-brand-primary-strong:oklch(0.9 0.039 285.58);--color-background-brand-primary-subtle:oklch(0.301 0.172 287.24);--color-background-brand-primary:oklch(0.476 0.24 285.9);--color-background-neutral-00:oklch(0.098 0.004 285.56);--color-background-neutral-01:oklch(0.173 0.006 271.03);--color-background-neutral-02:oklch(0.2 0.004 264.47);--color-background-neutral-03:oklch(0.226 0.004 264.49);--color-background-neutral-04:oklch(0.251 0.005 248.02);--color-background-neutral-05:oklch(0.276 0.005 248);--color-background-neutral-06:oklch(0.3 0.005 247.98);--color-background-neutral-07:oklch(0.325 0.005 271.25);--color-background-neutral-08:oklch(0.349 0.005 271.26);--color-background-neutral-09:oklch(0.375 0.005 271.28);--color-background-neutral-10:oklch(1 0 0);--color-background-support-danger-medium:oklch(0.376 0.15 30.26);--color-background-support-danger-subtle:oklch(0.148 0.061 29.23);--color-background-support-danger:oklch(0.575 0.21 31.06);--color-background-support-info-medium:oklch(0.399 0.151 268.98);--color-background-support-info-subtle:oklch(0.175 0.06 269.89);--color-background-support-info:oklch(0.575 0.189 268.76);--color-background-support-neutral-medium:oklch(0.349 0.005 271.26);--color-background-support-neutral-subtle:oklch(0.2 0.004 264.47);--color-background-support-neutral:oklch(0.475 0.005 271.31);--color-background-support-success-medium:oklch(0.405 0.138 142.5);--color-background-support-success-subtle:oklch(0.173 0.059 142.5);--color-background-support-success:oklch(0.549 0.187 142.46);--color-background-support-warning-medium:oklch(0.399 0.08 87.06);--color-background-support-warning-subtle:oklch(0.202 0.041 88.49);--color-background-support-warning:oklch(0.827 0.17 83.98);--color-border-brand-accent-01:oklch(0.687 0.21 41.42);--color-border-brand-accent-02:oklch(0.736 0.184 54.26);--color-border-brand-primary-subtle:oklch(0.275 0.15 278.93);--color-border-brand-primary:oklch(0.725 0.139 285.68);--color-border-neutral-00:oklch(0.098 0.004 285.56);--color-border-neutral-01:oklch(0.3 0.005 247.98);--color-border-neutral-02:oklch(0.349 0.005 271.26);--color-border-neutral-03:oklch(0.401 0.009 260.72);--color-border-neutral-10:oklch(1 0 0);--color-border-support-danger:oklch(0.35 0.14 30.14);--color-border-support-info:oklch(0.376 0.14 268.81);--color-border-support-neutral:oklch(0.325 0.005 271.25);--color-border-support-success:oklch(0.377 0.128 142.5);--color-border-support-warning:oklch(0.501 0.1 87.23);--color-category-blue-medium:oklch(0.478 0.226 262.53);--color-category-blue-strong:oklch(0.57 0.234 261.43);--color-category-blue-subtle:oklch(0.333 0.168 263.21);--color-category-cyan-medium:oklch(0.465 0.138 251.76);--color-category-cyan-strong:oklch(0.558 0.154 249.18);--color-category-cyan-subtle:oklch(0.319 0.094 251.76);--color-category-green-medium:oklch(0.503 0.098 161.5);--color-category-green-strong:oklch(0.546 0.112 160.46);--color-category-green-subtle:oklch(0.388 0.071 162.5);--color-category-kiwi-medium:oklch(0.507 0.113 128.68);--color-category-kiwi-strong:oklch(0.55 0.125 128.66);--color-category-kiwi-subtle:oklch(0.392 0.074 128.07);--color-category-magenta-medium:oklch(0.489 0.18 1.48);--color-category-magenta-strong:oklch(0.585 0.208 0.29);--color-category-magenta-subtle:oklch(0.335 0.129 3.19);--color-category-orange-medium:oklch(0.473 0.133 46.03);--color-category-orange-strong:oklch(0.574 0.162 45.72);--color-category-orange-subtle:oklch(0.318 0.082 50.5);--color-category-purple-medium:oklch(0.493 0.228 295.18);--color-category-purple-strong:oklch(0.586 0.251 295.92);--color-category-purple-subtle:oklch(0.335 0.151 295.15);--color-category-red-medium:oklch(0.486 0.182 25.67);--color-category-red-strong:oklch(0.583 0.217 25.29);--color-category-red-subtle:oklch(0.333 0.126 25.6);--color-category-teal-medium:oklch(0.458 0.079 192.39);--color-category-teal-strong:oklch(0.548 0.094 190.97);--color-category-teal-subtle:oklch(0.314 0.053 200.65);--color-category-yellow-medium:oklch(0.581 0.118 85.53);--color-category-yellow-strong:oklch(0.824 0.164 89.76);--color-category-yellow-subtle:oklch(0.439 0.089 86.29);--color-icon-brand-accent-01:oklch(0.687 0.21 41.42);--color-icon-brand-accent-02:oklch(0.736 0.184 54.26);--color-icon-brand-primary:oklch(0.725 0.139 285.68);--color-icon-neutral-inverse:oklch(0.098 0.004 285.56);--color-icon-neutral-primary:oklch(1 0 0);--color-icon-neutral-secondary:oklch(0.775 0.01 258.34);--color-icon-support-danger:oklch(0.625 0.21 31.06);--color-icon-support-info:oklch(0.649 0.186 268.81);--color-icon-support-neutral:oklch(0.649 0.01 264.5);--color-icon-support-success:oklch(0.599 0.2 141.99);--color-icon-support-warning:oklch(0.827 0.17 83.98);--color-interactive-background-danger-hover:oklch(0.503 0.207 29.23);--color-interactive-background-danger-idle:oklch(0.453 0.186 29.23);--color-interactive-background-danger-pressed:oklch(0.55 0.21 31.08);--color-interactive-background-ghost-hover:oklch(1 0 0/8%);--color-interactive-background-ghost-idle:oklch(1 0 0/0%);--color-interactive-background-ghost-pressed:oklch(1 0 0/16%);--color-interactive-background-neutral-hover:oklch(0.499 0.01 264.48);--color-interactive-background-neutral-idle:oklch(0.45 0.005 271.3);--color-interactive-background-neutral-pressed:oklch(0.551 0.01 264.49);--color-interactive-background-persistent-black-fill-hover:oklch(0.226 0.004 264.49);--color-interactive-background-persistent-black-fill-idle:oklch(0.098 0.004 285.56);--color-interactive-background-persistent-black-fill-pressed:oklch(0.325 0.005 271.25);--color-interactive-background-persistent-black-ghost-hover:oklch(0.098 0.004 285.56/8%);--color-interactive-background-persistent-black-ghost-idle:oklch(0.098 0.004 285.56/0%);--color-interactive-background-persistent-black-ghost-pressed:oklch(0.098 0.004 285.56/16%);--color-interactive-background-persistent-white-fill-hover:oklch(0.925 0.001 286.37);--color-interactive-background-persistent-white-fill-idle:oklch(1 0 0);--color-interactive-background-persistent-white-fill-pressed:oklch(0.85 0.009 258.34);--color-interactive-background-persistent-white-ghost-hover:oklch(1 0 0/8%);--color-interactive-background-persistent-white-ghost-idle:oklch(1 0 0/0%);--color-interactive-background-persistent-white-ghost-pressed:oklch(1 0 0/16%);--color-interactive-background-primary-hover:oklch(0.499 0.24 286.03);--color-interactive-background-primary-idle:oklch(0.455 0.256 287.14);--color-interactive-background-primary-pressed:oklch(0.551 0.239 285.98);--color-interactive-border-danger-hover:oklch(0.675 0.18 30.73);--color-interactive-border-danger-idle:oklch(0.625 0.21 31.06);--color-interactive-border-danger-pressed:oklch(0.726 0.14 30.93);--color-interactive-border-neutral-hover:oklch(1 0 0/50%);--color-interactive-border-neutral-idle:oklch(1 0 0/40%);--color-interactive-border-neutral-pressed:oklch(1 0 0/60%);--color-interactive-border-persistent-black-hover:oklch(0.098 0.004 285.56/90%);--color-interactive-border-persistent-black-idle:oklch(0.098 0.004 285.56/80%);--color-interactive-border-persistent-black-pressed:oklch(0.098 0.004 285.56);--color-interactive-border-persistent-white-hover:oklch(1 0 0/90%);--color-interactive-border-persistent-white-idle:oklch(1 0 0/80%);--color-interactive-border-persistent-white-pressed:oklch(1 0 0);--color-interactive-icon-danger-hover:oklch(0.675 0.18 30.73);--color-interactive-icon-danger-idle:oklch(0.625 0.21 31.06);--color-interactive-icon-danger-pressed:oklch(0.726 0.14 30.93);--color-interactive-icon-link-brand-hover:oklch(0.801 0.1 285.85);--color-interactive-icon-link-brand-idle:oklch(0.725 0.139 285.68);--color-interactive-icon-link-brand-pressed:oklch(0.85 0.078 286.26);--color-interactive-icon-link-brand-visited:oklch(0.729 0.166 299.96);--color-interactive-icon-link-default-hover:oklch(0.699 0.16 286.37);--color-interactive-icon-link-default-idle:oklch(0.649 0.197 286.15);--color-interactive-icon-link-default-pressed:oklch(0.775 0.11 286.45);--color-interactive-icon-link-default-visited:oklch(0.729 0.166 299.96);--color-interactive-icon-link-neutral-hover:oklch(0.75 0.005 258.33);--color-interactive-icon-link-neutral-idle:oklch(1 0 0);--color-interactive-icon-link-neutral-pressed:oklch(0.649 0.01 264.5);--color-interactive-icon-link-neutral-visited:oklch(0.729 0.166 299.96);--color-interactive-icon-neutral-hover:oklch(0.949 0.001 286.37);--color-interactive-icon-neutral-idle:oklch(0.9 0.005 258.33);--color-interactive-icon-neutral-pressed:oklch(1 0 0);--color-interactive-icon-primary-hover:oklch(0.801 0.1 285.85);--color-interactive-icon-primary-idle:oklch(0.725 0.139 285.68);--color-interactive-icon-primary-pressed:oklch(0.85 0.078 286.26);--color-interactive-text-danger-hover:oklch(0.675 0.18 30.73);--color-interactive-text-danger-idle:oklch(0.625 0.21 31.06);--color-interactive-text-danger-pressed:oklch(0.726 0.14 30.93);--color-interactive-text-link-brand-hover:oklch(0.801 0.1 285.85);--color-interactive-text-link-brand-idle:oklch(0.725 0.139 285.68);--color-interactive-text-link-brand-pressed:oklch(0.85 0.078 286.26);--color-interactive-text-link-brand-visited:oklch(0.729 0.166 299.96);--color-interactive-text-link-default-hover:oklch(0.699 0.16 286.37);--color-interactive-text-link-default-idle:oklch(0.649 0.197 286.15);--color-interactive-text-link-default-pressed:oklch(0.775 0.11 286.45);--color-interactive-text-link-default-visited:oklch(0.729 0.166 299.96);--color-interactive-text-link-neutral-hover:oklch(0.75 0.005 258.33);--color-interactive-text-link-neutral-idle:oklch(1 0 0);--color-interactive-text-link-neutral-pressed:oklch(0.649 0.01 264.5);--color-interactive-text-link-neutral-visited:oklch(0.729 0.166 299.96);--color-interactive-text-neutral-hover:oklch(0.949 0.001 286.37);--color-interactive-text-neutral-idle:oklch(0.9 0.005 258.33);--color-interactive-text-neutral-pressed:oklch(1 0 0);--color-interactive-text-primary-hover:oklch(0.801 0.1 285.85);--color-interactive-text-primary-idle:oklch(0.725 0.139 285.68);--color-interactive-text-primary-pressed:oklch(0.85 0.078 286.26);--color-surface-overlay:oklch(0.276 0.005 248);--color-surface-primary:oklch(0.098 0.004 285.56);--color-surface-raised:oklch(0.226 0.004 264.49);--color-surface-secondary:oklch(0.173 0.006 271.03);--color-text-brand-accent-01:oklch(0.687 0.21 41.42);--color-text-brand-accent-02:oklch(0.736 0.184 54.26);--color-text-brand-primary:oklch(0.725 0.139 285.68);--color-text-neutral-inverse:oklch(0.098 0.004 285.56);--color-text-neutral-primary:oklch(1 0 0);--color-text-neutral-secondary:oklch(0.775 0.01 258.34);--color-text-support-danger:oklch(0.625 0.21 31.06);--color-text-support-info:oklch(0.649 0.186 268.81);--color-text-support-success:oklch(0.599 0.2 141.99);--color-utility-disabled-background:oklch(0.226 0.004 264.49);--color-utility-disabled-border:oklch(0.3 0.005 247.98);--color-utility-disabled-icon:oklch(0.349 0.005 271.26);--color-utility-disabled-text:oklch(0.349 0.005 271.26);--color-utility-focus-border:oklch(0.725 0.139 285.68);--color-utility-persistent-black:oklch(0.098 0.004 285.56);--color-utility-persistent-transparent-white:oklch(1 0 0/80%);--color-utility-persistent-white:oklch(1 0 0);--color-utility-placeholder-icon:oklch(0.576 0.01 264.49);--color-utility-placeholder-text:oklch(0.576 0.01 264.49);--border-radius-lg:6px;--border-radius-md:4px;--border-radius-none:0;--border-radius-rounded:360px;--border-radius-sm:3px;--border-radius-xl:8px;--border-radius-xs:2px;--border-radius-xxl:12px;--border-width-lg:3px;--border-width-md:2px;--border-width-none:0;--border-width-sm:1px;--border-width-xl:4px;--canvas-width:375;--font-dynamic-display-lg:var(--type-font-weight-display-regular) 53px /60px var(--type-font-family-primary);--font-dynamic-display-md:var(--type-font-weight-display-regular) 40px /46px var(--type-font-family-primary);--font-dynamic-heading-lg-bold:var(--type-font-weight-heading-bold) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-lg-default:var(--type-font-weight-heading-default) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-xl:var(--type-font-weight-heading-regular) 30px /34px var(--type-font-family-primary);--font-dynamic-heading-xxl:var(--type-font-weight-heading-regular) 34px /40px var(--type-font-family-primary);--font-dynamic-heading-xxxl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-body-lg-bold:var(--type-font-weight-body-bold) 17px /26px var(--type-font-family-secondary);--font-static-body-lg-default:var(--type-font-weight-body-default) 17px /26px var(--type-font-family-secondary);--font-static-body-md-bold:var(--type-font-weight-body-bold) 16px /24px var(--type-font-family-secondary);--font-static-body-md-default:var(--type-font-weight-body-default) 16px /24px var(--type-font-family-secondary);--font-static-body-sm-bold:var(--type-font-weight-body-bold) 14px /20px var(--type-font-family-secondary);--font-static-body-sm-default:var(--type-font-weight-body-default) 14px /20px var(--type-font-family-secondary);--font-static-body-xl-bold:var(--type-font-weight-body-bold) 19px /28px var(--type-font-family-secondary);--font-static-body-xl-default:var(--type-font-weight-body-default) 19px /28px var(--type-font-family-secondary);--font-static-body-xs-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-body-xs-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-body-xxl-bold:var(--type-font-weight-body-bold) 22px /32px var(--type-font-family-secondary);--font-static-body-xxl-default:var(--type-font-weight-body-default) 22px /32px var(--type-font-family-secondary);--font-static-code-lg-bold:var(--type-font-weight-code-bold) 17px /26px var(--type-font-family-tertiary);--font-static-code-lg-default:var(--type-font-weight-code-default) 17px /26px var(--type-font-family-tertiary);--font-static-code-md-bold:var(--type-font-weight-code-bold) 16px /24px var(--type-font-family-tertiary);--font-static-code-md-default:var(--type-font-weight-code-default) 16px /24px var(--type-font-family-tertiary);--font-static-code-sm-bold:var(--type-font-weight-code-bold) 14px /20px var(--type-font-family-tertiary);--font-static-code-sm-default:var(--type-font-weight-code-default) 14px /20px var(--type-font-family-tertiary);--font-static-code-xl-bold:var(--type-font-weight-code-bold) 19px /28px var(--type-font-family-tertiary);--font-static-code-xl-default:var(--type-font-weight-code-default) 19px /28px var(--type-font-family-tertiary);--font-static-code-xs-bold:var(--type-font-weight-code-bold) 12px /18px var(--type-font-family-tertiary);--font-static-code-xs-default:var(--type-font-weight-code-default) 12px /18px var(--type-font-family-tertiary);--font-static-display-lg:var(--type-font-weight-display-regular) 84px /100px var(--type-font-family-primary);--font-static-display-md:var(--type-font-weight-display-regular) 65px /74px var(--type-font-family-primary);--font-static-heading-lg-bold:var(--type-font-weight-heading-bold) 28px /34px var(--type-font-family-secondary);--font-static-heading-lg-default:var(--type-font-weight-heading-default) 28px /34px var(--type-font-family-secondary);--font-static-heading-md-bold:var(--type-font-weight-heading-bold) 24px /30px var(--type-font-family-secondary);--font-static-heading-md-default:var(--type-font-weight-heading-default) 24px /30px var(--type-font-family-secondary);--font-static-heading-sm-bold:var(--type-font-weight-heading-bold) 20px /24px var(--type-font-family-secondary);--font-static-heading-sm-default:var(--type-font-weight-heading-default) 20px /24px var(--type-font-family-secondary);--font-static-heading-xl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-heading-xs-bold:var(--type-font-weight-heading-bold) 17px /20px var(--type-font-family-secondary);--font-static-heading-xs-default:var(--type-font-weight-heading-default) 17px /20px var(--type-font-family-secondary);--font-static-heading-xxl:var(--type-font-weight-heading-regular) 44px /50px var(--type-font-family-primary);--font-static-heading-xxs-bold:var(--type-font-weight-heading-bold) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxs-default:var(--type-font-weight-heading-default) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxxl:var(--type-font-weight-heading-regular) 53px /60px var(--type-font-family-primary);--icon-stroke-lg:2px;--icon-stroke-md:1.75px;--icon-stroke-sm:1.5px;--icon-stroke-xl:2.25px;--icon-stroke-xs:1.25px;--icon-stroke-xxs:1px;--scrim-default:oklch(0 0 0/80%);--shadow-high:0 7px 20px 5px oklch(0 0 0/20%);--shadow-highest:0 20px 30px 15px oklch(0 0 0/20%);--shadow-low:0 3px 5px 0 oklch(0 0 0/20%);--shadow-lowest:0 1px 2px 0 oklch(0 0 0/20%);--shadow-medium:0 5px 10px 1px oklch(0 0 0/20%);--shadow-none:0 0 0 0 oklch(0 0 0/0%);--sizing-10:1px;--sizing-20:2px;--sizing-30:4px;--sizing-40:6px;--sizing-50:8px;--sizing-60:12px;--sizing-70:16px;--sizing-80:20px;--sizing-90:24px;--sizing-100:28px;--sizing-110:30px;--sizing-120:32px;--sizing-130:38px;--sizing-140:40px;--sizing-150:46px;--sizing-160:48px;--sizing-170:56px;--sizing-180:80px;--sizing-190:120px;--sizing-200:160px;--spacing-0:0;--spacing-10:1px;--spacing-20:2px;--spacing-30:3px;--spacing-40:4px;--spacing-50:6px;--spacing-60:7px;--spacing-70:8px;--spacing-80:10px;--spacing-90:12px;--spacing-100:16px;--spacing-110:20px;--spacing-120:24px;--spacing-130:28px;--spacing-140:32px;--spacing-150:36px;--spacing-160:40px;--spacing-170:44px;--spacing-180:48px;--spacing-190:52px;--spacing-200:56px;--spacing-210:60px;--spacing-220:64px;--spacing-230:68px;--spacing-240:72px;--spacing-250:76px;--spacing-260:80px;--spacing-270:84px;--spacing-280:88px;--spacing-290:92px;--spacing-300:96px;--spacing-310:100px;--spacing-320:120px;--spacing-330:132px;--type-font-family-primary:Alfabet,sans-serif;--type-font-family-secondary:'Roboto Flex',sans-serif;--type-font-family-tertiary:'Roboto Mono',monospace;--type-font-weight-body-bold:500;--type-font-weight-body-default:400;--type-font-weight-code-bold:500;--type-font-weight-code-default:400;--type-font-weight-display-regular:400;--type-font-weight-heading-bold:600;--type-font-weight-heading-default:500;--type-font-weight-heading-regular:400;--type-static-body-lg-font-size:17px;--type-static-body-lg-line-height:26px;--type-static-body-md-font-size:16px;--type-static-body-md-line-height:24px;--type-static-body-sm-font-size:14px;--type-static-body-sm-line-height:20px;--type-static-body-xl-font-size:19px;--type-static-body-xl-line-height:28px;--type-static-body-xs-font-size:12px;--type-static-body-xs-line-height:18px;--type-static-body-xxl-font-size:22px;--type-static-body-xxl-line-height:32px;--type-static-code-lg-font-size:17px;--type-static-code-lg-line-height:26px;--type-static-code-md-font-size:16px;--type-static-code-md-line-height:24px;--type-static-code-sm-font-size:14px;--type-static-code-sm-line-height:20px;--type-static-code-xl-font-size:19px;--type-static-code-xl-line-height:28px;--type-static-code-xs-font-size:12px;--type-static-code-xs-line-height:18px;--type-static-heading-lg-font-size:28px;--type-static-heading-lg-line-height:34px;--type-static-heading-md-font-size:24px;--type-static-heading-md-line-height:30px;--type-static-heading-sm-font-size:20px;--type-static-heading-sm-line-height:24px;--type-static-heading-xs-font-size:17px;--type-static-heading-xs-line-height:20px;--type-static-heading-xxs-font-size:14px;--type-static-heading-xxs-line-height:18px;--type-static-heading-xxxl-font-size:53px;--type-static-heading-xxxl-line-height:60px}
|
|
1
|
+
[data-brand=dragonwing][data-theme=dark]{--color-background-brand-accent-01:oklch(0.687 0.21 41.42);--color-background-brand-accent-02:oklch(0.736 0.184 54.26);--color-background-brand-primary-strong:oklch(0.9 0.039 285.58);--color-background-brand-primary-subtle:oklch(0.301 0.172 287.24);--color-background-brand-primary:oklch(0.476 0.24 285.9);--color-background-neutral-00:oklch(0.098 0.004 285.56);--color-background-neutral-01:oklch(0.2 0.004 264.47);--color-background-neutral-02:oklch(0.226 0.004 264.49);--color-background-neutral-03:oklch(0.251 0.005 248.02);--color-background-neutral-04:oklch(0.276 0.005 248);--color-background-neutral-05:oklch(0.3 0.005 247.98);--color-background-neutral-06:oklch(0.325 0.005 271.25);--color-background-neutral-07:oklch(0.349 0.005 271.26);--color-background-neutral-08:oklch(0.375 0.005 271.28);--color-background-neutral-09:oklch(0.401 0.009 260.72);--color-background-neutral-10:oklch(1 0 0);--color-background-support-danger-medium:oklch(0.376 0.15 30.26);--color-background-support-danger-subtle:oklch(0.148 0.061 29.23);--color-background-support-danger:oklch(0.575 0.21 31.06);--color-background-support-info-medium:oklch(0.399 0.151 268.98);--color-background-support-info-subtle:oklch(0.175 0.06 269.89);--color-background-support-info:oklch(0.575 0.189 268.76);--color-background-support-neutral-medium:oklch(0.349 0.005 271.26);--color-background-support-neutral-subtle:oklch(0.2 0.004 264.47);--color-background-support-neutral:oklch(0.475 0.005 271.31);--color-background-support-success-medium:oklch(0.405 0.138 142.5);--color-background-support-success-subtle:oklch(0.173 0.059 142.5);--color-background-support-success:oklch(0.549 0.187 142.46);--color-background-support-warning-medium:oklch(0.399 0.08 87.06);--color-background-support-warning-subtle:oklch(0.202 0.041 88.49);--color-background-support-warning:oklch(0.827 0.17 83.98);--color-border-brand-accent-01:oklch(0.687 0.21 41.42);--color-border-brand-accent-02:oklch(0.736 0.184 54.26);--color-border-brand-primary-subtle:oklch(0.275 0.15 278.93);--color-border-brand-primary:oklch(0.725 0.139 285.68);--color-border-neutral-00:oklch(0.098 0.004 285.56);--color-border-neutral-01:oklch(0.251 0.005 248.02);--color-border-neutral-02:oklch(0.3 0.005 247.98);--color-border-neutral-03:oklch(0.349 0.005 271.26);--color-border-neutral-10:oklch(1 0 0);--color-border-support-danger:oklch(0.35 0.14 30.14);--color-border-support-info:oklch(0.376 0.14 268.81);--color-border-support-neutral:oklch(0.325 0.005 271.25);--color-border-support-success:oklch(0.377 0.128 142.5);--color-border-support-warning:oklch(0.501 0.1 87.23);--color-category-blue-medium:oklch(0.478 0.226 262.53);--color-category-blue-strong:oklch(0.57 0.234 261.43);--color-category-blue-subtle:oklch(0.333 0.168 263.21);--color-category-cyan-medium:oklch(0.465 0.138 251.76);--color-category-cyan-strong:oklch(0.558 0.154 249.18);--color-category-cyan-subtle:oklch(0.319 0.094 251.76);--color-category-green-medium:oklch(0.503 0.098 161.5);--color-category-green-strong:oklch(0.546 0.112 160.46);--color-category-green-subtle:oklch(0.388 0.071 162.5);--color-category-kiwi-medium:oklch(0.507 0.113 128.68);--color-category-kiwi-strong:oklch(0.55 0.125 128.66);--color-category-kiwi-subtle:oklch(0.392 0.074 128.07);--color-category-magenta-medium:oklch(0.489 0.18 1.48);--color-category-magenta-strong:oklch(0.585 0.208 0.29);--color-category-magenta-subtle:oklch(0.335 0.129 3.19);--color-category-orange-medium:oklch(0.473 0.133 46.03);--color-category-orange-strong:oklch(0.574 0.162 45.72);--color-category-orange-subtle:oklch(0.318 0.082 50.5);--color-category-purple-medium:oklch(0.493 0.228 295.18);--color-category-purple-strong:oklch(0.586 0.251 295.92);--color-category-purple-subtle:oklch(0.335 0.151 295.15);--color-category-red-medium:oklch(0.486 0.182 25.67);--color-category-red-strong:oklch(0.583 0.217 25.29);--color-category-red-subtle:oklch(0.333 0.126 25.6);--color-category-teal-medium:oklch(0.458 0.079 192.39);--color-category-teal-strong:oklch(0.548 0.094 190.97);--color-category-teal-subtle:oklch(0.314 0.053 200.65);--color-category-yellow-medium:oklch(0.581 0.118 85.53);--color-category-yellow-strong:oklch(0.824 0.164 89.76);--color-category-yellow-subtle:oklch(0.439 0.089 86.29);--color-icon-brand-accent-01:oklch(0.687 0.21 41.42);--color-icon-brand-accent-02:oklch(0.736 0.184 54.26);--color-icon-brand-primary:oklch(0.725 0.139 285.68);--color-icon-neutral-inverse:oklch(0.098 0.004 285.56);--color-icon-neutral-primary:oklch(1 0 0);--color-icon-neutral-secondary:oklch(0.775 0.01 258.34);--color-icon-support-danger:oklch(0.625 0.21 31.06);--color-icon-support-info:oklch(0.649 0.186 268.81);--color-icon-support-neutral:oklch(0.649 0.01 264.5);--color-icon-support-success:oklch(0.599 0.2 141.99);--color-icon-support-warning:oklch(0.827 0.17 83.98);--color-interactive-background-danger-hover:oklch(0.503 0.207 29.23);--color-interactive-background-danger-idle:oklch(0.453 0.186 29.23);--color-interactive-background-danger-pressed:oklch(0.55 0.21 31.08);--color-interactive-background-ghost-hover:oklch(1 0 0/8%);--color-interactive-background-ghost-idle:oklch(1 0 0/0%);--color-interactive-background-ghost-pressed:oklch(1 0 0/16%);--color-interactive-background-neutral-hover:oklch(0.499 0.01 264.48);--color-interactive-background-neutral-idle:oklch(0.45 0.005 271.3);--color-interactive-background-neutral-pressed:oklch(0.551 0.01 264.49);--color-interactive-background-persistent-black-fill-hover:oklch(0.226 0.004 264.49);--color-interactive-background-persistent-black-fill-idle:oklch(0.098 0.004 285.56);--color-interactive-background-persistent-black-fill-pressed:oklch(0.325 0.005 271.25);--color-interactive-background-persistent-black-ghost-hover:oklch(0.098 0.004 285.56/8%);--color-interactive-background-persistent-black-ghost-idle:oklch(0.098 0.004 285.56/0%);--color-interactive-background-persistent-black-ghost-pressed:oklch(0.098 0.004 285.56/16%);--color-interactive-background-persistent-white-fill-hover:oklch(0.925 0.001 286.37);--color-interactive-background-persistent-white-fill-idle:oklch(1 0 0);--color-interactive-background-persistent-white-fill-pressed:oklch(0.85 0.009 258.34);--color-interactive-background-persistent-white-ghost-hover:oklch(1 0 0/8%);--color-interactive-background-persistent-white-ghost-idle:oklch(1 0 0/0%);--color-interactive-background-persistent-white-ghost-pressed:oklch(1 0 0/16%);--color-interactive-background-primary-hover:oklch(0.499 0.24 286.03);--color-interactive-background-primary-idle:oklch(0.455 0.256 287.14);--color-interactive-background-primary-pressed:oklch(0.551 0.239 285.98);--color-interactive-border-danger-hover:oklch(0.675 0.18 30.73);--color-interactive-border-danger-idle:oklch(0.625 0.21 31.06);--color-interactive-border-danger-pressed:oklch(0.726 0.14 30.93);--color-interactive-border-neutral-hover:oklch(1 0 0/35%);--color-interactive-border-neutral-idle:oklch(1 0 0/30%);--color-interactive-border-neutral-pressed:oklch(1 0 0/40%);--color-interactive-border-persistent-black-hover:oklch(0.098 0.004 285.56/90%);--color-interactive-border-persistent-black-idle:oklch(0.098 0.004 285.56/80%);--color-interactive-border-persistent-black-pressed:oklch(0.098 0.004 285.56);--color-interactive-border-persistent-white-hover:oklch(1 0 0/90%);--color-interactive-border-persistent-white-idle:oklch(1 0 0/80%);--color-interactive-border-persistent-white-pressed:oklch(1 0 0);--color-interactive-icon-danger-hover:oklch(0.675 0.18 30.73);--color-interactive-icon-danger-idle:oklch(0.625 0.21 31.06);--color-interactive-icon-danger-pressed:oklch(0.726 0.14 30.93);--color-interactive-icon-link-brand-hover:oklch(0.801 0.1 285.85);--color-interactive-icon-link-brand-idle:oklch(0.725 0.139 285.68);--color-interactive-icon-link-brand-pressed:oklch(0.85 0.078 286.26);--color-interactive-icon-link-brand-visited:oklch(0.729 0.166 299.96);--color-interactive-icon-link-default-hover:oklch(0.699 0.16 286.37);--color-interactive-icon-link-default-idle:oklch(0.649 0.197 286.15);--color-interactive-icon-link-default-pressed:oklch(0.775 0.11 286.45);--color-interactive-icon-link-default-visited:oklch(0.729 0.166 299.96);--color-interactive-icon-link-neutral-hover:oklch(0.75 0.005 258.33);--color-interactive-icon-link-neutral-idle:oklch(1 0 0);--color-interactive-icon-link-neutral-pressed:oklch(0.649 0.01 264.5);--color-interactive-icon-link-neutral-visited:oklch(0.729 0.166 299.96);--color-interactive-icon-neutral-hover:oklch(0.949 0.001 286.37);--color-interactive-icon-neutral-idle:oklch(0.9 0.005 258.33);--color-interactive-icon-neutral-pressed:oklch(1 0 0);--color-interactive-icon-primary-hover:oklch(0.801 0.1 285.85);--color-interactive-icon-primary-idle:oklch(0.725 0.139 285.68);--color-interactive-icon-primary-pressed:oklch(0.85 0.078 286.26);--color-interactive-text-danger-hover:oklch(0.675 0.18 30.73);--color-interactive-text-danger-idle:oklch(0.625 0.21 31.06);--color-interactive-text-danger-pressed:oklch(0.726 0.14 30.93);--color-interactive-text-link-brand-hover:oklch(0.801 0.1 285.85);--color-interactive-text-link-brand-idle:oklch(0.725 0.139 285.68);--color-interactive-text-link-brand-pressed:oklch(0.85 0.078 286.26);--color-interactive-text-link-brand-visited:oklch(0.729 0.166 299.96);--color-interactive-text-link-default-hover:oklch(0.699 0.16 286.37);--color-interactive-text-link-default-idle:oklch(0.649 0.197 286.15);--color-interactive-text-link-default-pressed:oklch(0.775 0.11 286.45);--color-interactive-text-link-default-visited:oklch(0.729 0.166 299.96);--color-interactive-text-link-neutral-hover:oklch(0.75 0.005 258.33);--color-interactive-text-link-neutral-idle:oklch(1 0 0);--color-interactive-text-link-neutral-pressed:oklch(0.649 0.01 264.5);--color-interactive-text-link-neutral-visited:oklch(0.729 0.166 299.96);--color-interactive-text-neutral-hover:oklch(0.949 0.001 286.37);--color-interactive-text-neutral-idle:oklch(0.9 0.005 258.33);--color-interactive-text-neutral-pressed:oklch(1 0 0);--color-interactive-text-primary-hover:oklch(0.801 0.1 285.85);--color-interactive-text-primary-idle:oklch(0.725 0.139 285.68);--color-interactive-text-primary-pressed:oklch(0.85 0.078 286.26);--color-surface-overlay:oklch(0.276 0.005 248);--color-surface-primary:oklch(0.098 0.004 285.56);--color-surface-raised:oklch(0.226 0.004 264.49);--color-surface-secondary:oklch(0.2 0.004 264.47);--color-text-brand-accent-01:oklch(0.687 0.21 41.42);--color-text-brand-accent-02:oklch(0.736 0.184 54.26);--color-text-brand-primary:oklch(0.725 0.139 285.68);--color-text-neutral-inverse:oklch(0.098 0.004 285.56);--color-text-neutral-primary:oklch(1 0 0);--color-text-neutral-secondary:oklch(0.775 0.01 258.34);--color-text-support-danger:oklch(0.625 0.21 31.06);--color-text-support-info:oklch(0.649 0.186 268.81);--color-text-support-success:oklch(0.599 0.2 141.99);--color-utility-disabled-background:oklch(0.226 0.004 264.49);--color-utility-disabled-border:oklch(0.3 0.005 247.98);--color-utility-disabled-icon:oklch(0.349 0.005 271.26);--color-utility-disabled-text:oklch(0.349 0.005 271.26);--color-utility-focus-border:oklch(0.725 0.139 285.68);--color-utility-persistent-black:oklch(0.098 0.004 285.56);--color-utility-persistent-transparent-white:oklch(1 0 0/80%);--color-utility-persistent-white:oklch(1 0 0);--color-utility-placeholder-icon:oklch(0.576 0.01 264.49);--color-utility-placeholder-text:oklch(0.576 0.01 264.49);--border-radius-lg:6px;--border-radius-md:4px;--border-radius-none:0;--border-radius-rounded:360px;--border-radius-sm:3px;--border-radius-xl:8px;--border-radius-xs:2px;--border-radius-xxl:12px;--border-width-lg:3px;--border-width-md:2px;--border-width-none:0;--border-width-sm:1px;--border-width-xl:4px;--canvas-width:375;--font-dynamic-display-lg:var(--type-font-weight-display-regular) 53px /60px var(--type-font-family-primary);--font-dynamic-display-md:var(--type-font-weight-display-regular) 40px /46px var(--type-font-family-primary);--font-dynamic-heading-lg-bold:var(--type-font-weight-heading-bold) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-lg-default:var(--type-font-weight-heading-default) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-xl:var(--type-font-weight-heading-regular) 30px /34px var(--type-font-family-primary);--font-dynamic-heading-xxl:var(--type-font-weight-heading-regular) 34px /40px var(--type-font-family-primary);--font-dynamic-heading-xxxl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-body-lg-bold:var(--type-font-weight-body-bold) 17px /26px var(--type-font-family-secondary);--font-static-body-lg-default:var(--type-font-weight-body-default) 17px /26px var(--type-font-family-secondary);--font-static-body-md-bold:var(--type-font-weight-body-bold) 16px /24px var(--type-font-family-secondary);--font-static-body-md-default:var(--type-font-weight-body-default) 16px /24px var(--type-font-family-secondary);--font-static-body-sm-bold:var(--type-font-weight-body-bold) 14px /20px var(--type-font-family-secondary);--font-static-body-sm-default:var(--type-font-weight-body-default) 14px /20px var(--type-font-family-secondary);--font-static-body-xl-bold:var(--type-font-weight-body-bold) 19px /28px var(--type-font-family-secondary);--font-static-body-xl-default:var(--type-font-weight-body-default) 19px /28px var(--type-font-family-secondary);--font-static-body-xs-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-body-xs-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-body-xxl-bold:var(--type-font-weight-body-bold) 22px /32px var(--type-font-family-secondary);--font-static-body-xxl-default:var(--type-font-weight-body-default) 22px /32px var(--type-font-family-secondary);--font-static-code-lg-bold:var(--type-font-weight-code-bold) 17px /26px var(--type-font-family-tertiary);--font-static-code-lg-default:var(--type-font-weight-code-default) 17px /26px var(--type-font-family-tertiary);--font-static-code-md-bold:var(--type-font-weight-code-bold) 16px /24px var(--type-font-family-tertiary);--font-static-code-md-default:var(--type-font-weight-code-default) 16px /24px var(--type-font-family-tertiary);--font-static-code-sm-bold:var(--type-font-weight-code-bold) 14px /20px var(--type-font-family-tertiary);--font-static-code-sm-default:var(--type-font-weight-code-default) 14px /20px var(--type-font-family-tertiary);--font-static-code-xl-bold:var(--type-font-weight-code-bold) 19px /28px var(--type-font-family-tertiary);--font-static-code-xl-default:var(--type-font-weight-code-default) 19px /28px var(--type-font-family-tertiary);--font-static-code-xs-bold:var(--type-font-weight-code-bold) 12px /18px var(--type-font-family-tertiary);--font-static-code-xs-default:var(--type-font-weight-code-default) 12px /18px var(--type-font-family-tertiary);--font-static-display-lg:var(--type-font-weight-display-regular) 84px /100px var(--type-font-family-primary);--font-static-display-md:var(--type-font-weight-display-regular) 65px /74px var(--type-font-family-primary);--font-static-heading-lg-bold:var(--type-font-weight-heading-bold) 28px /34px var(--type-font-family-secondary);--font-static-heading-lg-default:var(--type-font-weight-heading-default) 28px /34px var(--type-font-family-secondary);--font-static-heading-md-bold:var(--type-font-weight-heading-bold) 24px /30px var(--type-font-family-secondary);--font-static-heading-md-default:var(--type-font-weight-heading-default) 24px /30px var(--type-font-family-secondary);--font-static-heading-sm-bold:var(--type-font-weight-heading-bold) 20px /24px var(--type-font-family-secondary);--font-static-heading-sm-default:var(--type-font-weight-heading-default) 20px /24px var(--type-font-family-secondary);--font-static-heading-xl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-heading-xs-bold:var(--type-font-weight-heading-bold) 17px /20px var(--type-font-family-secondary);--font-static-heading-xs-default:var(--type-font-weight-heading-default) 17px /20px var(--type-font-family-secondary);--font-static-heading-xxl:var(--type-font-weight-heading-regular) 44px /50px var(--type-font-family-primary);--font-static-heading-xxs-bold:var(--type-font-weight-heading-bold) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxs-default:var(--type-font-weight-heading-default) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxxl:var(--type-font-weight-heading-regular) 53px /60px var(--type-font-family-primary);--icon-stroke-lg:2px;--icon-stroke-md:1.75px;--icon-stroke-sm:1.5px;--icon-stroke-xl:2.25px;--icon-stroke-xs:1.25px;--icon-stroke-xxs:1px;--scrim-default:oklch(0 0 0/80%);--shadow-high:0 7px 20px 5px oklch(0 0 0/20%);--shadow-highest:0 20px 30px 15px oklch(0 0 0/20%);--shadow-low:0 3px 5px 0 oklch(0 0 0/20%);--shadow-lowest:0 1px 2px 0 oklch(0 0 0/20%);--shadow-medium:0 5px 10px 1px oklch(0 0 0/20%);--shadow-none:0 0 0 0 oklch(0 0 0/0%);--sizing-10:1px;--sizing-20:2px;--sizing-30:4px;--sizing-40:6px;--sizing-50:8px;--sizing-60:12px;--sizing-70:16px;--sizing-80:20px;--sizing-90:24px;--sizing-100:28px;--sizing-110:30px;--sizing-120:32px;--sizing-130:38px;--sizing-140:40px;--sizing-150:46px;--sizing-160:48px;--sizing-170:56px;--sizing-180:80px;--sizing-190:120px;--sizing-200:160px;--spacing-0:0;--spacing-10:1px;--spacing-20:2px;--spacing-30:3px;--spacing-40:4px;--spacing-50:6px;--spacing-60:7px;--spacing-70:8px;--spacing-80:10px;--spacing-90:12px;--spacing-100:16px;--spacing-110:20px;--spacing-120:24px;--spacing-130:28px;--spacing-140:32px;--spacing-150:36px;--spacing-160:40px;--spacing-170:44px;--spacing-180:48px;--spacing-190:52px;--spacing-200:56px;--spacing-210:60px;--spacing-220:64px;--spacing-230:68px;--spacing-240:72px;--spacing-250:76px;--spacing-260:80px;--spacing-270:84px;--spacing-280:88px;--spacing-290:92px;--spacing-300:96px;--spacing-310:100px;--spacing-320:120px;--spacing-330:132px;--type-font-family-primary:Alfabet,sans-serif;--type-font-family-secondary:'Roboto Flex',sans-serif;--type-font-family-tertiary:'Roboto Mono',monospace;--type-font-weight-body-bold:500;--type-font-weight-body-default:400;--type-font-weight-code-bold:500;--type-font-weight-code-default:400;--type-font-weight-display-regular:400;--type-font-weight-heading-bold:600;--type-font-weight-heading-default:500;--type-font-weight-heading-regular:400;--type-static-body-lg-font-size:17px;--type-static-body-lg-line-height:26px;--type-static-body-md-font-size:16px;--type-static-body-md-line-height:24px;--type-static-body-sm-font-size:14px;--type-static-body-sm-line-height:20px;--type-static-body-xl-font-size:19px;--type-static-body-xl-line-height:28px;--type-static-body-xs-font-size:12px;--type-static-body-xs-line-height:18px;--type-static-body-xxl-font-size:22px;--type-static-body-xxl-line-height:32px;--type-static-code-lg-font-size:17px;--type-static-code-lg-line-height:26px;--type-static-code-md-font-size:16px;--type-static-code-md-line-height:24px;--type-static-code-sm-font-size:14px;--type-static-code-sm-line-height:20px;--type-static-code-xl-font-size:19px;--type-static-code-xl-line-height:28px;--type-static-code-xs-font-size:12px;--type-static-code-xs-line-height:18px;--type-static-heading-lg-font-size:28px;--type-static-heading-lg-line-height:34px;--type-static-heading-md-font-size:24px;--type-static-heading-md-line-height:30px;--type-static-heading-sm-font-size:20px;--type-static-heading-sm-line-height:24px;--type-static-heading-xs-font-size:17px;--type-static-heading-xs-line-height:20px;--type-static-heading-xxs-font-size:14px;--type-static-heading-xxs-line-height:18px;--type-static-heading-xxxl-font-size:53px;--type-static-heading-xxxl-line-height:60px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-brand=dragonwing][data-theme=light]{--color-background-brand-accent-01:oklch(0.687 0.21 41.42);--color-background-brand-accent-02:oklch(0.736 0.184 54.26);--color-background-brand-primary-strong:oklch(0.301 0.172 287.24);--color-background-brand-primary-subtle:oklch(0.9 0.039 285.58);--color-background-brand-primary:oklch(0.455 0.256 287.14);--color-background-neutral-00:oklch(1 0 0);--color-background-neutral-01:oklch(0.97 0.001 286.37);--color-background-neutral-02:oklch(0.949 0.001 286.37);--color-background-neutral-03:oklch(0.925 0.001 286.37);--color-background-neutral-04:oklch(0.9 0.005 258.33);--color-background-neutral-05:oklch(0.879 0.007 268.54);--color-background-neutral-06:oklch(0.85 0.009 258.34);--color-background-neutral-07:oklch(0.825 0.009 258.34);--color-background-neutral-08:oklch(0.8 0.011 261.79);--color-background-neutral-09:oklch(0.775 0.01 258.34);--color-background-neutral-10:oklch(0.098 0.004 285.56);--color-background-support-danger-medium:oklch(0.776 0.11 30.8);--color-background-support-danger-subtle:oklch(0.971 0.01 32.52);--color-background-support-danger:oklch(0.526 0.209 30.22);--color-background-support-info-medium:oklch(0.776 0.11 268.92);--color-background-support-info-subtle:oklch(0.97 0.01 267.36);--color-background-support-info:oklch(0.551 0.19 268.94);--color-background-support-neutral-medium:oklch(0.775 0.01 258.34);--color-background-support-neutral-subtle:oklch(0.949 0.001 286.37);--color-background-support-neutral:oklch(0.551 0.01 264.49);--color-background-support-success-medium:oklch(0.776 0.11 141.9);--color-background-support-success-subtle:oklch(0.97 0.01 145.5);--color-background-support-success:oklch(0.549 0.187 142.46);--color-background-support-warning-medium:oklch(0.922 0.099 89.83);--color-background-support-warning-subtle:oklch(0.975 0.02 84.59);--color-background-support-warning:oklch(0.827 0.17 83.98);--color-border-brand-accent-01:oklch(0.687 0.21 41.42);--color-border-brand-accent-02:oklch(0.736 0.184 54.26);--color-border-brand-primary-subtle:oklch(0.649 0.197 286.15);--color-border-brand-primary:oklch(0.301 0.172 287.24);--color-border-neutral-00:oklch(1 0 0);--color-border-neutral-01:oklch(0.9 0.005 258.33);--color-border-neutral-02:oklch(0.85 0.009 258.34);--color-border-neutral-03:oklch(0.625 0.01 258.35);--color-border-neutral-10:oklch(0.098 0.004 285.56);--color-border-support-danger:oklch(0.776 0.11 30.8);--color-border-support-info:oklch(0.776 0.11 268.92);--color-border-support-neutral:oklch(0.75 0.005 258.33);--color-border-support-success:oklch(0.776 0.11 141.9);--color-border-support-warning:oklch(0.868 0.168 89.65);--color-category-blue-medium:oklch(0.693 0.161 260.75);--color-category-blue-strong:oklch(0.57 0.234 261.43);--color-category-blue-subtle:oklch(0.896 0.05 260.45);--color-category-cyan-medium:oklch(0.688 0.158 243.49);--color-category-cyan-strong:oklch(0.558 0.154 249.18);--color-category-cyan-subtle:oklch(0.889 0.064 234.96);--color-category-green-medium:oklch(0.736 0.144 161.24);--color-category-green-strong:oklch(0.546 0.112 160.46);--color-category-green-subtle:oklch(0.905 0.073 167.36);--color-category-kiwi-medium:oklch(0.744 0.164 128.64);--color-category-kiwi-strong:oklch(0.55 0.125 128.66);--color-category-kiwi-subtle:oklch(0.907 0.108 126.37);--color-category-magenta-medium:oklch(0.794 0.137 353.19);--color-category-magenta-strong:oklch(0.585 0.208 0.29);--color-category-magenta-subtle:oklch(0.905 0.056 349.76);--color-category-orange-medium:oklch(0.803 0.13 54.87);--color-category-orange-strong:oklch(0.574 0.162 45.72);--color-category-orange-subtle:oklch(0.899 0.064 57.6);--color-category-purple-medium:oklch(0.79 0.127 300.79);--color-category-purple-strong:oklch(0.586 0.251 295.92);--color-category-purple-subtle:oklch(0.898 0.061 304.19);--color-category-red-medium:oklch(0.79 0.122 16.45);--color-category-red-strong:oklch(0.583 0.217 25.29);--color-category-red-subtle:oklch(0.901 0.052 13.75);--color-category-teal-medium:oklch(0.679 0.116 192.59);--color-category-teal-strong:oklch(0.548 0.094 190.97);--color-category-teal-subtle:oklch(0.887 0.09 194.78);--color-category-yellow-medium:oklch(0.858 0.159 91.9);--color-category-yellow-strong:oklch(0.824 0.164 89.76);--color-category-yellow-subtle:oklch(0.919 0.112 92.91);--color-icon-brand-accent-01:oklch(0.687 0.21 41.42);--color-icon-brand-accent-02:oklch(0.736 0.184 54.26);--color-icon-brand-primary:oklch(0.301 0.172 287.24);--color-icon-neutral-inverse:oklch(1 0 0);--color-icon-neutral-primary:oklch(0.098 0.004 285.56);--color-icon-neutral-secondary:oklch(0.524 0.01 264.48);--color-icon-support-danger:oklch(0.526 0.209 30.22);--color-icon-support-info:oklch(0.551 0.19 268.94);--color-icon-support-neutral:oklch(0.551 0.01 264.49);--color-icon-support-success:oklch(0.502 0.171 142.5);--color-icon-support-warning:oklch(0.75 0.154 85.79);--color-interactive-background-danger-hover:oklch(0.453 0.186 29.23);--color-interactive-background-danger-idle:oklch(0.526 0.209 30.22);--color-interactive-background-danger-pressed:oklch(0.376 0.15 30.26);--color-interactive-background-ghost-hover:oklch(0.098 0.004 285.56/8%);--color-interactive-background-ghost-idle:oklch(0.098 0.004 285.56/0%);--color-interactive-background-ghost-pressed:oklch(0.098 0.004 285.56/16%);--color-interactive-background-neutral-hover:oklch(0.349 0.005 271.26);--color-interactive-background-neutral-idle:oklch(0.424 0.01 271.17);--color-interactive-background-neutral-pressed:oklch(0.276 0.005 248);--color-interactive-background-persistent-black-fill-hover:oklch(0.226 0.004 264.49);--color-interactive-background-persistent-black-fill-idle:oklch(0.098 0.004 285.56);--color-interactive-background-persistent-black-fill-pressed:oklch(0.325 0.005 271.25);--color-interactive-background-persistent-black-ghost-hover:oklch(0.098 0.004 285.56/8%);--color-interactive-background-persistent-black-ghost-idle:oklch(0.098 0.004 285.56/0%);--color-interactive-background-persistent-black-ghost-pressed:oklch(0.098 0.004 285.56/16%);--color-interactive-background-persistent-white-fill-hover:oklch(0.925 0.001 286.37);--color-interactive-background-persistent-white-fill-idle:oklch(1 0 0);--color-interactive-background-persistent-white-fill-pressed:oklch(0.85 0.009 258.34);--color-interactive-background-persistent-white-ghost-hover:oklch(1 0 0/8%);--color-interactive-background-persistent-white-ghost-idle:oklch(1 0 0/0%);--color-interactive-background-persistent-white-ghost-pressed:oklch(1 0 0/16%);--color-interactive-background-primary-hover:oklch(0.224 0.12 286.08);--color-interactive-background-primary-idle:oklch(0.301 0.172 287.24);--color-interactive-background-primary-pressed:oklch(0.151 0.079 285.24);--color-interactive-border-danger-hover:oklch(0.453 0.186 29.23);--color-interactive-border-danger-idle:oklch(0.526 0.209 30.22);--color-interactive-border-danger-pressed:oklch(0.376 0.15 30.26);--color-interactive-border-neutral-hover:oklch(0 0 0/42%);--color-interactive-border-neutral-idle:oklch(0 0 0/32%);--color-interactive-border-neutral-pressed:oklch(0 0 0/52%);--color-interactive-border-persistent-black-hover:oklch(0.098 0.004 285.56/90%);--color-interactive-border-persistent-black-idle:oklch(0.098 0.004 285.56/80%);--color-interactive-border-persistent-black-pressed:oklch(0.098 0.004 285.56);--color-interactive-border-persistent-white-hover:oklch(1 0 0/90%);--color-interactive-border-persistent-white-idle:oklch(1 0 0/80%);--color-interactive-border-persistent-white-pressed:oklch(1 0 0);--color-interactive-icon-danger-hover:oklch(0.453 0.186 29.23);--color-interactive-icon-danger-idle:oklch(0.526 0.209 30.22);--color-interactive-icon-danger-pressed:oklch(0.376 0.15 30.26);--color-interactive-icon-link-brand-hover:oklch(0.249 0.14 285.74);--color-interactive-icon-link-brand-idle:oklch(0.301 0.172 287.24);--color-interactive-icon-link-brand-pressed:oklch(0.151 0.079 285.24);--color-interactive-icon-link-brand-visited:oklch(0.566 0.256 295.07);--color-interactive-icon-link-default-hover:oklch(0.4 0.22 286.01);--color-interactive-icon-link-default-idle:oklch(0.455 0.256 287.14);--color-interactive-icon-link-default-pressed:oklch(0.249 0.14 285.74);--color-interactive-icon-link-default-visited:oklch(0.566 0.256 295.07);--color-interactive-icon-link-neutral-hover:oklch(0.349 0.005 271.26);--color-interactive-icon-link-neutral-idle:oklch(0.098 0.004 285.56);--color-interactive-icon-link-neutral-pressed:oklch(0.45 0.005 271.3);--color-interactive-icon-link-neutral-visited:oklch(0.566 0.256 295.07);--color-interactive-icon-neutral-hover:oklch(0.226 0.004 264.49);--color-interactive-icon-neutral-idle:oklch(0.3 0.005 247.98);--color-interactive-icon-neutral-pressed:oklch(0.098 0.004 285.56);--color-interactive-icon-primary-hover:oklch(0.249 0.14 285.74);--color-interactive-icon-primary-idle:oklch(0.301 0.172 287.24);--color-interactive-icon-primary-pressed:oklch(0.151 0.079 285.24);--color-interactive-text-danger-hover:oklch(0.453 0.186 29.23);--color-interactive-text-danger-idle:oklch(0.526 0.209 30.22);--color-interactive-text-danger-pressed:oklch(0.376 0.15 30.26);--color-interactive-text-link-brand-hover:oklch(0.249 0.14 285.74);--color-interactive-text-link-brand-idle:oklch(0.301 0.172 287.24);--color-interactive-text-link-brand-pressed:oklch(0.151 0.079 285.24);--color-interactive-text-link-brand-visited:oklch(0.566 0.256 295.07);--color-interactive-text-link-default-hover:oklch(0.4 0.22 286.01);--color-interactive-text-link-default-idle:oklch(0.455 0.256 287.14);--color-interactive-text-link-default-pressed:oklch(0.249 0.14 285.74);--color-interactive-text-link-default-visited:oklch(0.566 0.256 295.07);--color-interactive-text-link-neutral-hover:oklch(0.349 0.005 271.26);--color-interactive-text-link-neutral-idle:oklch(0.098 0.004 285.56);--color-interactive-text-link-neutral-pressed:oklch(0.45 0.005 271.3);--color-interactive-text-link-neutral-visited:oklch(0.566 0.256 295.07);--color-interactive-text-neutral-hover:oklch(0.226 0.004 264.49);--color-interactive-text-neutral-idle:oklch(0.3 0.005 247.98);--color-interactive-text-neutral-pressed:oklch(0.098 0.004 285.56);--color-interactive-text-primary-hover:oklch(0.249 0.14 285.74);--color-interactive-text-primary-idle:oklch(0.301 0.172 287.24);--color-interactive-text-primary-pressed:oklch(0.151 0.079 285.24);--color-scrim-scrim:60;--color-surface-overlay:oklch(1 0 0);--color-surface-primary:oklch(1 0 0);--color-surface-raised:oklch(1 0 0);--color-surface-secondary:oklch(0.97 0.001 286.37);--color-text-brand-accent-01:oklch(0.687 0.21 41.42);--color-text-brand-accent-02:oklch(0.736 0.184 54.26);--color-text-brand-primary:oklch(0.301 0.172 287.24);--color-text-neutral-inverse:oklch(1 0 0);--color-text-neutral-primary:oklch(0.098 0.004 285.56);--color-text-neutral-secondary:oklch(0.524 0.01 264.48);--color-text-support-danger:oklch(0.526 0.209 30.22);--color-text-support-info:oklch(0.551 0.19 268.94);--color-text-support-success:oklch(0.502 0.171 142.5);--color-utility-disabled-background:oklch(0.9 0.005 258.33);--color-utility-disabled-border:oklch(0.85 0.009 258.34);--color-utility-disabled-icon:oklch(0.75 0.005 258.33);--color-utility-disabled-text:oklch(0.75 0.005 258.33);--color-utility-focus-border:oklch(0.301 0.172 287.24);--color-utility-persistent-black:oklch(0.098 0.004 285.56);--color-utility-persistent-transparent-white:oklch(1 0 0/80%);--color-utility-persistent-white:oklch(1 0 0);--color-utility-placeholder-icon:oklch(0.649 0.01 264.5);--color-utility-placeholder-text:oklch(0.649 0.01 264.5);--border-radius-lg:6px;--border-radius-md:4px;--border-radius-none:0;--border-radius-rounded:360px;--border-radius-sm:3px;--border-radius-xl:8px;--border-radius-xs:2px;--border-radius-xxl:12px;--border-width-lg:3px;--border-width-md:2px;--border-width-none:0;--border-width-sm:1px;--border-width-xl:4px;--canvas-width:375;--font-dynamic-display-lg:var(--type-font-weight-display-regular) 53px /60px var(--type-font-family-primary);--font-dynamic-display-md:var(--type-font-weight-display-regular) 40px /46px var(--type-font-family-primary);--font-dynamic-heading-lg-bold:var(--type-font-weight-heading-bold) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-lg-default:var(--type-font-weight-heading-default) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-xl:var(--type-font-weight-heading-regular) 30px /34px var(--type-font-family-primary);--font-dynamic-heading-xxl:var(--type-font-weight-heading-regular) 34px /40px var(--type-font-family-primary);--font-dynamic-heading-xxxl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-body-lg-bold:var(--type-font-weight-body-bold) 17px /26px var(--type-font-family-secondary);--font-static-body-lg-default:var(--type-font-weight-body-default) 17px /26px var(--type-font-family-secondary);--font-static-body-md-bold:var(--type-font-weight-body-bold) 16px /24px var(--type-font-family-secondary);--font-static-body-md-default:var(--type-font-weight-body-default) 16px /24px var(--type-font-family-secondary);--font-static-body-sm-bold:var(--type-font-weight-body-bold) 14px /20px var(--type-font-family-secondary);--font-static-body-sm-default:var(--type-font-weight-body-default) 14px /20px var(--type-font-family-secondary);--font-static-body-xl-bold:var(--type-font-weight-body-bold) 19px /28px var(--type-font-family-secondary);--font-static-body-xl-default:var(--type-font-weight-body-default) 19px /28px var(--type-font-family-secondary);--font-static-body-xs-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-body-xs-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-body-xxl-bold:var(--type-font-weight-body-bold) 22px /32px var(--type-font-family-secondary);--font-static-body-xxl-default:var(--type-font-weight-body-default) 22px /32px var(--type-font-family-secondary);--font-static-code-lg-bold:var(--type-font-weight-code-bold) 17px /26px var(--type-font-family-tertiary);--font-static-code-lg-default:var(--type-font-weight-code-default) 17px /26px var(--type-font-family-tertiary);--font-static-code-md-bold:var(--type-font-weight-code-bold) 16px /24px var(--type-font-family-tertiary);--font-static-code-md-default:var(--type-font-weight-code-default) 16px /24px var(--type-font-family-tertiary);--font-static-code-sm-bold:var(--type-font-weight-code-bold) 14px /20px var(--type-font-family-tertiary);--font-static-code-sm-default:var(--type-font-weight-code-default) 14px /20px var(--type-font-family-tertiary);--font-static-code-xl-bold:var(--type-font-weight-code-bold) 19px /28px var(--type-font-family-tertiary);--font-static-code-xl-default:var(--type-font-weight-code-default) 19px /28px var(--type-font-family-tertiary);--font-static-code-xs-bold:var(--type-font-weight-code-bold) 12px /18px var(--type-font-family-tertiary);--font-static-code-xs-default:var(--type-font-weight-code-default) 12px /18px var(--type-font-family-tertiary);--font-static-display-lg:var(--type-font-weight-display-regular) 84px /100px var(--type-font-family-primary);--font-static-display-md:var(--type-font-weight-display-regular) 65px /74px var(--type-font-family-primary);--font-static-heading-lg-bold:var(--type-font-weight-heading-bold) 28px /34px var(--type-font-family-secondary);--font-static-heading-lg-default:var(--type-font-weight-heading-default) 28px /34px var(--type-font-family-secondary);--font-static-heading-md-bold:var(--type-font-weight-heading-bold) 24px /30px var(--type-font-family-secondary);--font-static-heading-md-default:var(--type-font-weight-heading-default) 24px /30px var(--type-font-family-secondary);--font-static-heading-sm-bold:var(--type-font-weight-heading-bold) 20px /24px var(--type-font-family-secondary);--font-static-heading-sm-default:var(--type-font-weight-heading-default) 20px /24px var(--type-font-family-secondary);--font-static-heading-xl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-heading-xs-bold:var(--type-font-weight-heading-bold) 17px /20px var(--type-font-family-secondary);--font-static-heading-xs-default:var(--type-font-weight-heading-default) 17px /20px var(--type-font-family-secondary);--font-static-heading-xxl:var(--type-font-weight-heading-regular) 44px /50px var(--type-font-family-primary);--font-static-heading-xxs-bold:var(--type-font-weight-heading-bold) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxs-default:var(--type-font-weight-heading-default) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxxl:var(--type-font-weight-heading-regular) 53px /60px var(--type-font-family-primary);--icon-stroke-lg:2px;--icon-stroke-md:1.75px;--icon-stroke-sm:1.5px;--icon-stroke-xl:2.25px;--icon-stroke-xs:1.25px;--icon-stroke-xxs:1px;--scrim-default:oklch(0 0 0/80%);--shadow-high:0 7px 20px 5px oklch(0 0 0/20%);--shadow-highest:0 20px 30px 15px oklch(0 0 0/20%);--shadow-low:0 3px 5px 0 oklch(0 0 0/20%);--shadow-lowest:0 1px 2px 0 oklch(0 0 0/20%);--shadow-medium:0 5px 10px 1px oklch(0 0 0/20%);--shadow-none:0 0 0 0 oklch(0 0 0/0%);--sizing-10:1px;--sizing-20:2px;--sizing-30:4px;--sizing-40:6px;--sizing-50:8px;--sizing-60:12px;--sizing-70:16px;--sizing-80:20px;--sizing-90:24px;--sizing-100:28px;--sizing-110:30px;--sizing-120:32px;--sizing-130:38px;--sizing-140:40px;--sizing-150:46px;--sizing-160:48px;--sizing-170:56px;--sizing-180:80px;--sizing-190:120px;--sizing-200:160px;--spacing-0:0;--spacing-10:1px;--spacing-20:2px;--spacing-30:3px;--spacing-40:4px;--spacing-50:6px;--spacing-60:7px;--spacing-70:8px;--spacing-80:10px;--spacing-90:12px;--spacing-100:16px;--spacing-110:20px;--spacing-120:24px;--spacing-130:28px;--spacing-140:32px;--spacing-150:36px;--spacing-160:40px;--spacing-170:44px;--spacing-180:48px;--spacing-190:52px;--spacing-200:56px;--spacing-210:60px;--spacing-220:64px;--spacing-230:68px;--spacing-240:72px;--spacing-250:76px;--spacing-260:80px;--spacing-270:84px;--spacing-280:88px;--spacing-290:92px;--spacing-300:96px;--spacing-310:100px;--spacing-320:120px;--spacing-330:132px;--type-font-family-primary:Alfabet,sans-serif;--type-font-family-secondary:'Roboto Flex',sans-serif;--type-font-family-tertiary:'Roboto Mono',monospace;--type-font-weight-body-bold:500;--type-font-weight-body-default:400;--type-font-weight-code-bold:500;--type-font-weight-code-default:400;--type-font-weight-display-regular:400;--type-font-weight-heading-bold:600;--type-font-weight-heading-default:500;--type-font-weight-heading-regular:400;--type-static-body-lg-font-size:17px;--type-static-body-lg-line-height:26px;--type-static-body-md-font-size:16px;--type-static-body-md-line-height:24px;--type-static-body-sm-font-size:14px;--type-static-body-sm-line-height:20px;--type-static-body-xl-font-size:19px;--type-static-body-xl-line-height:28px;--type-static-body-xs-font-size:12px;--type-static-body-xs-line-height:18px;--type-static-body-xxl-font-size:22px;--type-static-body-xxl-line-height:32px;--type-static-code-lg-font-size:17px;--type-static-code-lg-line-height:26px;--type-static-code-md-font-size:16px;--type-static-code-md-line-height:24px;--type-static-code-sm-font-size:14px;--type-static-code-sm-line-height:20px;--type-static-code-xl-font-size:19px;--type-static-code-xl-line-height:28px;--type-static-code-xs-font-size:12px;--type-static-code-xs-line-height:18px;--type-static-heading-lg-font-size:28px;--type-static-heading-lg-line-height:34px;--type-static-heading-md-font-size:24px;--type-static-heading-md-line-height:30px;--type-static-heading-sm-font-size:20px;--type-static-heading-sm-line-height:24px;--type-static-heading-xs-font-size:17px;--type-static-heading-xs-line-height:20px;--type-static-heading-xxs-font-size:14px;--type-static-heading-xxs-line-height:18px;--type-static-heading-xxxl-font-size:53px;--type-static-heading-xxxl-line-height:60px}
|
|
1
|
+
[data-brand=dragonwing][data-theme=light]{--color-background-brand-accent-01:oklch(0.687 0.21 41.42);--color-background-brand-accent-02:oklch(0.736 0.184 54.26);--color-background-brand-primary-strong:oklch(0.301 0.172 287.24);--color-background-brand-primary-subtle:oklch(0.9 0.039 285.58);--color-background-brand-primary:oklch(0.455 0.256 287.14);--color-background-neutral-00:oklch(1 0 0);--color-background-neutral-01:oklch(0.97 0.001 286.37);--color-background-neutral-02:oklch(0.949 0.001 286.37);--color-background-neutral-03:oklch(0.925 0.001 286.37);--color-background-neutral-04:oklch(0.9 0.005 258.33);--color-background-neutral-05:oklch(0.879 0.007 268.54);--color-background-neutral-06:oklch(0.85 0.009 258.34);--color-background-neutral-07:oklch(0.825 0.009 258.34);--color-background-neutral-08:oklch(0.8 0.011 261.79);--color-background-neutral-09:oklch(0.775 0.01 258.34);--color-background-neutral-10:oklch(0.098 0.004 285.56);--color-background-support-danger-medium:oklch(0.776 0.11 30.8);--color-background-support-danger-subtle:oklch(0.971 0.01 32.52);--color-background-support-danger:oklch(0.526 0.209 30.22);--color-background-support-info-medium:oklch(0.776 0.11 268.92);--color-background-support-info-subtle:oklch(0.97 0.01 267.36);--color-background-support-info:oklch(0.551 0.19 268.94);--color-background-support-neutral-medium:oklch(0.775 0.01 258.34);--color-background-support-neutral-subtle:oklch(0.949 0.001 286.37);--color-background-support-neutral:oklch(0.551 0.01 264.49);--color-background-support-success-medium:oklch(0.776 0.11 141.9);--color-background-support-success-subtle:oklch(0.97 0.01 145.5);--color-background-support-success:oklch(0.549 0.187 142.46);--color-background-support-warning-medium:oklch(0.922 0.099 89.83);--color-background-support-warning-subtle:oklch(0.975 0.02 84.59);--color-background-support-warning:oklch(0.827 0.17 83.98);--color-border-brand-accent-01:oklch(0.687 0.21 41.42);--color-border-brand-accent-02:oklch(0.736 0.184 54.26);--color-border-brand-primary-subtle:oklch(0.649 0.197 286.15);--color-border-brand-primary:oklch(0.301 0.172 287.24);--color-border-neutral-00:oklch(1 0 0);--color-border-neutral-01:oklch(0.9 0.005 258.33);--color-border-neutral-02:oklch(0.85 0.009 258.34);--color-border-neutral-03:oklch(0.75 0.005 258.33);--color-border-neutral-10:oklch(0.098 0.004 285.56);--color-border-support-danger:oklch(0.776 0.11 30.8);--color-border-support-info:oklch(0.776 0.11 268.92);--color-border-support-neutral:oklch(0.75 0.005 258.33);--color-border-support-success:oklch(0.776 0.11 141.9);--color-border-support-warning:oklch(0.868 0.168 89.65);--color-category-blue-medium:oklch(0.693 0.161 260.75);--color-category-blue-strong:oklch(0.57 0.234 261.43);--color-category-blue-subtle:oklch(0.896 0.05 260.45);--color-category-cyan-medium:oklch(0.688 0.158 243.49);--color-category-cyan-strong:oklch(0.558 0.154 249.18);--color-category-cyan-subtle:oklch(0.889 0.064 234.96);--color-category-green-medium:oklch(0.736 0.144 161.24);--color-category-green-strong:oklch(0.546 0.112 160.46);--color-category-green-subtle:oklch(0.905 0.073 167.36);--color-category-kiwi-medium:oklch(0.744 0.164 128.64);--color-category-kiwi-strong:oklch(0.55 0.125 128.66);--color-category-kiwi-subtle:oklch(0.907 0.108 126.37);--color-category-magenta-medium:oklch(0.794 0.137 353.19);--color-category-magenta-strong:oklch(0.585 0.208 0.29);--color-category-magenta-subtle:oklch(0.905 0.056 349.76);--color-category-orange-medium:oklch(0.803 0.13 54.87);--color-category-orange-strong:oklch(0.574 0.162 45.72);--color-category-orange-subtle:oklch(0.899 0.064 57.6);--color-category-purple-medium:oklch(0.79 0.127 300.79);--color-category-purple-strong:oklch(0.586 0.251 295.92);--color-category-purple-subtle:oklch(0.898 0.061 304.19);--color-category-red-medium:oklch(0.79 0.122 16.45);--color-category-red-strong:oklch(0.583 0.217 25.29);--color-category-red-subtle:oklch(0.901 0.052 13.75);--color-category-teal-medium:oklch(0.679 0.116 192.59);--color-category-teal-strong:oklch(0.548 0.094 190.97);--color-category-teal-subtle:oklch(0.887 0.09 194.78);--color-category-yellow-medium:oklch(0.858 0.159 91.9);--color-category-yellow-strong:oklch(0.824 0.164 89.76);--color-category-yellow-subtle:oklch(0.919 0.112 92.91);--color-icon-brand-accent-01:oklch(0.687 0.21 41.42);--color-icon-brand-accent-02:oklch(0.736 0.184 54.26);--color-icon-brand-primary:oklch(0.301 0.172 287.24);--color-icon-neutral-inverse:oklch(1 0 0);--color-icon-neutral-primary:oklch(0.098 0.004 285.56);--color-icon-neutral-secondary:oklch(0.524 0.01 264.48);--color-icon-support-danger:oklch(0.526 0.209 30.22);--color-icon-support-info:oklch(0.551 0.19 268.94);--color-icon-support-neutral:oklch(0.551 0.01 264.49);--color-icon-support-success:oklch(0.502 0.171 142.5);--color-icon-support-warning:oklch(0.75 0.154 85.79);--color-interactive-background-danger-hover:oklch(0.453 0.186 29.23);--color-interactive-background-danger-idle:oklch(0.526 0.209 30.22);--color-interactive-background-danger-pressed:oklch(0.376 0.15 30.26);--color-interactive-background-ghost-hover:oklch(0.098 0.004 285.56/8%);--color-interactive-background-ghost-idle:oklch(0.098 0.004 285.56/0%);--color-interactive-background-ghost-pressed:oklch(0.098 0.004 285.56/16%);--color-interactive-background-neutral-hover:oklch(0.349 0.005 271.26);--color-interactive-background-neutral-idle:oklch(0.424 0.01 271.17);--color-interactive-background-neutral-pressed:oklch(0.276 0.005 248);--color-interactive-background-persistent-black-fill-hover:oklch(0.226 0.004 264.49);--color-interactive-background-persistent-black-fill-idle:oklch(0.098 0.004 285.56);--color-interactive-background-persistent-black-fill-pressed:oklch(0.325 0.005 271.25);--color-interactive-background-persistent-black-ghost-hover:oklch(0.098 0.004 285.56/8%);--color-interactive-background-persistent-black-ghost-idle:oklch(0.098 0.004 285.56/0%);--color-interactive-background-persistent-black-ghost-pressed:oklch(0.098 0.004 285.56/16%);--color-interactive-background-persistent-white-fill-hover:oklch(0.925 0.001 286.37);--color-interactive-background-persistent-white-fill-idle:oklch(1 0 0);--color-interactive-background-persistent-white-fill-pressed:oklch(0.85 0.009 258.34);--color-interactive-background-persistent-white-ghost-hover:oklch(1 0 0/8%);--color-interactive-background-persistent-white-ghost-idle:oklch(1 0 0/0%);--color-interactive-background-persistent-white-ghost-pressed:oklch(1 0 0/16%);--color-interactive-background-primary-hover:oklch(0.224 0.12 286.08);--color-interactive-background-primary-idle:oklch(0.301 0.172 287.24);--color-interactive-background-primary-pressed:oklch(0.151 0.079 285.24);--color-interactive-border-danger-hover:oklch(0.453 0.186 29.23);--color-interactive-border-danger-idle:oklch(0.526 0.209 30.22);--color-interactive-border-danger-pressed:oklch(0.376 0.15 30.26);--color-interactive-border-neutral-hover:oklch(0 0 0/32%);--color-interactive-border-neutral-idle:oklch(0 0 0/28%);--color-interactive-border-neutral-pressed:oklch(0 0 0/36%);--color-interactive-border-persistent-black-hover:oklch(0.098 0.004 285.56/90%);--color-interactive-border-persistent-black-idle:oklch(0.098 0.004 285.56/80%);--color-interactive-border-persistent-black-pressed:oklch(0.098 0.004 285.56);--color-interactive-border-persistent-white-hover:oklch(1 0 0/90%);--color-interactive-border-persistent-white-idle:oklch(1 0 0/80%);--color-interactive-border-persistent-white-pressed:oklch(1 0 0);--color-interactive-icon-danger-hover:oklch(0.453 0.186 29.23);--color-interactive-icon-danger-idle:oklch(0.526 0.209 30.22);--color-interactive-icon-danger-pressed:oklch(0.376 0.15 30.26);--color-interactive-icon-link-brand-hover:oklch(0.249 0.14 285.74);--color-interactive-icon-link-brand-idle:oklch(0.301 0.172 287.24);--color-interactive-icon-link-brand-pressed:oklch(0.151 0.079 285.24);--color-interactive-icon-link-brand-visited:oklch(0.566 0.256 295.07);--color-interactive-icon-link-default-hover:oklch(0.4 0.22 286.01);--color-interactive-icon-link-default-idle:oklch(0.455 0.256 287.14);--color-interactive-icon-link-default-pressed:oklch(0.249 0.14 285.74);--color-interactive-icon-link-default-visited:oklch(0.566 0.256 295.07);--color-interactive-icon-link-neutral-hover:oklch(0.349 0.005 271.26);--color-interactive-icon-link-neutral-idle:oklch(0.098 0.004 285.56);--color-interactive-icon-link-neutral-pressed:oklch(0.45 0.005 271.3);--color-interactive-icon-link-neutral-visited:oklch(0.566 0.256 295.07);--color-interactive-icon-neutral-hover:oklch(0.226 0.004 264.49);--color-interactive-icon-neutral-idle:oklch(0.3 0.005 247.98);--color-interactive-icon-neutral-pressed:oklch(0.098 0.004 285.56);--color-interactive-icon-primary-hover:oklch(0.249 0.14 285.74);--color-interactive-icon-primary-idle:oklch(0.301 0.172 287.24);--color-interactive-icon-primary-pressed:oklch(0.151 0.079 285.24);--color-interactive-text-danger-hover:oklch(0.453 0.186 29.23);--color-interactive-text-danger-idle:oklch(0.526 0.209 30.22);--color-interactive-text-danger-pressed:oklch(0.376 0.15 30.26);--color-interactive-text-link-brand-hover:oklch(0.249 0.14 285.74);--color-interactive-text-link-brand-idle:oklch(0.301 0.172 287.24);--color-interactive-text-link-brand-pressed:oklch(0.151 0.079 285.24);--color-interactive-text-link-brand-visited:oklch(0.566 0.256 295.07);--color-interactive-text-link-default-hover:oklch(0.4 0.22 286.01);--color-interactive-text-link-default-idle:oklch(0.455 0.256 287.14);--color-interactive-text-link-default-pressed:oklch(0.249 0.14 285.74);--color-interactive-text-link-default-visited:oklch(0.566 0.256 295.07);--color-interactive-text-link-neutral-hover:oklch(0.349 0.005 271.26);--color-interactive-text-link-neutral-idle:oklch(0.098 0.004 285.56);--color-interactive-text-link-neutral-pressed:oklch(0.45 0.005 271.3);--color-interactive-text-link-neutral-visited:oklch(0.566 0.256 295.07);--color-interactive-text-neutral-hover:oklch(0.226 0.004 264.49);--color-interactive-text-neutral-idle:oklch(0.3 0.005 247.98);--color-interactive-text-neutral-pressed:oklch(0.098 0.004 285.56);--color-interactive-text-primary-hover:oklch(0.249 0.14 285.74);--color-interactive-text-primary-idle:oklch(0.301 0.172 287.24);--color-interactive-text-primary-pressed:oklch(0.151 0.079 285.24);--color-scrim-scrim:60;--color-surface-overlay:oklch(1 0 0);--color-surface-primary:oklch(1 0 0);--color-surface-raised:oklch(1 0 0);--color-surface-secondary:oklch(0.97 0.001 286.37);--color-text-brand-accent-01:oklch(0.687 0.21 41.42);--color-text-brand-accent-02:oklch(0.736 0.184 54.26);--color-text-brand-primary:oklch(0.301 0.172 287.24);--color-text-neutral-inverse:oklch(1 0 0);--color-text-neutral-primary:oklch(0.098 0.004 285.56);--color-text-neutral-secondary:oklch(0.524 0.01 264.48);--color-text-support-danger:oklch(0.526 0.209 30.22);--color-text-support-info:oklch(0.551 0.19 268.94);--color-text-support-success:oklch(0.502 0.171 142.5);--color-utility-disabled-background:oklch(0.9 0.005 258.33);--color-utility-disabled-border:oklch(0.85 0.009 258.34);--color-utility-disabled-icon:oklch(0.75 0.005 258.33);--color-utility-disabled-text:oklch(0.75 0.005 258.33);--color-utility-focus-border:oklch(0.301 0.172 287.24);--color-utility-persistent-black:oklch(0.098 0.004 285.56);--color-utility-persistent-transparent-white:oklch(1 0 0/80%);--color-utility-persistent-white:oklch(1 0 0);--color-utility-placeholder-icon:oklch(0.649 0.01 264.5);--color-utility-placeholder-text:oklch(0.649 0.01 264.5);--border-radius-lg:6px;--border-radius-md:4px;--border-radius-none:0;--border-radius-rounded:360px;--border-radius-sm:3px;--border-radius-xl:8px;--border-radius-xs:2px;--border-radius-xxl:12px;--border-width-lg:3px;--border-width-md:2px;--border-width-none:0;--border-width-sm:1px;--border-width-xl:4px;--canvas-width:375;--font-dynamic-display-lg:var(--type-font-weight-display-regular) 53px /60px var(--type-font-family-primary);--font-dynamic-display-md:var(--type-font-weight-display-regular) 40px /46px var(--type-font-family-primary);--font-dynamic-heading-lg-bold:var(--type-font-weight-heading-bold) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-lg-default:var(--type-font-weight-heading-default) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-xl:var(--type-font-weight-heading-regular) 30px /34px var(--type-font-family-primary);--font-dynamic-heading-xxl:var(--type-font-weight-heading-regular) 34px /40px var(--type-font-family-primary);--font-dynamic-heading-xxxl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-body-lg-bold:var(--type-font-weight-body-bold) 17px /26px var(--type-font-family-secondary);--font-static-body-lg-default:var(--type-font-weight-body-default) 17px /26px var(--type-font-family-secondary);--font-static-body-md-bold:var(--type-font-weight-body-bold) 16px /24px var(--type-font-family-secondary);--font-static-body-md-default:var(--type-font-weight-body-default) 16px /24px var(--type-font-family-secondary);--font-static-body-sm-bold:var(--type-font-weight-body-bold) 14px /20px var(--type-font-family-secondary);--font-static-body-sm-default:var(--type-font-weight-body-default) 14px /20px var(--type-font-family-secondary);--font-static-body-xl-bold:var(--type-font-weight-body-bold) 19px /28px var(--type-font-family-secondary);--font-static-body-xl-default:var(--type-font-weight-body-default) 19px /28px var(--type-font-family-secondary);--font-static-body-xs-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-body-xs-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-body-xxl-bold:var(--type-font-weight-body-bold) 22px /32px var(--type-font-family-secondary);--font-static-body-xxl-default:var(--type-font-weight-body-default) 22px /32px var(--type-font-family-secondary);--font-static-code-lg-bold:var(--type-font-weight-code-bold) 17px /26px var(--type-font-family-tertiary);--font-static-code-lg-default:var(--type-font-weight-code-default) 17px /26px var(--type-font-family-tertiary);--font-static-code-md-bold:var(--type-font-weight-code-bold) 16px /24px var(--type-font-family-tertiary);--font-static-code-md-default:var(--type-font-weight-code-default) 16px /24px var(--type-font-family-tertiary);--font-static-code-sm-bold:var(--type-font-weight-code-bold) 14px /20px var(--type-font-family-tertiary);--font-static-code-sm-default:var(--type-font-weight-code-default) 14px /20px var(--type-font-family-tertiary);--font-static-code-xl-bold:var(--type-font-weight-code-bold) 19px /28px var(--type-font-family-tertiary);--font-static-code-xl-default:var(--type-font-weight-code-default) 19px /28px var(--type-font-family-tertiary);--font-static-code-xs-bold:var(--type-font-weight-code-bold) 12px /18px var(--type-font-family-tertiary);--font-static-code-xs-default:var(--type-font-weight-code-default) 12px /18px var(--type-font-family-tertiary);--font-static-display-lg:var(--type-font-weight-display-regular) 84px /100px var(--type-font-family-primary);--font-static-display-md:var(--type-font-weight-display-regular) 65px /74px var(--type-font-family-primary);--font-static-heading-lg-bold:var(--type-font-weight-heading-bold) 28px /34px var(--type-font-family-secondary);--font-static-heading-lg-default:var(--type-font-weight-heading-default) 28px /34px var(--type-font-family-secondary);--font-static-heading-md-bold:var(--type-font-weight-heading-bold) 24px /30px var(--type-font-family-secondary);--font-static-heading-md-default:var(--type-font-weight-heading-default) 24px /30px var(--type-font-family-secondary);--font-static-heading-sm-bold:var(--type-font-weight-heading-bold) 20px /24px var(--type-font-family-secondary);--font-static-heading-sm-default:var(--type-font-weight-heading-default) 20px /24px var(--type-font-family-secondary);--font-static-heading-xl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-heading-xs-bold:var(--type-font-weight-heading-bold) 17px /20px var(--type-font-family-secondary);--font-static-heading-xs-default:var(--type-font-weight-heading-default) 17px /20px var(--type-font-family-secondary);--font-static-heading-xxl:var(--type-font-weight-heading-regular) 44px /50px var(--type-font-family-primary);--font-static-heading-xxs-bold:var(--type-font-weight-heading-bold) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxs-default:var(--type-font-weight-heading-default) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxxl:var(--type-font-weight-heading-regular) 53px /60px var(--type-font-family-primary);--icon-stroke-lg:2px;--icon-stroke-md:1.75px;--icon-stroke-sm:1.5px;--icon-stroke-xl:2.25px;--icon-stroke-xs:1.25px;--icon-stroke-xxs:1px;--scrim-default:oklch(0 0 0/80%);--shadow-high:0 7px 20px 5px oklch(0 0 0/20%);--shadow-highest:0 20px 30px 15px oklch(0 0 0/20%);--shadow-low:0 3px 5px 0 oklch(0 0 0/20%);--shadow-lowest:0 1px 2px 0 oklch(0 0 0/20%);--shadow-medium:0 5px 10px 1px oklch(0 0 0/20%);--shadow-none:0 0 0 0 oklch(0 0 0/0%);--sizing-10:1px;--sizing-20:2px;--sizing-30:4px;--sizing-40:6px;--sizing-50:8px;--sizing-60:12px;--sizing-70:16px;--sizing-80:20px;--sizing-90:24px;--sizing-100:28px;--sizing-110:30px;--sizing-120:32px;--sizing-130:38px;--sizing-140:40px;--sizing-150:46px;--sizing-160:48px;--sizing-170:56px;--sizing-180:80px;--sizing-190:120px;--sizing-200:160px;--spacing-0:0;--spacing-10:1px;--spacing-20:2px;--spacing-30:3px;--spacing-40:4px;--spacing-50:6px;--spacing-60:7px;--spacing-70:8px;--spacing-80:10px;--spacing-90:12px;--spacing-100:16px;--spacing-110:20px;--spacing-120:24px;--spacing-130:28px;--spacing-140:32px;--spacing-150:36px;--spacing-160:40px;--spacing-170:44px;--spacing-180:48px;--spacing-190:52px;--spacing-200:56px;--spacing-210:60px;--spacing-220:64px;--spacing-230:68px;--spacing-240:72px;--spacing-250:76px;--spacing-260:80px;--spacing-270:84px;--spacing-280:88px;--spacing-290:92px;--spacing-300:96px;--spacing-310:100px;--spacing-320:120px;--spacing-330:132px;--type-font-family-primary:Alfabet,sans-serif;--type-font-family-secondary:'Roboto Flex',sans-serif;--type-font-family-tertiary:'Roboto Mono',monospace;--type-font-weight-body-bold:500;--type-font-weight-body-default:400;--type-font-weight-code-bold:500;--type-font-weight-code-default:400;--type-font-weight-display-regular:400;--type-font-weight-heading-bold:600;--type-font-weight-heading-default:500;--type-font-weight-heading-regular:400;--type-static-body-lg-font-size:17px;--type-static-body-lg-line-height:26px;--type-static-body-md-font-size:16px;--type-static-body-md-line-height:24px;--type-static-body-sm-font-size:14px;--type-static-body-sm-line-height:20px;--type-static-body-xl-font-size:19px;--type-static-body-xl-line-height:28px;--type-static-body-xs-font-size:12px;--type-static-body-xs-line-height:18px;--type-static-body-xxl-font-size:22px;--type-static-body-xxl-line-height:32px;--type-static-code-lg-font-size:17px;--type-static-code-lg-line-height:26px;--type-static-code-md-font-size:16px;--type-static-code-md-line-height:24px;--type-static-code-sm-font-size:14px;--type-static-code-sm-line-height:20px;--type-static-code-xl-font-size:19px;--type-static-code-xl-line-height:28px;--type-static-code-xs-font-size:12px;--type-static-code-xs-line-height:18px;--type-static-heading-lg-font-size:28px;--type-static-heading-lg-line-height:34px;--type-static-heading-md-font-size:24px;--type-static-heading-md-line-height:30px;--type-static-heading-sm-font-size:20px;--type-static-heading-sm-line-height:24px;--type-static-heading-xs-font-size:17px;--type-static-heading-xs-line-height:20px;--type-static-heading-xxs-font-size:14px;--type-static-heading-xxs-line-height:18px;--type-static-heading-xxxl-font-size:53px;--type-static-heading-xxxl-line-height:60px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header-bar.api.d.ts","sourceRoot":"","sources":["../../src/header-bar/header-bar.api.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EAEV,eAAe,EAUhB,MAAM,oBAAoB,CAAA;AAE3B,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,cAAc,GACxB,eAAe,
|
|
1
|
+
{"version":3,"file":"header-bar.api.d.ts","sourceRoot":"","sources":["../../src/header-bar/header-bar.api.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EAEV,eAAe,EAUhB,MAAM,oBAAoB,CAAA;AAE3B,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,cAAc,GACxB,eAAe,CAkDjB"}
|
|
@@ -2,7 +2,14 @@ import type { BooleanDataAttr } from "@qualcomm-ui/utils/attributes";
|
|
|
2
2
|
import type { headerBarClasses } from "./header-bar.classes";
|
|
3
3
|
export type QdsHeaderBarSize = "sm" | "lg";
|
|
4
4
|
export type QdsHeaderSurface = "primary" | "secondary";
|
|
5
|
+
export type QdsHeaderBarPadding = "default" | "large";
|
|
5
6
|
export interface QdsHeaderBarRootProps {
|
|
7
|
+
/**
|
|
8
|
+
* The horizontal padding of the component.
|
|
9
|
+
*
|
|
10
|
+
* @default 'default'
|
|
11
|
+
*/
|
|
12
|
+
padding?: QdsHeaderBarPadding;
|
|
6
13
|
/**
|
|
7
14
|
* The size of the component and its elements. Governs padding, element spacing,
|
|
8
15
|
* and height.
|
|
@@ -18,6 +25,7 @@ export interface QdsHeaderBarRootProps {
|
|
|
18
25
|
type HeaderBarClasses = typeof headerBarClasses;
|
|
19
26
|
export interface QdsHeaderBarRootBindings {
|
|
20
27
|
className: HeaderBarClasses["root"];
|
|
28
|
+
"data-padding": QdsHeaderBarPadding;
|
|
21
29
|
"data-size": QdsHeaderBarSize;
|
|
22
30
|
"data-surface": QdsHeaderSurface;
|
|
23
31
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header-bar.types.d.ts","sourceRoot":"","sources":["../../src/header-bar/header-bar.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAA;AAElE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAA;AAE1D,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAA;AAE1C,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,WAAW,CAAA;AAEtD,MAAM,WAAW,qBAAqB;IACpC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAA;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;CAC3B;AAED,KAAK,gBAAgB,GAAG,OAAO,gBAAgB,CAAA;AAE/C,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACnC,WAAW,EAAE,gBAAgB,CAAA;IAC7B,cAAc,EAAE,gBAAgB,CAAA;CACjC;AAED,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;CACpC;AAED,MAAM,WAAW,6BAA6B;IAC5C,SAAS,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAA;CACzC;AAED,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAA;CACxC;AAED,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAA;CACvC;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAA;CACnC;AAED,MAAM,WAAW,2BAA2B;IAC1C,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;IAClC,SAAS,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAA;IACtC,aAAa,EAAE,eAAe,CAAA;CAC/B;AAED,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC7B;AAED,MAAM,WAAW,kCAAkC;IACjD,SAAS,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAA;CAC9C;AAED,MAAM,WAAW,eAAe;IAC9B,oBAAoB,IAAI,6BAA6B,CAAA;IACrD,mBAAmB,IAAI,4BAA4B,CAAA;IACnD,kBAAkB,IAAI,2BAA2B,CAAA;IACjD,eAAe,IAAI,wBAAwB,CAAA;IAC3C,cAAc,IAAI,uBAAuB,CAAA;IACzC,kBAAkB,CAChB,KAAK,CAAC,EAAE,wBAAwB,GAC/B,2BAA2B,CAAA;IAC9B,eAAe,CAAC,KAAK,EAAE,qBAAqB,GAAG,wBAAwB,CAAA;IACvE,yBAAyB,IAAI,kCAAkC,CAAA;CAChE"}
|
|
1
|
+
{"version":3,"file":"header-bar.types.d.ts","sourceRoot":"","sources":["../../src/header-bar/header-bar.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAA;AAElE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAA;AAE1D,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAA;AAE1C,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,WAAW,CAAA;AAEtD,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,OAAO,CAAA;AAErD,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAE7B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAA;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;CAC3B;AAED,KAAK,gBAAgB,GAAG,OAAO,gBAAgB,CAAA;AAE/C,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACnC,cAAc,EAAE,mBAAmB,CAAA;IACnC,WAAW,EAAE,gBAAgB,CAAA;IAC7B,cAAc,EAAE,gBAAgB,CAAA;CACjC;AAED,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;CACpC;AAED,MAAM,WAAW,6BAA6B;IAC5C,SAAS,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAA;CACzC;AAED,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAA;CACxC;AAED,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAA;CACvC;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAA;CACnC;AAED,MAAM,WAAW,2BAA2B;IAC1C,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;IAClC,SAAS,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAA;IACtC,aAAa,EAAE,eAAe,CAAA;CAC/B;AAED,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC7B;AAED,MAAM,WAAW,kCAAkC;IACjD,SAAS,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAA;CAC9C;AAED,MAAM,WAAW,eAAe;IAC9B,oBAAoB,IAAI,6BAA6B,CAAA;IACrD,mBAAmB,IAAI,4BAA4B,CAAA;IACnD,kBAAkB,IAAI,2BAA2B,CAAA;IACjD,eAAe,IAAI,wBAAwB,CAAA;IAC3C,cAAc,IAAI,uBAAuB,CAAA;IACzC,kBAAkB,CAChB,KAAK,CAAC,EAAE,wBAAwB,GAC/B,2BAA2B,CAAA;IAC9B,eAAe,CAAC,KAAK,EAAE,qBAAqB,GAAG,wBAAwB,CAAA;IACvE,yBAAyB,IAAI,kCAAkC,CAAA;CAChE"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var t=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var m=(e,
|
|
1
|
+
"use strict";var t=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var m=(e,a)=>{for(var i in a)t(e,i,{get:a[i],enumerable:!0})},p=(e,a,i,n)=>{if(a&&typeof a=="object"||typeof a=="function")for(let d of B(a))!g.call(e,d)&&d!==i&&t(e,d,{get:()=>a[d],enumerable:!(n=o(a,d))||n.enumerable});return e};var l=e=>p(t({},"__esModule",{value:!0}),e);var u={};m(u,{createQdsHeaderBarApi:()=>c,headerBarClasses:()=>r});module.exports=l(u);var s=require("@qualcomm-ui/utils/attributes");var r={actionBar:"qui-header-bar__action-bar",appTitle:"qui-header-bar__app-title",divider:"qui-header-bar__divider",itemIcon:"qui-header-bar__item-icon",itemRoot:"qui-header-bar__item-root",logo:"qui-header-bar__logo",nav:"qui-header-bar__nav",navItem:"qui-header-bar__nav-item",root:"qui-header-bar__root",windowControls:"qui-header-bar__window-controls"};function c(e){return{getActionBarBindings(){return e.element({className:r.actionBar})},getAppTitleBindings(){return e.element({className:r.appTitle})},getDividerBindings(){return e.element({className:r.divider})},getLogoBindings(){return e.element({className:r.logo})},getNavBindings(){return e.element({className:r.nav})},getNavItemBindings(a){return e.element({"aria-current":a?.active?"page":void 0,className:r.navItem,"data-active":(0,s.booleanDataAttr)(a?.active)})},getRootBindings(a){return e.element({className:r.root,"data-padding":a.padding||"default","data-size":a.size||"sm","data-surface":a.surface||"primary"})},getWindowControlsBindings(){return e.element({className:r.windowControls})}}}
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/header-bar/index.ts", "../../src/header-bar/header-bar.api.ts", "../../src/header-bar/header-bar.classes.ts"],
|
|
4
|
-
"sourcesContent": ["export * from \"./header-bar.api\"\nexport * from \"./header-bar.classes\"\nexport type * from \"./header-bar.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {booleanDataAttr} from \"@qualcomm-ui/utils/attributes\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {headerBarClasses} from \"./header-bar.classes\"\nimport type {\n QdsHeaderBarActionBarBindings,\n QdsHeaderBarApi,\n QdsHeaderBarAppTitleBindings,\n QdsHeaderBarDividerBindings,\n QdsHeaderBarLogoBindings,\n QdsHeaderBarNavBindings,\n QdsHeaderBarNavItemBindings,\n QdsHeaderBarNavItemProps,\n QdsHeaderBarRootBindings,\n QdsHeaderBarRootProps,\n QdsHeaderBarWindowControlsBindings,\n} from \"./header-bar.types\"\n\nexport function createQdsHeaderBarApi(\n normalize: PropNormalizer,\n): QdsHeaderBarApi {\n return {\n getActionBarBindings(): QdsHeaderBarActionBarBindings {\n return normalize.element({\n className: headerBarClasses.actionBar,\n })\n },\n getAppTitleBindings(): QdsHeaderBarAppTitleBindings {\n return normalize.element({\n className: headerBarClasses.appTitle,\n })\n },\n getDividerBindings(): QdsHeaderBarDividerBindings {\n return normalize.element({\n className: headerBarClasses.divider,\n })\n },\n getLogoBindings(): QdsHeaderBarLogoBindings {\n return normalize.element({\n className: headerBarClasses.logo,\n })\n },\n getNavBindings(): QdsHeaderBarNavBindings {\n return normalize.element({\n className: headerBarClasses.nav,\n })\n },\n getNavItemBindings(\n props?: QdsHeaderBarNavItemProps,\n ): QdsHeaderBarNavItemBindings {\n return normalize.element({\n \"aria-current\": props?.active ? \"page\" : undefined,\n className: headerBarClasses.navItem,\n \"data-active\": booleanDataAttr(props?.active),\n })\n },\n getRootBindings(props: QdsHeaderBarRootProps): QdsHeaderBarRootBindings {\n return normalize.element({\n className: headerBarClasses.root,\n \"data-size\": props.size || \"sm\",\n \"data-surface\": props.surface || \"primary\",\n })\n },\n getWindowControlsBindings(): QdsHeaderBarWindowControlsBindings {\n return normalize.element({\n className: headerBarClasses.windowControls,\n })\n },\n }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const headerBarClasses = {\n actionBar: \"qui-header-bar__action-bar\",\n appTitle: \"qui-header-bar__app-title\",\n divider: \"qui-header-bar__divider\",\n itemIcon: \"qui-header-bar__item-icon\",\n itemRoot: \"qui-header-bar__item-root\",\n logo: \"qui-header-bar__logo\",\n nav: \"qui-header-bar__nav\",\n navItem: \"qui-header-bar__nav-item\",\n root: \"qui-header-bar__root\",\n windowControls: \"qui-header-bar__window-controls\",\n} as const\n"],
|
|
5
|
-
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,2BAAAE,EAAA,qBAAAC,IAAA,eAAAC,EAAAJ,GCGA,IAAAK,EAA8B,yCCAvB,IAAMC,EAAmB,CAC9B,UAAW,6BACX,SAAU,4BACV,QAAS,0BACT,SAAU,4BACV,SAAU,4BACV,KAAM,uBACN,IAAK,sBACL,QAAS,2BACT,KAAM,uBACN,eAAgB,iCAClB,EDOO,SAASC,EACdC,EACiB,CACjB,MAAO,CACL,sBAAsD,CACpD,OAAOA,EAAU,QAAQ,CACvB,UAAWC,EAAiB,SAC9B,CAAC,CACH,EACA,qBAAoD,CAClD,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,QAC9B,CAAC,CACH,EACA,oBAAkD,CAChD,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,OAC9B,CAAC,CACH,EACA,iBAA4C,CAC1C,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,IAC9B,CAAC,CACH,EACA,gBAA0C,CACxC,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,GAC9B,CAAC,CACH,EACA,mBACEC,EAC6B,CAC7B,OAAOF,EAAU,QAAQ,CACvB,eAAgBE,GAAO,OAAS,OAAS,OACzC,UAAWD,EAAiB,QAC5B,iBAAe,mBAAgBC,GAAO,MAAM,CAC9C,CAAC,CACH,EACA,gBAAgBA,EAAwD,CACtE,OAAOF,EAAU,QAAQ,CACvB,UAAWC,EAAiB,KAC5B,
|
|
4
|
+
"sourcesContent": ["export * from \"./header-bar.api\"\nexport * from \"./header-bar.classes\"\nexport type * from \"./header-bar.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {booleanDataAttr} from \"@qualcomm-ui/utils/attributes\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {headerBarClasses} from \"./header-bar.classes\"\nimport type {\n QdsHeaderBarActionBarBindings,\n QdsHeaderBarApi,\n QdsHeaderBarAppTitleBindings,\n QdsHeaderBarDividerBindings,\n QdsHeaderBarLogoBindings,\n QdsHeaderBarNavBindings,\n QdsHeaderBarNavItemBindings,\n QdsHeaderBarNavItemProps,\n QdsHeaderBarRootBindings,\n QdsHeaderBarRootProps,\n QdsHeaderBarWindowControlsBindings,\n} from \"./header-bar.types\"\n\nexport function createQdsHeaderBarApi(\n normalize: PropNormalizer,\n): QdsHeaderBarApi {\n return {\n getActionBarBindings(): QdsHeaderBarActionBarBindings {\n return normalize.element({\n className: headerBarClasses.actionBar,\n })\n },\n getAppTitleBindings(): QdsHeaderBarAppTitleBindings {\n return normalize.element({\n className: headerBarClasses.appTitle,\n })\n },\n getDividerBindings(): QdsHeaderBarDividerBindings {\n return normalize.element({\n className: headerBarClasses.divider,\n })\n },\n getLogoBindings(): QdsHeaderBarLogoBindings {\n return normalize.element({\n className: headerBarClasses.logo,\n })\n },\n getNavBindings(): QdsHeaderBarNavBindings {\n return normalize.element({\n className: headerBarClasses.nav,\n })\n },\n getNavItemBindings(\n props?: QdsHeaderBarNavItemProps,\n ): QdsHeaderBarNavItemBindings {\n return normalize.element({\n \"aria-current\": props?.active ? \"page\" : undefined,\n className: headerBarClasses.navItem,\n \"data-active\": booleanDataAttr(props?.active),\n })\n },\n getRootBindings(props: QdsHeaderBarRootProps): QdsHeaderBarRootBindings {\n return normalize.element({\n className: headerBarClasses.root,\n \"data-padding\": props.padding || \"default\",\n \"data-size\": props.size || \"sm\",\n \"data-surface\": props.surface || \"primary\",\n })\n },\n getWindowControlsBindings(): QdsHeaderBarWindowControlsBindings {\n return normalize.element({\n className: headerBarClasses.windowControls,\n })\n },\n }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const headerBarClasses = {\n actionBar: \"qui-header-bar__action-bar\",\n appTitle: \"qui-header-bar__app-title\",\n divider: \"qui-header-bar__divider\",\n itemIcon: \"qui-header-bar__item-icon\",\n itemRoot: \"qui-header-bar__item-root\",\n logo: \"qui-header-bar__logo\",\n nav: \"qui-header-bar__nav\",\n navItem: \"qui-header-bar__nav-item\",\n root: \"qui-header-bar__root\",\n windowControls: \"qui-header-bar__window-controls\",\n} as const\n"],
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,2BAAAE,EAAA,qBAAAC,IAAA,eAAAC,EAAAJ,GCGA,IAAAK,EAA8B,yCCAvB,IAAMC,EAAmB,CAC9B,UAAW,6BACX,SAAU,4BACV,QAAS,0BACT,SAAU,4BACV,SAAU,4BACV,KAAM,uBACN,IAAK,sBACL,QAAS,2BACT,KAAM,uBACN,eAAgB,iCAClB,EDOO,SAASC,EACdC,EACiB,CACjB,MAAO,CACL,sBAAsD,CACpD,OAAOA,EAAU,QAAQ,CACvB,UAAWC,EAAiB,SAC9B,CAAC,CACH,EACA,qBAAoD,CAClD,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,QAC9B,CAAC,CACH,EACA,oBAAkD,CAChD,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,OAC9B,CAAC,CACH,EACA,iBAA4C,CAC1C,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,IAC9B,CAAC,CACH,EACA,gBAA0C,CACxC,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,GAC9B,CAAC,CACH,EACA,mBACEC,EAC6B,CAC7B,OAAOF,EAAU,QAAQ,CACvB,eAAgBE,GAAO,OAAS,OAAS,OACzC,UAAWD,EAAiB,QAC5B,iBAAe,mBAAgBC,GAAO,MAAM,CAC9C,CAAC,CACH,EACA,gBAAgBA,EAAwD,CACtE,OAAOF,EAAU,QAAQ,CACvB,UAAWC,EAAiB,KAC5B,eAAgBC,EAAM,SAAW,UACjC,YAAaA,EAAM,MAAQ,KAC3B,eAAgBA,EAAM,SAAW,SACnC,CAAC,CACH,EACA,2BAAgE,CAC9D,OAAOF,EAAU,QAAQ,CACvB,UAAWC,EAAiB,cAC9B,CAAC,CACH,CACF,CACF",
|
|
6
6
|
"names": ["header_bar_exports", "__export", "createQdsHeaderBarApi", "headerBarClasses", "__toCommonJS", "import_attributes", "headerBarClasses", "createQdsHeaderBarApi", "normalize", "headerBarClasses", "props"]
|
|
7
7
|
}
|
package/dist/header-bar/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{booleanDataAttr as
|
|
1
|
+
import{booleanDataAttr as d}from"@qualcomm-ui/utils/attributes";var e={actionBar:"qui-header-bar__action-bar",appTitle:"qui-header-bar__app-title",divider:"qui-header-bar__divider",itemIcon:"qui-header-bar__item-icon",itemRoot:"qui-header-bar__item-root",logo:"qui-header-bar__logo",nav:"qui-header-bar__nav",navItem:"qui-header-bar__nav-item",root:"qui-header-bar__root",windowControls:"qui-header-bar__window-controls"};function s(a){return{getActionBarBindings(){return a.element({className:e.actionBar})},getAppTitleBindings(){return a.element({className:e.appTitle})},getDividerBindings(){return a.element({className:e.divider})},getLogoBindings(){return a.element({className:e.logo})},getNavBindings(){return a.element({className:e.nav})},getNavItemBindings(r){return a.element({"aria-current":r?.active?"page":void 0,className:e.navItem,"data-active":d(r?.active)})},getRootBindings(r){return a.element({className:e.root,"data-padding":r.padding||"default","data-size":r.size||"sm","data-surface":r.surface||"primary"})},getWindowControlsBindings(){return a.element({className:e.windowControls})}}}export{s as createQdsHeaderBarApi,e as headerBarClasses};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/header-bar/header-bar.api.ts", "../../src/header-bar/header-bar.classes.ts"],
|
|
4
|
-
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {booleanDataAttr} from \"@qualcomm-ui/utils/attributes\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {headerBarClasses} from \"./header-bar.classes\"\nimport type {\n QdsHeaderBarActionBarBindings,\n QdsHeaderBarApi,\n QdsHeaderBarAppTitleBindings,\n QdsHeaderBarDividerBindings,\n QdsHeaderBarLogoBindings,\n QdsHeaderBarNavBindings,\n QdsHeaderBarNavItemBindings,\n QdsHeaderBarNavItemProps,\n QdsHeaderBarRootBindings,\n QdsHeaderBarRootProps,\n QdsHeaderBarWindowControlsBindings,\n} from \"./header-bar.types\"\n\nexport function createQdsHeaderBarApi(\n normalize: PropNormalizer,\n): QdsHeaderBarApi {\n return {\n getActionBarBindings(): QdsHeaderBarActionBarBindings {\n return normalize.element({\n className: headerBarClasses.actionBar,\n })\n },\n getAppTitleBindings(): QdsHeaderBarAppTitleBindings {\n return normalize.element({\n className: headerBarClasses.appTitle,\n })\n },\n getDividerBindings(): QdsHeaderBarDividerBindings {\n return normalize.element({\n className: headerBarClasses.divider,\n })\n },\n getLogoBindings(): QdsHeaderBarLogoBindings {\n return normalize.element({\n className: headerBarClasses.logo,\n })\n },\n getNavBindings(): QdsHeaderBarNavBindings {\n return normalize.element({\n className: headerBarClasses.nav,\n })\n },\n getNavItemBindings(\n props?: QdsHeaderBarNavItemProps,\n ): QdsHeaderBarNavItemBindings {\n return normalize.element({\n \"aria-current\": props?.active ? \"page\" : undefined,\n className: headerBarClasses.navItem,\n \"data-active\": booleanDataAttr(props?.active),\n })\n },\n getRootBindings(props: QdsHeaderBarRootProps): QdsHeaderBarRootBindings {\n return normalize.element({\n className: headerBarClasses.root,\n \"data-size\": props.size || \"sm\",\n \"data-surface\": props.surface || \"primary\",\n })\n },\n getWindowControlsBindings(): QdsHeaderBarWindowControlsBindings {\n return normalize.element({\n className: headerBarClasses.windowControls,\n })\n },\n }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const headerBarClasses = {\n actionBar: \"qui-header-bar__action-bar\",\n appTitle: \"qui-header-bar__app-title\",\n divider: \"qui-header-bar__divider\",\n itemIcon: \"qui-header-bar__item-icon\",\n itemRoot: \"qui-header-bar__item-root\",\n logo: \"qui-header-bar__logo\",\n nav: \"qui-header-bar__nav\",\n navItem: \"qui-header-bar__nav-item\",\n root: \"qui-header-bar__root\",\n windowControls: \"qui-header-bar__window-controls\",\n} as const\n"],
|
|
5
|
-
"mappings": "AAGA,OAAQ,mBAAAA,MAAsB,gCCAvB,IAAMC,EAAmB,CAC9B,UAAW,6BACX,SAAU,4BACV,QAAS,0BACT,SAAU,4BACV,SAAU,4BACV,KAAM,uBACN,IAAK,sBACL,QAAS,2BACT,KAAM,uBACN,eAAgB,iCAClB,EDOO,SAASC,EACdC,EACiB,CACjB,MAAO,CACL,sBAAsD,CACpD,OAAOA,EAAU,QAAQ,CACvB,UAAWC,EAAiB,SAC9B,CAAC,CACH,EACA,qBAAoD,CAClD,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,QAC9B,CAAC,CACH,EACA,oBAAkD,CAChD,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,OAC9B,CAAC,CACH,EACA,iBAA4C,CAC1C,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,IAC9B,CAAC,CACH,EACA,gBAA0C,CACxC,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,GAC9B,CAAC,CACH,EACA,mBACEC,EAC6B,CAC7B,OAAOF,EAAU,QAAQ,CACvB,eAAgBE,GAAO,OAAS,OAAS,OACzC,UAAWD,EAAiB,QAC5B,cAAeE,EAAgBD,GAAO,MAAM,CAC9C,CAAC,CACH,EACA,gBAAgBA,EAAwD,CACtE,OAAOF,EAAU,QAAQ,CACvB,UAAWC,EAAiB,KAC5B,
|
|
4
|
+
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {booleanDataAttr} from \"@qualcomm-ui/utils/attributes\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {headerBarClasses} from \"./header-bar.classes\"\nimport type {\n QdsHeaderBarActionBarBindings,\n QdsHeaderBarApi,\n QdsHeaderBarAppTitleBindings,\n QdsHeaderBarDividerBindings,\n QdsHeaderBarLogoBindings,\n QdsHeaderBarNavBindings,\n QdsHeaderBarNavItemBindings,\n QdsHeaderBarNavItemProps,\n QdsHeaderBarRootBindings,\n QdsHeaderBarRootProps,\n QdsHeaderBarWindowControlsBindings,\n} from \"./header-bar.types\"\n\nexport function createQdsHeaderBarApi(\n normalize: PropNormalizer,\n): QdsHeaderBarApi {\n return {\n getActionBarBindings(): QdsHeaderBarActionBarBindings {\n return normalize.element({\n className: headerBarClasses.actionBar,\n })\n },\n getAppTitleBindings(): QdsHeaderBarAppTitleBindings {\n return normalize.element({\n className: headerBarClasses.appTitle,\n })\n },\n getDividerBindings(): QdsHeaderBarDividerBindings {\n return normalize.element({\n className: headerBarClasses.divider,\n })\n },\n getLogoBindings(): QdsHeaderBarLogoBindings {\n return normalize.element({\n className: headerBarClasses.logo,\n })\n },\n getNavBindings(): QdsHeaderBarNavBindings {\n return normalize.element({\n className: headerBarClasses.nav,\n })\n },\n getNavItemBindings(\n props?: QdsHeaderBarNavItemProps,\n ): QdsHeaderBarNavItemBindings {\n return normalize.element({\n \"aria-current\": props?.active ? \"page\" : undefined,\n className: headerBarClasses.navItem,\n \"data-active\": booleanDataAttr(props?.active),\n })\n },\n getRootBindings(props: QdsHeaderBarRootProps): QdsHeaderBarRootBindings {\n return normalize.element({\n className: headerBarClasses.root,\n \"data-padding\": props.padding || \"default\",\n \"data-size\": props.size || \"sm\",\n \"data-surface\": props.surface || \"primary\",\n })\n },\n getWindowControlsBindings(): QdsHeaderBarWindowControlsBindings {\n return normalize.element({\n className: headerBarClasses.windowControls,\n })\n },\n }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const headerBarClasses = {\n actionBar: \"qui-header-bar__action-bar\",\n appTitle: \"qui-header-bar__app-title\",\n divider: \"qui-header-bar__divider\",\n itemIcon: \"qui-header-bar__item-icon\",\n itemRoot: \"qui-header-bar__item-root\",\n logo: \"qui-header-bar__logo\",\n nav: \"qui-header-bar__nav\",\n navItem: \"qui-header-bar__nav-item\",\n root: \"qui-header-bar__root\",\n windowControls: \"qui-header-bar__window-controls\",\n} as const\n"],
|
|
5
|
+
"mappings": "AAGA,OAAQ,mBAAAA,MAAsB,gCCAvB,IAAMC,EAAmB,CAC9B,UAAW,6BACX,SAAU,4BACV,QAAS,0BACT,SAAU,4BACV,SAAU,4BACV,KAAM,uBACN,IAAK,sBACL,QAAS,2BACT,KAAM,uBACN,eAAgB,iCAClB,EDOO,SAASC,EACdC,EACiB,CACjB,MAAO,CACL,sBAAsD,CACpD,OAAOA,EAAU,QAAQ,CACvB,UAAWC,EAAiB,SAC9B,CAAC,CACH,EACA,qBAAoD,CAClD,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,QAC9B,CAAC,CACH,EACA,oBAAkD,CAChD,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,OAC9B,CAAC,CACH,EACA,iBAA4C,CAC1C,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,IAC9B,CAAC,CACH,EACA,gBAA0C,CACxC,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,GAC9B,CAAC,CACH,EACA,mBACEC,EAC6B,CAC7B,OAAOF,EAAU,QAAQ,CACvB,eAAgBE,GAAO,OAAS,OAAS,OACzC,UAAWD,EAAiB,QAC5B,cAAeE,EAAgBD,GAAO,MAAM,CAC9C,CAAC,CACH,EACA,gBAAgBA,EAAwD,CACtE,OAAOF,EAAU,QAAQ,CACvB,UAAWC,EAAiB,KAC5B,eAAgBC,EAAM,SAAW,UACjC,YAAaA,EAAM,MAAQ,KAC3B,eAAgBA,EAAM,SAAW,SACnC,CAAC,CACH,EACA,2BAAgE,CAC9D,OAAOF,EAAU,QAAQ,CACvB,UAAWC,EAAiB,cAC9B,CAAC,CACH,CACF,CACF",
|
|
6
6
|
"names": ["booleanDataAttr", "headerBarClasses", "createQdsHeaderBarApi", "normalize", "headerBarClasses", "props", "booleanDataAttr"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.qui-header-bar__root{align-items:center;border-bottom:solid 1px var(--color-border-neutral-01);box-sizing:border-box;display:flex;height:var(--sizing-160);min-width:-moz-fit-content;min-width:fit-content;padding:0 var(--spacing-
|
|
1
|
+
.qui-header-bar__root{align-items:center;border-bottom:solid 1px var(--color-border-neutral-01);box-sizing:border-box;display:flex;height:var(--sizing-160);min-width:-moz-fit-content;min-width:fit-content;padding:0 var(--spacing-90);width:100%}.qui-header-bar__root[data-padding=large]{padding-inline:var(--spacing-330)}.qui-header-bar__root[data-size=lg]{height:72px}.qui-header-bar__root[data-surface=primary]{background:var(--color-surface-primary)}.qui-header-bar__root[data-surface=secondary]{background:var(--color-surface-secondary)}.qui-header-bar__logo{align-items:center;color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-90);margin-right:var(--spacing-90);white-space:nowrap}.qui-header-bar__logo+.qui-header-bar__divider{margin:0 var(--spacing-110) 0 var(--spacing-70)}.qui-header-bar__logo a{color:inherit;text-decoration:none}.qui-header-bar__nav{align-items:center;display:flex;gap:var(--spacing-110);margin-right:var(--spacing-180)}.qui-header-bar__nav-item{align-items:center;background:transparent;border:solid 1px transparent;border-radius:var(--border-radius-xs);box-sizing:border-box;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-40);outline:none;padding:0 var(--spacing-20);text-decoration:inherit;transition:background-color var(--animation-duration-faster) ease-out,color var(--animation-duration-faster) ease-out;--icon-color:var(--color-icon-neutral-secondary)}.qui-header-bar__nav-item .qui-icon__root{--icon-size:var(--sizing-70)}.qui-header-bar__nav-item:active,.qui-header-bar__nav-item:hover,.qui-header-bar__nav-item[data-active],.qui-header-bar__nav-item[data-state=open]{color:var(--color-text-neutral-primary);--icon-color:var(--color-icon-neutral-primary)}.qui-header-bar__nav-item:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-header-bar__nav-item[data-disabled]{color:var(--color-utility-disabled-text);pointer-events:none;--icon-color:var(--color-utility-disabled-icon)}.qui-header-bar__nav-item .qui-icon__root[data-part=end-icon]{transition:transform var(--animation-duration-faster) ease-out}.qui-header-bar__nav-item[data-state=open] .qui-icon__root[data-part=end-icon]{transform:rotate(180deg)}a.qui-header-bar__nav-item:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 2px var(--color-utility-focus-border);outline-offset:-1px}.qui-header-bar__divider{align-self:center;background:var(--color-border-neutral-01);content:"";height:20px;width:1px}.qui-header-bar__divider+.qui-avatar__root{margin-left:var(--spacing-70)}.qui-header-bar__action-bar{align-items:center;display:flex;gap:var(--spacing-40);margin-left:auto}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-brand=qualcomm][data-theme=dark]{--color-background-brand-accent-01:oklch(0.565 0.265 292.82);--color-background-brand-accent-02:oklch(0.926 0.19 107);--color-background-brand-primary-strong:oklch(0.901 0.04 268.52);--color-background-brand-primary-subtle:oklch(0.274 0.15 268.99);--color-background-brand-primary:oklch(0.475 0.24 268.99);--color-background-neutral-00:oklch(0.098 0.004 285.56);--color-background-neutral-01:oklch(0.173 0.006 271.03);--color-background-neutral-02:oklch(0.2 0.004 264.47);--color-background-neutral-03:oklch(0.226 0.004 264.49);--color-background-neutral-04:oklch(0.251 0.005 248.02);--color-background-neutral-05:oklch(0.276 0.005 248);--color-background-neutral-06:oklch(0.3 0.005 247.98);--color-background-neutral-07:oklch(0.325 0.005 271.25);--color-background-neutral-08:oklch(0.349 0.005 271.26);--color-background-neutral-09:oklch(0.375 0.005 271.28);--color-background-neutral-10:oklch(1 0 0);--color-background-support-danger-medium:oklch(0.376 0.15 30.26);--color-background-support-danger-subtle:oklch(0.148 0.061 29.23);--color-background-support-danger:oklch(0.575 0.21 31.06);--color-background-support-info-medium:oklch(0.399 0.151 268.98);--color-background-support-info-subtle:oklch(0.175 0.06 269.89);--color-background-support-info:oklch(0.575 0.189 268.76);--color-background-support-neutral-medium:oklch(0.349 0.005 271.26);--color-background-support-neutral-subtle:oklch(0.2 0.004 264.47);--color-background-support-neutral:oklch(0.475 0.005 271.31);--color-background-support-success-medium:oklch(0.405 0.138 142.5);--color-background-support-success-subtle:oklch(0.173 0.059 142.5);--color-background-support-success:oklch(0.549 0.187 142.46);--color-background-support-warning-medium:oklch(0.399 0.08 87.06);--color-background-support-warning-subtle:oklch(0.202 0.041 88.49);--color-background-support-warning:oklch(0.827 0.17 83.98);--color-border-brand-accent-01:oklch(0.565 0.265 292.82);--color-border-brand-accent-02:oklch(0.926 0.19 107);--color-border-brand-primary-subtle:oklch(0.274 0.15 268.99);--color-border-brand-primary:oklch(0.645 0.189 268.83);--color-border-neutral-00:oklch(0.098 0.004 285.56);--color-border-neutral-01:oklch(0.3 0.005 247.98);--color-border-neutral-02:oklch(0.349 0.005 271.26);--color-border-neutral-03:oklch(0.401 0.009 260.72);--color-border-neutral-10:oklch(1 0 0);--color-border-support-danger:oklch(0.35 0.14 30.14);--color-border-support-info:oklch(0.376 0.14 268.81);--color-border-support-neutral:oklch(0.325 0.005 271.25);--color-border-support-success:oklch(0.377 0.128 142.5);--color-border-support-warning:oklch(0.501 0.1 87.23);--color-category-blue-medium:oklch(0.478 0.226 262.53);--color-category-blue-strong:oklch(0.57 0.234 261.43);--color-category-blue-subtle:oklch(0.333 0.168 263.21);--color-category-cyan-medium:oklch(0.465 0.138 251.76);--color-category-cyan-strong:oklch(0.558 0.154 249.18);--color-category-cyan-subtle:oklch(0.319 0.094 251.76);--color-category-green-medium:oklch(0.503 0.098 161.5);--color-category-green-strong:oklch(0.546 0.112 160.46);--color-category-green-subtle:oklch(0.388 0.071 162.5);--color-category-kiwi-medium:oklch(0.507 0.113 128.68);--color-category-kiwi-strong:oklch(0.55 0.125 128.66);--color-category-kiwi-subtle:oklch(0.392 0.074 128.07);--color-category-magenta-medium:oklch(0.489 0.18 1.48);--color-category-magenta-strong:oklch(0.585 0.208 0.29);--color-category-magenta-subtle:oklch(0.335 0.129 3.19);--color-category-orange-medium:oklch(0.473 0.133 46.03);--color-category-orange-strong:oklch(0.574 0.162 45.72);--color-category-orange-subtle:oklch(0.318 0.082 50.5);--color-category-purple-medium:oklch(0.493 0.228 295.18);--color-category-purple-strong:oklch(0.586 0.251 295.92);--color-category-purple-subtle:oklch(0.335 0.151 295.15);--color-category-red-medium:oklch(0.486 0.182 25.67);--color-category-red-strong:oklch(0.583 0.217 25.29);--color-category-red-subtle:oklch(0.333 0.126 25.6);--color-category-teal-medium:oklch(0.458 0.079 192.39);--color-category-teal-strong:oklch(0.548 0.094 190.97);--color-category-teal-subtle:oklch(0.314 0.053 200.65);--color-category-yellow-medium:oklch(0.581 0.118 85.53);--color-category-yellow-strong:oklch(0.824 0.164 89.76);--color-category-yellow-subtle:oklch(0.439 0.089 86.29);--color-icon-brand-accent-01:oklch(0.565 0.265 292.82);--color-icon-brand-accent-02:oklch(0.926 0.19 107);--color-icon-brand-primary:oklch(0.645 0.189 268.83);--color-icon-neutral-inverse:oklch(0.098 0.004 285.56);--color-icon-neutral-primary:oklch(1 0 0);--color-icon-neutral-secondary:oklch(0.775 0.01 258.34);--color-icon-support-danger:oklch(0.625 0.21 31.06);--color-icon-support-info:oklch(0.649 0.186 268.81);--color-icon-support-neutral:oklch(0.649 0.01 264.5);--color-icon-support-success:oklch(0.599 0.2 141.99);--color-icon-support-warning:oklch(0.827 0.17 83.98);--color-interactive-background-danger-hover:oklch(0.503 0.207 29.23);--color-interactive-background-danger-idle:oklch(0.453 0.186 29.23);--color-interactive-background-danger-pressed:oklch(0.55 0.21 31.08);--color-interactive-background-ghost-hover:oklch(1 0 0/8%);--color-interactive-background-ghost-idle:oklch(1 0 0/0%);--color-interactive-background-ghost-pressed:oklch(1 0 0/16%);--color-interactive-background-neutral-hover:oklch(0.499 0.01 264.48);--color-interactive-background-neutral-idle:oklch(0.45 0.005 271.3);--color-interactive-background-neutral-pressed:oklch(0.551 0.01 264.49);--color-interactive-background-persistent-black-fill-hover:oklch(0.226 0.004 264.49);--color-interactive-background-persistent-black-fill-idle:oklch(0.098 0.004 285.56);--color-interactive-background-persistent-black-fill-pressed:oklch(0.325 0.005 271.25);--color-interactive-background-persistent-black-ghost-hover:oklch(0.098 0.004 285.56/8%);--color-interactive-background-persistent-black-ghost-idle:oklch(0.098 0.004 285.56/0%);--color-interactive-background-persistent-black-ghost-pressed:oklch(0.098 0.004 285.56/16%);--color-interactive-background-persistent-white-fill-hover:oklch(0.925 0.001 286.37);--color-interactive-background-persistent-white-fill-idle:oklch(1 0 0);--color-interactive-background-persistent-white-fill-pressed:oklch(0.85 0.009 258.34);--color-interactive-background-persistent-white-ghost-hover:oklch(1 0 0/8%);--color-interactive-background-persistent-white-ghost-idle:oklch(1 0 0/0%);--color-interactive-background-persistent-white-ghost-pressed:oklch(1 0 0/16%);--color-interactive-background-primary-hover:oklch(0.524 0.24 269.12);--color-interactive-background-primary-idle:oklch(0.475 0.24 268.99);--color-interactive-background-primary-pressed:oklch(0.549 0.24 268.94);--color-interactive-border-danger-hover:oklch(0.675 0.18 30.73);--color-interactive-border-danger-idle:oklch(0.625 0.21 31.06);--color-interactive-border-danger-pressed:oklch(0.726 0.14 30.93);--color-interactive-border-neutral-hover:oklch(1 0 0/50%);--color-interactive-border-neutral-idle:oklch(1 0 0/40%);--color-interactive-border-neutral-pressed:oklch(1 0 0/60%);--color-interactive-border-persistent-black-hover:oklch(0.098 0.004 285.56/90%);--color-interactive-border-persistent-black-idle:oklch(0.098 0.004 285.56/80%);--color-interactive-border-persistent-black-pressed:oklch(0.098 0.004 285.56);--color-interactive-border-persistent-white-hover:oklch(1 0 0/90%);--color-interactive-border-persistent-white-idle:oklch(1 0 0/80%);--color-interactive-border-persistent-white-pressed:oklch(1 0 0);--color-interactive-icon-danger-hover:oklch(0.675 0.18 30.73);--color-interactive-icon-danger-idle:oklch(0.625 0.21 31.06);--color-interactive-icon-danger-pressed:oklch(0.726 0.14 30.93);--color-interactive-icon-link-brand-hover:oklch(0.699 0.157 268.83);--color-interactive-icon-link-brand-idle:oklch(0.645 0.189 268.83);--color-interactive-icon-link-brand-pressed:oklch(0.776 0.11 268.92);--color-interactive-icon-link-brand-visited:oklch(0.729 0.166 299.96);--color-interactive-icon-link-default-hover:oklch(0.699 0.157 268.83);--color-interactive-icon-link-default-idle:oklch(0.645 0.189 268.83);--color-interactive-icon-link-default-pressed:oklch(0.776 0.11 268.92);--color-interactive-icon-link-default-visited:oklch(0.729 0.166 299.96);--color-interactive-icon-link-neutral-hover:oklch(0.75 0.005 258.33);--color-interactive-icon-link-neutral-idle:oklch(1 0 0);--color-interactive-icon-link-neutral-pressed:oklch(0.649 0.01 264.5);--color-interactive-icon-link-neutral-visited:oklch(0.729 0.166 299.96);--color-interactive-icon-neutral-hover:oklch(0.949 0.001 286.37);--color-interactive-icon-neutral-idle:oklch(0.9 0.005 258.33);--color-interactive-icon-neutral-pressed:oklch(1 0 0);--color-interactive-icon-primary-hover:oklch(0.699 0.157 268.83);--color-interactive-icon-primary-idle:oklch(0.645 0.189 268.83);--color-interactive-icon-primary-pressed:oklch(0.776 0.11 268.92);--color-interactive-text-danger-hover:oklch(0.675 0.18 30.73);--color-interactive-text-danger-idle:oklch(0.625 0.21 31.06);--color-interactive-text-danger-pressed:oklch(0.726 0.14 30.93);--color-interactive-text-link-brand-hover:oklch(0.699 0.157 268.83);--color-interactive-text-link-brand-idle:oklch(0.645 0.189 268.83);--color-interactive-text-link-brand-pressed:oklch(0.776 0.11 268.92);--color-interactive-text-link-brand-visited:oklch(0.729 0.166 299.96);--color-interactive-text-link-default-hover:oklch(0.699 0.157 268.83);--color-interactive-text-link-default-idle:oklch(0.645 0.189 268.83);--color-interactive-text-link-default-pressed:oklch(0.776 0.11 268.92);--color-interactive-text-link-default-visited:oklch(0.729 0.166 299.96);--color-interactive-text-link-neutral-hover:oklch(0.75 0.005 258.33);--color-interactive-text-link-neutral-idle:oklch(1 0 0);--color-interactive-text-link-neutral-pressed:oklch(0.649 0.01 264.5);--color-interactive-text-link-neutral-visited:oklch(0.729 0.166 299.96);--color-interactive-text-neutral-hover:oklch(0.949 0.001 286.37);--color-interactive-text-neutral-idle:oklch(0.9 0.005 258.33);--color-interactive-text-neutral-pressed:oklch(1 0 0);--color-interactive-text-primary-hover:oklch(0.699 0.157 268.83);--color-interactive-text-primary-idle:oklch(0.645 0.189 268.83);--color-interactive-text-primary-pressed:oklch(0.776 0.11 268.92);--color-surface-overlay:oklch(0.276 0.005 248);--color-surface-primary:oklch(0.098 0.004 285.56);--color-surface-raised:oklch(0.226 0.004 264.49);--color-surface-secondary:oklch(0.173 0.006 271.03);--color-text-brand-accent-01:oklch(0.565 0.265 292.82);--color-text-brand-accent-02:oklch(0.926 0.19 107);--color-text-brand-primary:oklch(0.645 0.189 268.83);--color-text-neutral-inverse:oklch(0.098 0.004 285.56);--color-text-neutral-primary:oklch(1 0 0);--color-text-neutral-secondary:oklch(0.775 0.01 258.34);--color-text-support-danger:oklch(0.625 0.21 31.06);--color-text-support-info:oklch(0.649 0.186 268.81);--color-text-support-success:oklch(0.599 0.2 141.99);--color-utility-disabled-background:oklch(0.226 0.004 264.49);--color-utility-disabled-border:oklch(0.3 0.005 247.98);--color-utility-disabled-icon:oklch(0.349 0.005 271.26);--color-utility-disabled-text:oklch(0.349 0.005 271.26);--color-utility-focus-border:oklch(0.645 0.189 268.83);--color-utility-persistent-black:oklch(0.098 0.004 285.56);--color-utility-persistent-transparent-white:oklch(1 0 0/80%);--color-utility-persistent-white:oklch(1 0 0);--color-utility-placeholder-icon:oklch(0.576 0.01 264.49);--color-utility-placeholder-text:oklch(0.576 0.01 264.49);--border-radius-lg:6px;--border-radius-md:4px;--border-radius-none:0;--border-radius-rounded:360px;--border-radius-sm:3px;--border-radius-xl:8px;--border-radius-xs:2px;--border-radius-xxl:12px;--border-width-lg:3px;--border-width-md:2px;--border-width-none:0;--border-width-sm:1px;--border-width-xl:4px;--canvas-width:375;--font-dynamic-display-lg:var(--type-font-weight-display-regular) 53px /60px var(--type-font-family-primary);--font-dynamic-display-md:var(--type-font-weight-display-regular) 40px /46px var(--type-font-family-primary);--font-dynamic-heading-lg-bold:var(--type-font-weight-heading-bold) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-lg-default:var(--type-font-weight-heading-default) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-xl:var(--type-font-weight-heading-regular) 30px /34px var(--type-font-family-primary);--font-dynamic-heading-xxl:var(--type-font-weight-heading-regular) 34px /40px var(--type-font-family-primary);--font-dynamic-heading-xxxl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-body-lg-bold:var(--type-font-weight-body-bold) 17px /26px var(--type-font-family-secondary);--font-static-body-lg-default:var(--type-font-weight-body-default) 17px /26px var(--type-font-family-secondary);--font-static-body-md-bold:var(--type-font-weight-body-bold) 16px /24px var(--type-font-family-secondary);--font-static-body-md-default:var(--type-font-weight-body-default) 16px /24px var(--type-font-family-secondary);--font-static-body-sm-bold:var(--type-font-weight-body-bold) 14px /20px var(--type-font-family-secondary);--font-static-body-sm-default:var(--type-font-weight-body-default) 14px /20px var(--type-font-family-secondary);--font-static-body-xl-bold:var(--type-font-weight-body-bold) 19px /28px var(--type-font-family-secondary);--font-static-body-xl-default:var(--type-font-weight-body-default) 19px /28px var(--type-font-family-secondary);--font-static-body-xs-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-body-xs-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-body-xxl-bold:var(--type-font-weight-body-bold) 22px /32px var(--type-font-family-secondary);--font-static-body-xxl-default:var(--type-font-weight-body-default) 22px /32px var(--type-font-family-secondary);--font-static-code-lg-bold:var(--type-font-weight-code-bold) 17px /26px var(--type-font-family-tertiary);--font-static-code-lg-default:var(--type-font-weight-code-default) 17px /26px var(--type-font-family-tertiary);--font-static-code-md-bold:var(--type-font-weight-code-bold) 16px /24px var(--type-font-family-tertiary);--font-static-code-md-default:var(--type-font-weight-code-default) 16px /24px var(--type-font-family-tertiary);--font-static-code-sm-bold:var(--type-font-weight-code-bold) 14px /20px var(--type-font-family-tertiary);--font-static-code-sm-default:var(--type-font-weight-code-default) 14px /20px var(--type-font-family-tertiary);--font-static-code-xl-bold:var(--type-font-weight-code-bold) 19px /28px var(--type-font-family-tertiary);--font-static-code-xl-default:var(--type-font-weight-code-default) 19px /28px var(--type-font-family-tertiary);--font-static-code-xs-bold:var(--type-font-weight-code-bold) 12px /18px var(--type-font-family-tertiary);--font-static-code-xs-default:var(--type-font-weight-code-default) 12px /18px var(--type-font-family-tertiary);--font-static-display-lg:var(--type-font-weight-display-regular) 84px /100px var(--type-font-family-primary);--font-static-display-md:var(--type-font-weight-display-regular) 65px /74px var(--type-font-family-primary);--font-static-heading-lg-bold:var(--type-font-weight-heading-bold) 28px /34px var(--type-font-family-secondary);--font-static-heading-lg-default:var(--type-font-weight-heading-default) 28px /34px var(--type-font-family-secondary);--font-static-heading-md-bold:var(--type-font-weight-heading-bold) 24px /30px var(--type-font-family-secondary);--font-static-heading-md-default:var(--type-font-weight-heading-default) 24px /30px var(--type-font-family-secondary);--font-static-heading-sm-bold:var(--type-font-weight-heading-bold) 20px /24px var(--type-font-family-secondary);--font-static-heading-sm-default:var(--type-font-weight-heading-default) 20px /24px var(--type-font-family-secondary);--font-static-heading-xl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-heading-xs-bold:var(--type-font-weight-heading-bold) 17px /20px var(--type-font-family-secondary);--font-static-heading-xs-default:var(--type-font-weight-heading-default) 17px /20px var(--type-font-family-secondary);--font-static-heading-xxl:var(--type-font-weight-heading-regular) 44px /50px var(--type-font-family-primary);--font-static-heading-xxs-bold:var(--type-font-weight-heading-bold) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxs-default:var(--type-font-weight-heading-default) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxxl:var(--type-font-weight-heading-regular) 53px /60px var(--type-font-family-primary);--icon-stroke-lg:2px;--icon-stroke-md:1.75px;--icon-stroke-sm:1.5px;--icon-stroke-xl:2.25px;--icon-stroke-xs:1.25px;--icon-stroke-xxs:1px;--scrim-default:oklch(0 0 0/80%);--shadow-high:0 7px 20px 5px oklch(0 0 0/20%);--shadow-highest:0 20px 30px 15px oklch(0 0 0/20%);--shadow-low:0 3px 5px 0 oklch(0 0 0/20%);--shadow-lowest:0 1px 2px 0 oklch(0 0 0/20%);--shadow-medium:0 5px 10px 1px oklch(0 0 0/20%);--shadow-none:0 0 0 0 oklch(0 0 0/0%);--sizing-10:1px;--sizing-20:2px;--sizing-30:4px;--sizing-40:6px;--sizing-50:8px;--sizing-60:12px;--sizing-70:16px;--sizing-80:20px;--sizing-90:24px;--sizing-100:28px;--sizing-110:30px;--sizing-120:32px;--sizing-130:38px;--sizing-140:40px;--sizing-150:46px;--sizing-160:48px;--sizing-170:56px;--sizing-180:80px;--sizing-190:120px;--sizing-200:160px;--spacing-0:0;--spacing-10:1px;--spacing-20:2px;--spacing-30:3px;--spacing-40:4px;--spacing-50:6px;--spacing-60:7px;--spacing-70:8px;--spacing-80:10px;--spacing-90:12px;--spacing-100:16px;--spacing-110:20px;--spacing-120:24px;--spacing-130:28px;--spacing-140:32px;--spacing-150:36px;--spacing-160:40px;--spacing-170:44px;--spacing-180:48px;--spacing-190:52px;--spacing-200:56px;--spacing-210:60px;--spacing-220:64px;--spacing-230:68px;--spacing-240:72px;--spacing-250:76px;--spacing-260:80px;--spacing-270:84px;--spacing-280:88px;--spacing-290:92px;--spacing-300:96px;--spacing-310:100px;--spacing-320:120px;--spacing-330:132px;--type-font-family-primary:Alfabet,sans-serif;--type-font-family-secondary:'Roboto Flex',sans-serif;--type-font-family-tertiary:'Roboto Mono',monospace;--type-font-weight-body-bold:500;--type-font-weight-body-default:400;--type-font-weight-code-bold:500;--type-font-weight-code-default:400;--type-font-weight-display-regular:400;--type-font-weight-heading-bold:600;--type-font-weight-heading-default:500;--type-font-weight-heading-regular:400;--type-static-body-lg-font-size:17px;--type-static-body-lg-line-height:26px;--type-static-body-md-font-size:16px;--type-static-body-md-line-height:24px;--type-static-body-sm-font-size:14px;--type-static-body-sm-line-height:20px;--type-static-body-xl-font-size:19px;--type-static-body-xl-line-height:28px;--type-static-body-xs-font-size:12px;--type-static-body-xs-line-height:18px;--type-static-body-xxl-font-size:22px;--type-static-body-xxl-line-height:32px;--type-static-code-lg-font-size:17px;--type-static-code-lg-line-height:26px;--type-static-code-md-font-size:16px;--type-static-code-md-line-height:24px;--type-static-code-sm-font-size:14px;--type-static-code-sm-line-height:20px;--type-static-code-xl-font-size:19px;--type-static-code-xl-line-height:28px;--type-static-code-xs-font-size:12px;--type-static-code-xs-line-height:18px;--type-static-heading-lg-font-size:28px;--type-static-heading-lg-line-height:34px;--type-static-heading-md-font-size:24px;--type-static-heading-md-line-height:30px;--type-static-heading-sm-font-size:20px;--type-static-heading-sm-line-height:24px;--type-static-heading-xs-font-size:17px;--type-static-heading-xs-line-height:20px;--type-static-heading-xxs-font-size:14px;--type-static-heading-xxs-line-height:18px;--type-static-heading-xxxl-font-size:53px;--type-static-heading-xxxl-line-height:60px}
|
|
1
|
+
[data-brand=qualcomm][data-theme=dark]{--color-background-brand-accent-01:oklch(0.565 0.265 292.82);--color-background-brand-accent-02:oklch(0.926 0.19 107);--color-background-brand-primary-strong:oklch(0.901 0.04 268.52);--color-background-brand-primary-subtle:oklch(0.274 0.15 268.99);--color-background-brand-primary:oklch(0.475 0.24 268.99);--color-background-neutral-00:oklch(0.098 0.004 285.56);--color-background-neutral-01:oklch(0.2 0.004 264.47);--color-background-neutral-02:oklch(0.226 0.004 264.49);--color-background-neutral-03:oklch(0.251 0.005 248.02);--color-background-neutral-04:oklch(0.276 0.005 248);--color-background-neutral-05:oklch(0.3 0.005 247.98);--color-background-neutral-06:oklch(0.325 0.005 271.25);--color-background-neutral-07:oklch(0.349 0.005 271.26);--color-background-neutral-08:oklch(0.375 0.005 271.28);--color-background-neutral-09:oklch(0.401 0.009 260.72);--color-background-neutral-10:oklch(1 0 0);--color-background-support-danger-medium:oklch(0.376 0.15 30.26);--color-background-support-danger-subtle:oklch(0.148 0.061 29.23);--color-background-support-danger:oklch(0.575 0.21 31.06);--color-background-support-info-medium:oklch(0.399 0.151 268.98);--color-background-support-info-subtle:oklch(0.175 0.06 269.89);--color-background-support-info:oklch(0.575 0.189 268.76);--color-background-support-neutral-medium:oklch(0.349 0.005 271.26);--color-background-support-neutral-subtle:oklch(0.2 0.004 264.47);--color-background-support-neutral:oklch(0.475 0.005 271.31);--color-background-support-success-medium:oklch(0.405 0.138 142.5);--color-background-support-success-subtle:oklch(0.173 0.059 142.5);--color-background-support-success:oklch(0.549 0.187 142.46);--color-background-support-warning-medium:oklch(0.399 0.08 87.06);--color-background-support-warning-subtle:oklch(0.202 0.041 88.49);--color-background-support-warning:oklch(0.827 0.17 83.98);--color-border-brand-accent-01:oklch(0.565 0.265 292.82);--color-border-brand-accent-02:oklch(0.926 0.19 107);--color-border-brand-primary-subtle:oklch(0.274 0.15 268.99);--color-border-brand-primary:oklch(0.645 0.189 268.83);--color-border-neutral-00:oklch(0.098 0.004 285.56);--color-border-neutral-01:oklch(0.251 0.005 248.02);--color-border-neutral-02:oklch(0.3 0.005 247.98);--color-border-neutral-03:oklch(0.349 0.005 271.26);--color-border-neutral-10:oklch(1 0 0);--color-border-support-danger:oklch(0.35 0.14 30.14);--color-border-support-info:oklch(0.376 0.14 268.81);--color-border-support-neutral:oklch(0.325 0.005 271.25);--color-border-support-success:oklch(0.377 0.128 142.5);--color-border-support-warning:oklch(0.501 0.1 87.23);--color-category-blue-medium:oklch(0.478 0.226 262.53);--color-category-blue-strong:oklch(0.57 0.234 261.43);--color-category-blue-subtle:oklch(0.333 0.168 263.21);--color-category-cyan-medium:oklch(0.465 0.138 251.76);--color-category-cyan-strong:oklch(0.558 0.154 249.18);--color-category-cyan-subtle:oklch(0.319 0.094 251.76);--color-category-green-medium:oklch(0.503 0.098 161.5);--color-category-green-strong:oklch(0.546 0.112 160.46);--color-category-green-subtle:oklch(0.388 0.071 162.5);--color-category-kiwi-medium:oklch(0.507 0.113 128.68);--color-category-kiwi-strong:oklch(0.55 0.125 128.66);--color-category-kiwi-subtle:oklch(0.392 0.074 128.07);--color-category-magenta-medium:oklch(0.489 0.18 1.48);--color-category-magenta-strong:oklch(0.585 0.208 0.29);--color-category-magenta-subtle:oklch(0.335 0.129 3.19);--color-category-orange-medium:oklch(0.473 0.133 46.03);--color-category-orange-strong:oklch(0.574 0.162 45.72);--color-category-orange-subtle:oklch(0.318 0.082 50.5);--color-category-purple-medium:oklch(0.493 0.228 295.18);--color-category-purple-strong:oklch(0.586 0.251 295.92);--color-category-purple-subtle:oklch(0.335 0.151 295.15);--color-category-red-medium:oklch(0.486 0.182 25.67);--color-category-red-strong:oklch(0.583 0.217 25.29);--color-category-red-subtle:oklch(0.333 0.126 25.6);--color-category-teal-medium:oklch(0.458 0.079 192.39);--color-category-teal-strong:oklch(0.548 0.094 190.97);--color-category-teal-subtle:oklch(0.314 0.053 200.65);--color-category-yellow-medium:oklch(0.581 0.118 85.53);--color-category-yellow-strong:oklch(0.824 0.164 89.76);--color-category-yellow-subtle:oklch(0.439 0.089 86.29);--color-icon-brand-accent-01:oklch(0.565 0.265 292.82);--color-icon-brand-accent-02:oklch(0.926 0.19 107);--color-icon-brand-primary:oklch(0.645 0.189 268.83);--color-icon-neutral-inverse:oklch(0.098 0.004 285.56);--color-icon-neutral-primary:oklch(1 0 0);--color-icon-neutral-secondary:oklch(0.775 0.01 258.34);--color-icon-support-danger:oklch(0.625 0.21 31.06);--color-icon-support-info:oklch(0.649 0.186 268.81);--color-icon-support-neutral:oklch(0.649 0.01 264.5);--color-icon-support-success:oklch(0.599 0.2 141.99);--color-icon-support-warning:oklch(0.827 0.17 83.98);--color-interactive-background-danger-hover:oklch(0.503 0.207 29.23);--color-interactive-background-danger-idle:oklch(0.453 0.186 29.23);--color-interactive-background-danger-pressed:oklch(0.55 0.21 31.08);--color-interactive-background-ghost-hover:oklch(1 0 0/8%);--color-interactive-background-ghost-idle:oklch(1 0 0/0%);--color-interactive-background-ghost-pressed:oklch(1 0 0/16%);--color-interactive-background-neutral-hover:oklch(0.499 0.01 264.48);--color-interactive-background-neutral-idle:oklch(0.45 0.005 271.3);--color-interactive-background-neutral-pressed:oklch(0.551 0.01 264.49);--color-interactive-background-persistent-black-fill-hover:oklch(0.226 0.004 264.49);--color-interactive-background-persistent-black-fill-idle:oklch(0.098 0.004 285.56);--color-interactive-background-persistent-black-fill-pressed:oklch(0.325 0.005 271.25);--color-interactive-background-persistent-black-ghost-hover:oklch(0.098 0.004 285.56/8%);--color-interactive-background-persistent-black-ghost-idle:oklch(0.098 0.004 285.56/0%);--color-interactive-background-persistent-black-ghost-pressed:oklch(0.098 0.004 285.56/16%);--color-interactive-background-persistent-white-fill-hover:oklch(0.925 0.001 286.37);--color-interactive-background-persistent-white-fill-idle:oklch(1 0 0);--color-interactive-background-persistent-white-fill-pressed:oklch(0.85 0.009 258.34);--color-interactive-background-persistent-white-ghost-hover:oklch(1 0 0/8%);--color-interactive-background-persistent-white-ghost-idle:oklch(1 0 0/0%);--color-interactive-background-persistent-white-ghost-pressed:oklch(1 0 0/16%);--color-interactive-background-primary-hover:oklch(0.524 0.24 269.12);--color-interactive-background-primary-idle:oklch(0.475 0.24 268.99);--color-interactive-background-primary-pressed:oklch(0.549 0.24 268.94);--color-interactive-border-danger-hover:oklch(0.675 0.18 30.73);--color-interactive-border-danger-idle:oklch(0.625 0.21 31.06);--color-interactive-border-danger-pressed:oklch(0.726 0.14 30.93);--color-interactive-border-neutral-hover:oklch(1 0 0/35%);--color-interactive-border-neutral-idle:oklch(1 0 0/30%);--color-interactive-border-neutral-pressed:oklch(1 0 0/40%);--color-interactive-border-persistent-black-hover:oklch(0.098 0.004 285.56/90%);--color-interactive-border-persistent-black-idle:oklch(0.098 0.004 285.56/80%);--color-interactive-border-persistent-black-pressed:oklch(0.098 0.004 285.56);--color-interactive-border-persistent-white-hover:oklch(1 0 0/90%);--color-interactive-border-persistent-white-idle:oklch(1 0 0/80%);--color-interactive-border-persistent-white-pressed:oklch(1 0 0);--color-interactive-icon-danger-hover:oklch(0.675 0.18 30.73);--color-interactive-icon-danger-idle:oklch(0.625 0.21 31.06);--color-interactive-icon-danger-pressed:oklch(0.726 0.14 30.93);--color-interactive-icon-link-brand-hover:oklch(0.699 0.157 268.83);--color-interactive-icon-link-brand-idle:oklch(0.645 0.189 268.83);--color-interactive-icon-link-brand-pressed:oklch(0.776 0.11 268.92);--color-interactive-icon-link-brand-visited:oklch(0.729 0.166 299.96);--color-interactive-icon-link-default-hover:oklch(0.699 0.157 268.83);--color-interactive-icon-link-default-idle:oklch(0.645 0.189 268.83);--color-interactive-icon-link-default-pressed:oklch(0.776 0.11 268.92);--color-interactive-icon-link-default-visited:oklch(0.729 0.166 299.96);--color-interactive-icon-link-neutral-hover:oklch(0.75 0.005 258.33);--color-interactive-icon-link-neutral-idle:oklch(1 0 0);--color-interactive-icon-link-neutral-pressed:oklch(0.649 0.01 264.5);--color-interactive-icon-link-neutral-visited:oklch(0.729 0.166 299.96);--color-interactive-icon-neutral-hover:oklch(0.949 0.001 286.37);--color-interactive-icon-neutral-idle:oklch(0.9 0.005 258.33);--color-interactive-icon-neutral-pressed:oklch(1 0 0);--color-interactive-icon-primary-hover:oklch(0.699 0.157 268.83);--color-interactive-icon-primary-idle:oklch(0.645 0.189 268.83);--color-interactive-icon-primary-pressed:oklch(0.776 0.11 268.92);--color-interactive-text-danger-hover:oklch(0.675 0.18 30.73);--color-interactive-text-danger-idle:oklch(0.625 0.21 31.06);--color-interactive-text-danger-pressed:oklch(0.726 0.14 30.93);--color-interactive-text-link-brand-hover:oklch(0.699 0.157 268.83);--color-interactive-text-link-brand-idle:oklch(0.645 0.189 268.83);--color-interactive-text-link-brand-pressed:oklch(0.776 0.11 268.92);--color-interactive-text-link-brand-visited:oklch(0.729 0.166 299.96);--color-interactive-text-link-default-hover:oklch(0.699 0.157 268.83);--color-interactive-text-link-default-idle:oklch(0.645 0.189 268.83);--color-interactive-text-link-default-pressed:oklch(0.776 0.11 268.92);--color-interactive-text-link-default-visited:oklch(0.729 0.166 299.96);--color-interactive-text-link-neutral-hover:oklch(0.75 0.005 258.33);--color-interactive-text-link-neutral-idle:oklch(1 0 0);--color-interactive-text-link-neutral-pressed:oklch(0.649 0.01 264.5);--color-interactive-text-link-neutral-visited:oklch(0.729 0.166 299.96);--color-interactive-text-neutral-hover:oklch(0.949 0.001 286.37);--color-interactive-text-neutral-idle:oklch(0.9 0.005 258.33);--color-interactive-text-neutral-pressed:oklch(1 0 0);--color-interactive-text-primary-hover:oklch(0.699 0.157 268.83);--color-interactive-text-primary-idle:oklch(0.645 0.189 268.83);--color-interactive-text-primary-pressed:oklch(0.776 0.11 268.92);--color-surface-overlay:oklch(0.276 0.005 248);--color-surface-primary:oklch(0.098 0.004 285.56);--color-surface-raised:oklch(0.226 0.004 264.49);--color-surface-secondary:oklch(0.2 0.004 264.47);--color-text-brand-accent-01:oklch(0.565 0.265 292.82);--color-text-brand-accent-02:oklch(0.926 0.19 107);--color-text-brand-primary:oklch(0.645 0.189 268.83);--color-text-neutral-inverse:oklch(0.098 0.004 285.56);--color-text-neutral-primary:oklch(1 0 0);--color-text-neutral-secondary:oklch(0.775 0.01 258.34);--color-text-support-danger:oklch(0.625 0.21 31.06);--color-text-support-info:oklch(0.649 0.186 268.81);--color-text-support-success:oklch(0.599 0.2 141.99);--color-utility-disabled-background:oklch(0.226 0.004 264.49);--color-utility-disabled-border:oklch(0.3 0.005 247.98);--color-utility-disabled-icon:oklch(0.349 0.005 271.26);--color-utility-disabled-text:oklch(0.349 0.005 271.26);--color-utility-focus-border:oklch(0.645 0.189 268.83);--color-utility-persistent-black:oklch(0.098 0.004 285.56);--color-utility-persistent-transparent-white:oklch(1 0 0/80%);--color-utility-persistent-white:oklch(1 0 0);--color-utility-placeholder-icon:oklch(0.576 0.01 264.49);--color-utility-placeholder-text:oklch(0.576 0.01 264.49);--border-radius-lg:6px;--border-radius-md:4px;--border-radius-none:0;--border-radius-rounded:360px;--border-radius-sm:3px;--border-radius-xl:8px;--border-radius-xs:2px;--border-radius-xxl:12px;--border-width-lg:3px;--border-width-md:2px;--border-width-none:0;--border-width-sm:1px;--border-width-xl:4px;--canvas-width:375;--font-dynamic-display-lg:var(--type-font-weight-display-regular) 53px /60px var(--type-font-family-primary);--font-dynamic-display-md:var(--type-font-weight-display-regular) 40px /46px var(--type-font-family-primary);--font-dynamic-heading-lg-bold:var(--type-font-weight-heading-bold) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-lg-default:var(--type-font-weight-heading-default) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-xl:var(--type-font-weight-heading-regular) 30px /34px var(--type-font-family-primary);--font-dynamic-heading-xxl:var(--type-font-weight-heading-regular) 34px /40px var(--type-font-family-primary);--font-dynamic-heading-xxxl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-body-lg-bold:var(--type-font-weight-body-bold) 17px /26px var(--type-font-family-secondary);--font-static-body-lg-default:var(--type-font-weight-body-default) 17px /26px var(--type-font-family-secondary);--font-static-body-md-bold:var(--type-font-weight-body-bold) 16px /24px var(--type-font-family-secondary);--font-static-body-md-default:var(--type-font-weight-body-default) 16px /24px var(--type-font-family-secondary);--font-static-body-sm-bold:var(--type-font-weight-body-bold) 14px /20px var(--type-font-family-secondary);--font-static-body-sm-default:var(--type-font-weight-body-default) 14px /20px var(--type-font-family-secondary);--font-static-body-xl-bold:var(--type-font-weight-body-bold) 19px /28px var(--type-font-family-secondary);--font-static-body-xl-default:var(--type-font-weight-body-default) 19px /28px var(--type-font-family-secondary);--font-static-body-xs-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-body-xs-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-body-xxl-bold:var(--type-font-weight-body-bold) 22px /32px var(--type-font-family-secondary);--font-static-body-xxl-default:var(--type-font-weight-body-default) 22px /32px var(--type-font-family-secondary);--font-static-code-lg-bold:var(--type-font-weight-code-bold) 17px /26px var(--type-font-family-tertiary);--font-static-code-lg-default:var(--type-font-weight-code-default) 17px /26px var(--type-font-family-tertiary);--font-static-code-md-bold:var(--type-font-weight-code-bold) 16px /24px var(--type-font-family-tertiary);--font-static-code-md-default:var(--type-font-weight-code-default) 16px /24px var(--type-font-family-tertiary);--font-static-code-sm-bold:var(--type-font-weight-code-bold) 14px /20px var(--type-font-family-tertiary);--font-static-code-sm-default:var(--type-font-weight-code-default) 14px /20px var(--type-font-family-tertiary);--font-static-code-xl-bold:var(--type-font-weight-code-bold) 19px /28px var(--type-font-family-tertiary);--font-static-code-xl-default:var(--type-font-weight-code-default) 19px /28px var(--type-font-family-tertiary);--font-static-code-xs-bold:var(--type-font-weight-code-bold) 12px /18px var(--type-font-family-tertiary);--font-static-code-xs-default:var(--type-font-weight-code-default) 12px /18px var(--type-font-family-tertiary);--font-static-display-lg:var(--type-font-weight-display-regular) 84px /100px var(--type-font-family-primary);--font-static-display-md:var(--type-font-weight-display-regular) 65px /74px var(--type-font-family-primary);--font-static-heading-lg-bold:var(--type-font-weight-heading-bold) 28px /34px var(--type-font-family-secondary);--font-static-heading-lg-default:var(--type-font-weight-heading-default) 28px /34px var(--type-font-family-secondary);--font-static-heading-md-bold:var(--type-font-weight-heading-bold) 24px /30px var(--type-font-family-secondary);--font-static-heading-md-default:var(--type-font-weight-heading-default) 24px /30px var(--type-font-family-secondary);--font-static-heading-sm-bold:var(--type-font-weight-heading-bold) 20px /24px var(--type-font-family-secondary);--font-static-heading-sm-default:var(--type-font-weight-heading-default) 20px /24px var(--type-font-family-secondary);--font-static-heading-xl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-heading-xs-bold:var(--type-font-weight-heading-bold) 17px /20px var(--type-font-family-secondary);--font-static-heading-xs-default:var(--type-font-weight-heading-default) 17px /20px var(--type-font-family-secondary);--font-static-heading-xxl:var(--type-font-weight-heading-regular) 44px /50px var(--type-font-family-primary);--font-static-heading-xxs-bold:var(--type-font-weight-heading-bold) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxs-default:var(--type-font-weight-heading-default) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxxl:var(--type-font-weight-heading-regular) 53px /60px var(--type-font-family-primary);--icon-stroke-lg:2px;--icon-stroke-md:1.75px;--icon-stroke-sm:1.5px;--icon-stroke-xl:2.25px;--icon-stroke-xs:1.25px;--icon-stroke-xxs:1px;--scrim-default:oklch(0 0 0/80%);--shadow-high:0 7px 20px 5px oklch(0 0 0/20%);--shadow-highest:0 20px 30px 15px oklch(0 0 0/20%);--shadow-low:0 3px 5px 0 oklch(0 0 0/20%);--shadow-lowest:0 1px 2px 0 oklch(0 0 0/20%);--shadow-medium:0 5px 10px 1px oklch(0 0 0/20%);--shadow-none:0 0 0 0 oklch(0 0 0/0%);--sizing-10:1px;--sizing-20:2px;--sizing-30:4px;--sizing-40:6px;--sizing-50:8px;--sizing-60:12px;--sizing-70:16px;--sizing-80:20px;--sizing-90:24px;--sizing-100:28px;--sizing-110:30px;--sizing-120:32px;--sizing-130:38px;--sizing-140:40px;--sizing-150:46px;--sizing-160:48px;--sizing-170:56px;--sizing-180:80px;--sizing-190:120px;--sizing-200:160px;--spacing-0:0;--spacing-10:1px;--spacing-20:2px;--spacing-30:3px;--spacing-40:4px;--spacing-50:6px;--spacing-60:7px;--spacing-70:8px;--spacing-80:10px;--spacing-90:12px;--spacing-100:16px;--spacing-110:20px;--spacing-120:24px;--spacing-130:28px;--spacing-140:32px;--spacing-150:36px;--spacing-160:40px;--spacing-170:44px;--spacing-180:48px;--spacing-190:52px;--spacing-200:56px;--spacing-210:60px;--spacing-220:64px;--spacing-230:68px;--spacing-240:72px;--spacing-250:76px;--spacing-260:80px;--spacing-270:84px;--spacing-280:88px;--spacing-290:92px;--spacing-300:96px;--spacing-310:100px;--spacing-320:120px;--spacing-330:132px;--type-font-family-primary:Alfabet,sans-serif;--type-font-family-secondary:'Roboto Flex',sans-serif;--type-font-family-tertiary:'Roboto Mono',monospace;--type-font-weight-body-bold:500;--type-font-weight-body-default:400;--type-font-weight-code-bold:500;--type-font-weight-code-default:400;--type-font-weight-display-regular:400;--type-font-weight-heading-bold:600;--type-font-weight-heading-default:500;--type-font-weight-heading-regular:400;--type-static-body-lg-font-size:17px;--type-static-body-lg-line-height:26px;--type-static-body-md-font-size:16px;--type-static-body-md-line-height:24px;--type-static-body-sm-font-size:14px;--type-static-body-sm-line-height:20px;--type-static-body-xl-font-size:19px;--type-static-body-xl-line-height:28px;--type-static-body-xs-font-size:12px;--type-static-body-xs-line-height:18px;--type-static-body-xxl-font-size:22px;--type-static-body-xxl-line-height:32px;--type-static-code-lg-font-size:17px;--type-static-code-lg-line-height:26px;--type-static-code-md-font-size:16px;--type-static-code-md-line-height:24px;--type-static-code-sm-font-size:14px;--type-static-code-sm-line-height:20px;--type-static-code-xl-font-size:19px;--type-static-code-xl-line-height:28px;--type-static-code-xs-font-size:12px;--type-static-code-xs-line-height:18px;--type-static-heading-lg-font-size:28px;--type-static-heading-lg-line-height:34px;--type-static-heading-md-font-size:24px;--type-static-heading-md-line-height:30px;--type-static-heading-sm-font-size:20px;--type-static-heading-sm-line-height:24px;--type-static-heading-xs-font-size:17px;--type-static-heading-xs-line-height:20px;--type-static-heading-xxs-font-size:14px;--type-static-heading-xxs-line-height:18px;--type-static-heading-xxxl-font-size:53px;--type-static-heading-xxxl-line-height:60px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-brand=qualcomm][data-theme=light]{--color-background-brand-accent-01:oklch(0.565 0.265 292.82);--color-background-brand-accent-02:oklch(0.926 0.19 107);--color-background-brand-primary-strong:oklch(0.191 0.099 265.37);--color-background-brand-primary-subtle:oklch(0.901 0.04 268.52);--color-background-brand-primary:oklch(0.46 0.269 269.17);--color-background-neutral-00:oklch(1 0 0);--color-background-neutral-01:oklch(0.97 0.001 286.37);--color-background-neutral-02:oklch(0.949 0.001 286.37);--color-background-neutral-03:oklch(0.925 0.001 286.37);--color-background-neutral-04:oklch(0.9 0.005 258.33);--color-background-neutral-05:oklch(0.879 0.007 268.54);--color-background-neutral-06:oklch(0.85 0.009 258.34);--color-background-neutral-07:oklch(0.825 0.009 258.34);--color-background-neutral-08:oklch(0.8 0.011 261.79);--color-background-neutral-09:oklch(0.775 0.01 258.34);--color-background-neutral-10:oklch(0.098 0.004 285.56);--color-background-support-danger-medium:oklch(0.776 0.11 30.8);--color-background-support-danger-subtle:oklch(0.971 0.01 32.52);--color-background-support-danger:oklch(0.526 0.209 30.22);--color-background-support-info-medium:oklch(0.776 0.11 268.92);--color-background-support-info-subtle:oklch(0.97 0.01 267.36);--color-background-support-info:oklch(0.551 0.19 268.94);--color-background-support-neutral-medium:oklch(0.775 0.01 258.34);--color-background-support-neutral-subtle:oklch(0.949 0.001 286.37);--color-background-support-neutral:oklch(0.551 0.01 264.49);--color-background-support-success-medium:oklch(0.776 0.11 141.9);--color-background-support-success-subtle:oklch(0.97 0.01 145.5);--color-background-support-success:oklch(0.549 0.187 142.46);--color-background-support-warning-medium:oklch(0.922 0.099 89.83);--color-background-support-warning-subtle:oklch(0.975 0.02 84.59);--color-background-support-warning:oklch(0.827 0.17 83.98);--color-border-brand-accent-01:oklch(0.565 0.265 292.82);--color-border-brand-accent-02:oklch(0.926 0.19 107);--color-border-brand-primary-subtle:oklch(0.645 0.189 268.83);--color-border-brand-primary:oklch(0.46 0.269 269.17);--color-border-neutral-00:oklch(1 0 0);--color-border-neutral-01:oklch(0.9 0.005 258.33);--color-border-neutral-02:oklch(0.85 0.009 258.34);--color-border-neutral-03:oklch(0.625 0.01 258.35);--color-border-neutral-10:oklch(0.098 0.004 285.56);--color-border-support-danger:oklch(0.776 0.11 30.8);--color-border-support-info:oklch(0.776 0.11 268.92);--color-border-support-neutral:oklch(0.75 0.005 258.33);--color-border-support-success:oklch(0.776 0.11 141.9);--color-border-support-warning:oklch(0.868 0.168 89.65);--color-category-blue-medium:oklch(0.693 0.161 260.75);--color-category-blue-strong:oklch(0.57 0.234 261.43);--color-category-blue-subtle:oklch(0.896 0.05 260.45);--color-category-cyan-medium:oklch(0.688 0.158 243.49);--color-category-cyan-strong:oklch(0.558 0.154 249.18);--color-category-cyan-subtle:oklch(0.889 0.064 234.96);--color-category-green-medium:oklch(0.736 0.144 161.24);--color-category-green-strong:oklch(0.546 0.112 160.46);--color-category-green-subtle:oklch(0.905 0.073 167.36);--color-category-kiwi-medium:oklch(0.744 0.164 128.64);--color-category-kiwi-strong:oklch(0.55 0.125 128.66);--color-category-kiwi-subtle:oklch(0.907 0.108 126.37);--color-category-magenta-medium:oklch(0.794 0.137 353.19);--color-category-magenta-strong:oklch(0.585 0.208 0.29);--color-category-magenta-subtle:oklch(0.905 0.056 349.76);--color-category-orange-medium:oklch(0.803 0.13 54.87);--color-category-orange-strong:oklch(0.574 0.162 45.72);--color-category-orange-subtle:oklch(0.899 0.064 57.6);--color-category-purple-medium:oklch(0.79 0.127 300.79);--color-category-purple-strong:oklch(0.586 0.251 295.92);--color-category-purple-subtle:oklch(0.898 0.061 304.19);--color-category-red-medium:oklch(0.79 0.122 16.45);--color-category-red-strong:oklch(0.583 0.217 25.29);--color-category-red-subtle:oklch(0.901 0.052 13.75);--color-category-teal-medium:oklch(0.679 0.116 192.59);--color-category-teal-strong:oklch(0.548 0.094 190.97);--color-category-teal-subtle:oklch(0.887 0.09 194.78);--color-category-yellow-medium:oklch(0.858 0.159 91.9);--color-category-yellow-strong:oklch(0.824 0.164 89.76);--color-category-yellow-subtle:oklch(0.919 0.112 92.91);--color-icon-brand-accent-01:oklch(0.565 0.265 292.82);--color-icon-brand-accent-02:oklch(0.926 0.19 107);--color-icon-brand-primary:oklch(0.46 0.269 269.17);--color-icon-neutral-inverse:oklch(1 0 0);--color-icon-neutral-primary:oklch(0.098 0.004 285.56);--color-icon-neutral-secondary:oklch(0.524 0.01 264.48);--color-icon-support-danger:oklch(0.526 0.209 30.22);--color-icon-support-info:oklch(0.551 0.19 268.94);--color-icon-support-neutral:oklch(0.551 0.01 264.49);--color-icon-support-success:oklch(0.502 0.171 142.5);--color-icon-support-warning:oklch(0.75 0.154 85.79);--color-interactive-background-danger-hover:oklch(0.453 0.186 29.23);--color-interactive-background-danger-idle:oklch(0.526 0.209 30.22);--color-interactive-background-danger-pressed:oklch(0.376 0.15 30.26);--color-interactive-background-ghost-hover:oklch(0.098 0.004 285.56/8%);--color-interactive-background-ghost-idle:oklch(0.098 0.004 285.56/0%);--color-interactive-background-ghost-pressed:oklch(0.098 0.004 285.56/16%);--color-interactive-background-neutral-hover:oklch(0.349 0.005 271.26);--color-interactive-background-neutral-idle:oklch(0.424 0.01 271.17);--color-interactive-background-neutral-pressed:oklch(0.276 0.005 248);--color-interactive-background-persistent-black-fill-hover:oklch(0.226 0.004 264.49);--color-interactive-background-persistent-black-fill-idle:oklch(0.098 0.004 285.56);--color-interactive-background-persistent-black-fill-pressed:oklch(0.325 0.005 271.25);--color-interactive-background-persistent-black-ghost-hover:oklch(0.098 0.004 285.56/8%);--color-interactive-background-persistent-black-ghost-idle:oklch(0.098 0.004 285.56/0%);--color-interactive-background-persistent-black-ghost-pressed:oklch(0.098 0.004 285.56/16%);--color-interactive-background-persistent-white-fill-hover:oklch(0.925 0.001 286.37);--color-interactive-background-persistent-white-fill-idle:oklch(1 0 0);--color-interactive-background-persistent-white-fill-pressed:oklch(0.85 0.009 258.34);--color-interactive-background-persistent-white-ghost-hover:oklch(1 0 0/8%);--color-interactive-background-persistent-white-ghost-idle:oklch(1 0 0/0%);--color-interactive-background-persistent-white-ghost-pressed:oklch(1 0 0/16%);--color-interactive-background-primary-hover:oklch(0.375 0.199 268.92);--color-interactive-background-primary-idle:oklch(0.46 0.269 269.17);--color-interactive-background-primary-pressed:oklch(0.3 0.16 269.09);--color-interactive-border-danger-hover:oklch(0.481 0.198 29.23);--color-interactive-border-danger-idle:oklch(0.526 0.209 30.22);--color-interactive-border-danger-pressed:oklch(0.376 0.15 30.26);--color-interactive-border-neutral-hover:oklch(0 0 0/42%);--color-interactive-border-neutral-idle:oklch(0 0 0/32%);--color-interactive-border-neutral-pressed:oklch(0 0 0/52%);--color-interactive-border-persistent-black-hover:oklch(0.098 0.004 285.56/90%);--color-interactive-border-persistent-black-idle:oklch(0.098 0.004 285.56/80%);--color-interactive-border-persistent-black-pressed:oklch(0.098 0.004 285.56);--color-interactive-border-persistent-white-hover:oklch(1 0 0/90%);--color-interactive-border-persistent-white-idle:oklch(1 0 0/80%);--color-interactive-border-persistent-white-pressed:oklch(1 0 0);--color-interactive-icon-danger-hover:oklch(0.481 0.198 29.23);--color-interactive-icon-danger-idle:oklch(0.526 0.209 30.22);--color-interactive-icon-danger-pressed:oklch(0.376 0.15 30.26);--color-interactive-icon-link-brand-hover:oklch(0.4 0.22 269.13);--color-interactive-icon-link-brand-idle:oklch(0.46 0.269 269.17);--color-interactive-icon-link-brand-pressed:oklch(0.25 0.14 269.09);--color-interactive-icon-link-brand-visited:oklch(0.566 0.256 295.07);--color-interactive-icon-link-default-hover:oklch(0.4 0.22 269.13);--color-interactive-icon-link-default-idle:oklch(0.46 0.269 269.17);--color-interactive-icon-link-default-pressed:oklch(0.25 0.14 269.09);--color-interactive-icon-link-default-visited:oklch(0.566 0.256 295.07);--color-interactive-icon-link-neutral-hover:oklch(0.349 0.005 271.26);--color-interactive-icon-link-neutral-idle:oklch(0.098 0.004 285.56);--color-interactive-icon-link-neutral-pressed:oklch(0.45 0.005 271.3);--color-interactive-icon-link-neutral-visited:oklch(0.566 0.256 295.07);--color-interactive-icon-neutral-hover:oklch(0.226 0.004 264.49);--color-interactive-icon-neutral-idle:oklch(0.3 0.005 247.98);--color-interactive-icon-neutral-pressed:oklch(0.098 0.004 285.56);--color-interactive-icon-primary-hover:oklch(0.4 0.22 269.13);--color-interactive-icon-primary-idle:oklch(0.46 0.269 269.17);--color-interactive-icon-primary-pressed:oklch(0.25 0.14 269.09);--color-interactive-text-danger-hover:oklch(0.481 0.198 29.23);--color-interactive-text-danger-idle:oklch(0.526 0.209 30.22);--color-interactive-text-danger-pressed:oklch(0.376 0.15 30.26);--color-interactive-text-link-brand-hover:oklch(0.4 0.22 269.13);--color-interactive-text-link-brand-idle:oklch(0.46 0.269 269.17);--color-interactive-text-link-brand-pressed:oklch(0.25 0.14 269.09);--color-interactive-text-link-brand-visited:oklch(0.566 0.256 295.07);--color-interactive-text-link-default-hover:oklch(0.4 0.22 269.13);--color-interactive-text-link-default-idle:oklch(0.46 0.269 269.17);--color-interactive-text-link-default-pressed:oklch(0.25 0.14 269.09);--color-interactive-text-link-default-visited:oklch(0.566 0.256 295.07);--color-interactive-text-link-neutral-hover:oklch(0.349 0.005 271.26);--color-interactive-text-link-neutral-idle:oklch(0.098 0.004 285.56);--color-interactive-text-link-neutral-pressed:oklch(0.45 0.005 271.3);--color-interactive-text-link-neutral-visited:oklch(0.566 0.256 295.07);--color-interactive-text-neutral-hover:oklch(0.226 0.004 264.49);--color-interactive-text-neutral-idle:oklch(0.3 0.005 247.98);--color-interactive-text-neutral-pressed:oklch(0.098 0.004 285.56);--color-interactive-text-primary-hover:oklch(0.4 0.22 269.13);--color-interactive-text-primary-idle:oklch(0.46 0.269 269.17);--color-interactive-text-primary-pressed:oklch(0.25 0.14 269.09);--color-scrim-scrim:60;--color-surface-overlay:oklch(1 0 0);--color-surface-primary:oklch(1 0 0);--color-surface-raised:oklch(1 0 0);--color-surface-secondary:oklch(0.97 0.001 286.37);--color-text-brand-accent-01:oklch(0.565 0.265 292.82);--color-text-brand-accent-02:oklch(0.926 0.19 107);--color-text-brand-primary:oklch(0.46 0.269 269.17);--color-text-neutral-inverse:oklch(1 0 0);--color-text-neutral-primary:oklch(0.098 0.004 285.56);--color-text-neutral-secondary:oklch(0.524 0.01 264.48);--color-text-support-danger:oklch(0.526 0.209 30.22);--color-text-support-info:oklch(0.551 0.19 268.94);--color-text-support-success:oklch(0.502 0.171 142.5);--color-utility-disabled-background:oklch(0.9 0.005 258.33);--color-utility-disabled-border:oklch(0.85 0.009 258.34);--color-utility-disabled-icon:oklch(0.75 0.005 258.33);--color-utility-disabled-text:oklch(0.75 0.005 258.33);--color-utility-focus-border:oklch(0.46 0.269 269.17);--color-utility-persistent-black:oklch(0.098 0.004 285.56);--color-utility-persistent-transparent-white:oklch(1 0 0/80%);--color-utility-persistent-white:oklch(1 0 0);--color-utility-placeholder-icon:oklch(0.649 0.01 264.5);--color-utility-placeholder-text:oklch(0.649 0.01 264.5);--border-radius-lg:6px;--border-radius-md:4px;--border-radius-none:0;--border-radius-rounded:360px;--border-radius-sm:3px;--border-radius-xl:8px;--border-radius-xs:2px;--border-radius-xxl:12px;--border-width-lg:3px;--border-width-md:2px;--border-width-none:0;--border-width-sm:1px;--border-width-xl:4px;--canvas-width:375;--font-dynamic-display-lg:var(--type-font-weight-display-regular) 53px /60px var(--type-font-family-primary);--font-dynamic-display-md:var(--type-font-weight-display-regular) 40px /46px var(--type-font-family-primary);--font-dynamic-heading-lg-bold:var(--type-font-weight-heading-bold) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-lg-default:var(--type-font-weight-heading-default) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-xl:var(--type-font-weight-heading-regular) 30px /34px var(--type-font-family-primary);--font-dynamic-heading-xxl:var(--type-font-weight-heading-regular) 34px /40px var(--type-font-family-primary);--font-dynamic-heading-xxxl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-body-lg-bold:var(--type-font-weight-body-bold) 17px /26px var(--type-font-family-secondary);--font-static-body-lg-default:var(--type-font-weight-body-default) 17px /26px var(--type-font-family-secondary);--font-static-body-md-bold:var(--type-font-weight-body-bold) 16px /24px var(--type-font-family-secondary);--font-static-body-md-default:var(--type-font-weight-body-default) 16px /24px var(--type-font-family-secondary);--font-static-body-sm-bold:var(--type-font-weight-body-bold) 14px /20px var(--type-font-family-secondary);--font-static-body-sm-default:var(--type-font-weight-body-default) 14px /20px var(--type-font-family-secondary);--font-static-body-xl-bold:var(--type-font-weight-body-bold) 19px /28px var(--type-font-family-secondary);--font-static-body-xl-default:var(--type-font-weight-body-default) 19px /28px var(--type-font-family-secondary);--font-static-body-xs-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-body-xs-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-body-xxl-bold:var(--type-font-weight-body-bold) 22px /32px var(--type-font-family-secondary);--font-static-body-xxl-default:var(--type-font-weight-body-default) 22px /32px var(--type-font-family-secondary);--font-static-code-lg-bold:var(--type-font-weight-code-bold) 17px /26px var(--type-font-family-tertiary);--font-static-code-lg-default:var(--type-font-weight-code-default) 17px /26px var(--type-font-family-tertiary);--font-static-code-md-bold:var(--type-font-weight-code-bold) 16px /24px var(--type-font-family-tertiary);--font-static-code-md-default:var(--type-font-weight-code-default) 16px /24px var(--type-font-family-tertiary);--font-static-code-sm-bold:var(--type-font-weight-code-bold) 14px /20px var(--type-font-family-tertiary);--font-static-code-sm-default:var(--type-font-weight-code-default) 14px /20px var(--type-font-family-tertiary);--font-static-code-xl-bold:var(--type-font-weight-code-bold) 19px /28px var(--type-font-family-tertiary);--font-static-code-xl-default:var(--type-font-weight-code-default) 19px /28px var(--type-font-family-tertiary);--font-static-code-xs-bold:var(--type-font-weight-code-bold) 12px /18px var(--type-font-family-tertiary);--font-static-code-xs-default:var(--type-font-weight-code-default) 12px /18px var(--type-font-family-tertiary);--font-static-display-lg:var(--type-font-weight-display-regular) 84px /100px var(--type-font-family-primary);--font-static-display-md:var(--type-font-weight-display-regular) 65px /74px var(--type-font-family-primary);--font-static-heading-lg-bold:var(--type-font-weight-heading-bold) 28px /34px var(--type-font-family-secondary);--font-static-heading-lg-default:var(--type-font-weight-heading-default) 28px /34px var(--type-font-family-secondary);--font-static-heading-md-bold:var(--type-font-weight-heading-bold) 24px /30px var(--type-font-family-secondary);--font-static-heading-md-default:var(--type-font-weight-heading-default) 24px /30px var(--type-font-family-secondary);--font-static-heading-sm-bold:var(--type-font-weight-heading-bold) 20px /24px var(--type-font-family-secondary);--font-static-heading-sm-default:var(--type-font-weight-heading-default) 20px /24px var(--type-font-family-secondary);--font-static-heading-xl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-heading-xs-bold:var(--type-font-weight-heading-bold) 17px /20px var(--type-font-family-secondary);--font-static-heading-xs-default:var(--type-font-weight-heading-default) 17px /20px var(--type-font-family-secondary);--font-static-heading-xxl:var(--type-font-weight-heading-regular) 44px /50px var(--type-font-family-primary);--font-static-heading-xxs-bold:var(--type-font-weight-heading-bold) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxs-default:var(--type-font-weight-heading-default) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxxl:var(--type-font-weight-heading-regular) 53px /60px var(--type-font-family-primary);--icon-stroke-lg:2px;--icon-stroke-md:1.75px;--icon-stroke-sm:1.5px;--icon-stroke-xl:2.25px;--icon-stroke-xs:1.25px;--icon-stroke-xxs:1px;--scrim-default:oklch(0 0 0/80%);--shadow-high:0 7px 20px 5px oklch(0 0 0/20%);--shadow-highest:0 20px 30px 15px oklch(0 0 0/20%);--shadow-low:0 3px 5px 0 oklch(0 0 0/20%);--shadow-lowest:0 1px 2px 0 oklch(0 0 0/20%);--shadow-medium:0 5px 10px 1px oklch(0 0 0/20%);--shadow-none:0 0 0 0 oklch(0 0 0/0%);--sizing-10:1px;--sizing-20:2px;--sizing-30:4px;--sizing-40:6px;--sizing-50:8px;--sizing-60:12px;--sizing-70:16px;--sizing-80:20px;--sizing-90:24px;--sizing-100:28px;--sizing-110:30px;--sizing-120:32px;--sizing-130:38px;--sizing-140:40px;--sizing-150:46px;--sizing-160:48px;--sizing-170:56px;--sizing-180:80px;--sizing-190:120px;--sizing-200:160px;--spacing-0:0;--spacing-10:1px;--spacing-20:2px;--spacing-30:3px;--spacing-40:4px;--spacing-50:6px;--spacing-60:7px;--spacing-70:8px;--spacing-80:10px;--spacing-90:12px;--spacing-100:16px;--spacing-110:20px;--spacing-120:24px;--spacing-130:28px;--spacing-140:32px;--spacing-150:36px;--spacing-160:40px;--spacing-170:44px;--spacing-180:48px;--spacing-190:52px;--spacing-200:56px;--spacing-210:60px;--spacing-220:64px;--spacing-230:68px;--spacing-240:72px;--spacing-250:76px;--spacing-260:80px;--spacing-270:84px;--spacing-280:88px;--spacing-290:92px;--spacing-300:96px;--spacing-310:100px;--spacing-320:120px;--spacing-330:132px;--type-font-family-primary:Alfabet,sans-serif;--type-font-family-secondary:'Roboto Flex',sans-serif;--type-font-family-tertiary:'Roboto Mono',monospace;--type-font-weight-body-bold:500;--type-font-weight-body-default:400;--type-font-weight-code-bold:500;--type-font-weight-code-default:400;--type-font-weight-display-regular:400;--type-font-weight-heading-bold:600;--type-font-weight-heading-default:500;--type-font-weight-heading-regular:400;--type-static-body-lg-font-size:17px;--type-static-body-lg-line-height:26px;--type-static-body-md-font-size:16px;--type-static-body-md-line-height:24px;--type-static-body-sm-font-size:14px;--type-static-body-sm-line-height:20px;--type-static-body-xl-font-size:19px;--type-static-body-xl-line-height:28px;--type-static-body-xs-font-size:12px;--type-static-body-xs-line-height:18px;--type-static-body-xxl-font-size:22px;--type-static-body-xxl-line-height:32px;--type-static-code-lg-font-size:17px;--type-static-code-lg-line-height:26px;--type-static-code-md-font-size:16px;--type-static-code-md-line-height:24px;--type-static-code-sm-font-size:14px;--type-static-code-sm-line-height:20px;--type-static-code-xl-font-size:19px;--type-static-code-xl-line-height:28px;--type-static-code-xs-font-size:12px;--type-static-code-xs-line-height:18px;--type-static-heading-lg-font-size:28px;--type-static-heading-lg-line-height:34px;--type-static-heading-md-font-size:24px;--type-static-heading-md-line-height:30px;--type-static-heading-sm-font-size:20px;--type-static-heading-sm-line-height:24px;--type-static-heading-xs-font-size:17px;--type-static-heading-xs-line-height:20px;--type-static-heading-xxs-font-size:14px;--type-static-heading-xxs-line-height:18px;--type-static-heading-xxxl-font-size:53px;--type-static-heading-xxxl-line-height:60px}
|
|
1
|
+
[data-brand=qualcomm][data-theme=light]{--color-background-brand-accent-01:oklch(0.565 0.265 292.82);--color-background-brand-accent-02:oklch(0.926 0.19 107);--color-background-brand-primary-strong:oklch(0.191 0.099 265.37);--color-background-brand-primary-subtle:oklch(0.901 0.04 268.52);--color-background-brand-primary:oklch(0.46 0.269 269.17);--color-background-neutral-00:oklch(1 0 0);--color-background-neutral-01:oklch(0.97 0.001 286.37);--color-background-neutral-02:oklch(0.949 0.001 286.37);--color-background-neutral-03:oklch(0.925 0.001 286.37);--color-background-neutral-04:oklch(0.9 0.005 258.33);--color-background-neutral-05:oklch(0.879 0.007 268.54);--color-background-neutral-06:oklch(0.85 0.009 258.34);--color-background-neutral-07:oklch(0.825 0.009 258.34);--color-background-neutral-08:oklch(0.8 0.011 261.79);--color-background-neutral-09:oklch(0.775 0.01 258.34);--color-background-neutral-10:oklch(0.098 0.004 285.56);--color-background-support-danger-medium:oklch(0.776 0.11 30.8);--color-background-support-danger-subtle:oklch(0.971 0.01 32.52);--color-background-support-danger:oklch(0.526 0.209 30.22);--color-background-support-info-medium:oklch(0.776 0.11 268.92);--color-background-support-info-subtle:oklch(0.97 0.01 267.36);--color-background-support-info:oklch(0.551 0.19 268.94);--color-background-support-neutral-medium:oklch(0.775 0.01 258.34);--color-background-support-neutral-subtle:oklch(0.949 0.001 286.37);--color-background-support-neutral:oklch(0.551 0.01 264.49);--color-background-support-success-medium:oklch(0.776 0.11 141.9);--color-background-support-success-subtle:oklch(0.97 0.01 145.5);--color-background-support-success:oklch(0.549 0.187 142.46);--color-background-support-warning-medium:oklch(0.922 0.099 89.83);--color-background-support-warning-subtle:oklch(0.975 0.02 84.59);--color-background-support-warning:oklch(0.827 0.17 83.98);--color-border-brand-accent-01:oklch(0.565 0.265 292.82);--color-border-brand-accent-02:oklch(0.926 0.19 107);--color-border-brand-primary-subtle:oklch(0.645 0.189 268.83);--color-border-brand-primary:oklch(0.46 0.269 269.17);--color-border-neutral-00:oklch(1 0 0);--color-border-neutral-01:oklch(0.9 0.005 258.33);--color-border-neutral-02:oklch(0.85 0.009 258.34);--color-border-neutral-03:oklch(0.75 0.005 258.33);--color-border-neutral-10:oklch(0.098 0.004 285.56);--color-border-support-danger:oklch(0.776 0.11 30.8);--color-border-support-info:oklch(0.776 0.11 268.92);--color-border-support-neutral:oklch(0.75 0.005 258.33);--color-border-support-success:oklch(0.776 0.11 141.9);--color-border-support-warning:oklch(0.868 0.168 89.65);--color-category-blue-medium:oklch(0.693 0.161 260.75);--color-category-blue-strong:oklch(0.57 0.234 261.43);--color-category-blue-subtle:oklch(0.896 0.05 260.45);--color-category-cyan-medium:oklch(0.688 0.158 243.49);--color-category-cyan-strong:oklch(0.558 0.154 249.18);--color-category-cyan-subtle:oklch(0.889 0.064 234.96);--color-category-green-medium:oklch(0.736 0.144 161.24);--color-category-green-strong:oklch(0.546 0.112 160.46);--color-category-green-subtle:oklch(0.905 0.073 167.36);--color-category-kiwi-medium:oklch(0.744 0.164 128.64);--color-category-kiwi-strong:oklch(0.55 0.125 128.66);--color-category-kiwi-subtle:oklch(0.907 0.108 126.37);--color-category-magenta-medium:oklch(0.794 0.137 353.19);--color-category-magenta-strong:oklch(0.585 0.208 0.29);--color-category-magenta-subtle:oklch(0.905 0.056 349.76);--color-category-orange-medium:oklch(0.803 0.13 54.87);--color-category-orange-strong:oklch(0.574 0.162 45.72);--color-category-orange-subtle:oklch(0.899 0.064 57.6);--color-category-purple-medium:oklch(0.79 0.127 300.79);--color-category-purple-strong:oklch(0.586 0.251 295.92);--color-category-purple-subtle:oklch(0.898 0.061 304.19);--color-category-red-medium:oklch(0.79 0.122 16.45);--color-category-red-strong:oklch(0.583 0.217 25.29);--color-category-red-subtle:oklch(0.901 0.052 13.75);--color-category-teal-medium:oklch(0.679 0.116 192.59);--color-category-teal-strong:oklch(0.548 0.094 190.97);--color-category-teal-subtle:oklch(0.887 0.09 194.78);--color-category-yellow-medium:oklch(0.858 0.159 91.9);--color-category-yellow-strong:oklch(0.824 0.164 89.76);--color-category-yellow-subtle:oklch(0.919 0.112 92.91);--color-icon-brand-accent-01:oklch(0.565 0.265 292.82);--color-icon-brand-accent-02:oklch(0.926 0.19 107);--color-icon-brand-primary:oklch(0.46 0.269 269.17);--color-icon-neutral-inverse:oklch(1 0 0);--color-icon-neutral-primary:oklch(0.098 0.004 285.56);--color-icon-neutral-secondary:oklch(0.524 0.01 264.48);--color-icon-support-danger:oklch(0.526 0.209 30.22);--color-icon-support-info:oklch(0.551 0.19 268.94);--color-icon-support-neutral:oklch(0.551 0.01 264.49);--color-icon-support-success:oklch(0.502 0.171 142.5);--color-icon-support-warning:oklch(0.75 0.154 85.79);--color-interactive-background-danger-hover:oklch(0.453 0.186 29.23);--color-interactive-background-danger-idle:oklch(0.526 0.209 30.22);--color-interactive-background-danger-pressed:oklch(0.376 0.15 30.26);--color-interactive-background-ghost-hover:oklch(0.098 0.004 285.56/8%);--color-interactive-background-ghost-idle:oklch(0.098 0.004 285.56/0%);--color-interactive-background-ghost-pressed:oklch(0.098 0.004 285.56/16%);--color-interactive-background-neutral-hover:oklch(0.349 0.005 271.26);--color-interactive-background-neutral-idle:oklch(0.424 0.01 271.17);--color-interactive-background-neutral-pressed:oklch(0.276 0.005 248);--color-interactive-background-persistent-black-fill-hover:oklch(0.226 0.004 264.49);--color-interactive-background-persistent-black-fill-idle:oklch(0.098 0.004 285.56);--color-interactive-background-persistent-black-fill-pressed:oklch(0.325 0.005 271.25);--color-interactive-background-persistent-black-ghost-hover:oklch(0.098 0.004 285.56/8%);--color-interactive-background-persistent-black-ghost-idle:oklch(0.098 0.004 285.56/0%);--color-interactive-background-persistent-black-ghost-pressed:oklch(0.098 0.004 285.56/16%);--color-interactive-background-persistent-white-fill-hover:oklch(0.925 0.001 286.37);--color-interactive-background-persistent-white-fill-idle:oklch(1 0 0);--color-interactive-background-persistent-white-fill-pressed:oklch(0.85 0.009 258.34);--color-interactive-background-persistent-white-ghost-hover:oklch(1 0 0/8%);--color-interactive-background-persistent-white-ghost-idle:oklch(1 0 0/0%);--color-interactive-background-persistent-white-ghost-pressed:oklch(1 0 0/16%);--color-interactive-background-primary-hover:oklch(0.375 0.199 268.92);--color-interactive-background-primary-idle:oklch(0.46 0.269 269.17);--color-interactive-background-primary-pressed:oklch(0.3 0.16 269.09);--color-interactive-border-danger-hover:oklch(0.481 0.198 29.23);--color-interactive-border-danger-idle:oklch(0.526 0.209 30.22);--color-interactive-border-danger-pressed:oklch(0.376 0.15 30.26);--color-interactive-border-neutral-hover:oklch(0 0 0/32%);--color-interactive-border-neutral-idle:oklch(0 0 0/28%);--color-interactive-border-neutral-pressed:oklch(0 0 0/36%);--color-interactive-border-persistent-black-hover:oklch(0.098 0.004 285.56/90%);--color-interactive-border-persistent-black-idle:oklch(0.098 0.004 285.56/80%);--color-interactive-border-persistent-black-pressed:oklch(0.098 0.004 285.56);--color-interactive-border-persistent-white-hover:oklch(1 0 0/90%);--color-interactive-border-persistent-white-idle:oklch(1 0 0/80%);--color-interactive-border-persistent-white-pressed:oklch(1 0 0);--color-interactive-icon-danger-hover:oklch(0.481 0.198 29.23);--color-interactive-icon-danger-idle:oklch(0.526 0.209 30.22);--color-interactive-icon-danger-pressed:oklch(0.376 0.15 30.26);--color-interactive-icon-link-brand-hover:oklch(0.4 0.22 269.13);--color-interactive-icon-link-brand-idle:oklch(0.46 0.269 269.17);--color-interactive-icon-link-brand-pressed:oklch(0.25 0.14 269.09);--color-interactive-icon-link-brand-visited:oklch(0.566 0.256 295.07);--color-interactive-icon-link-default-hover:oklch(0.4 0.22 269.13);--color-interactive-icon-link-default-idle:oklch(0.46 0.269 269.17);--color-interactive-icon-link-default-pressed:oklch(0.25 0.14 269.09);--color-interactive-icon-link-default-visited:oklch(0.566 0.256 295.07);--color-interactive-icon-link-neutral-hover:oklch(0.349 0.005 271.26);--color-interactive-icon-link-neutral-idle:oklch(0.098 0.004 285.56);--color-interactive-icon-link-neutral-pressed:oklch(0.45 0.005 271.3);--color-interactive-icon-link-neutral-visited:oklch(0.566 0.256 295.07);--color-interactive-icon-neutral-hover:oklch(0.226 0.004 264.49);--color-interactive-icon-neutral-idle:oklch(0.3 0.005 247.98);--color-interactive-icon-neutral-pressed:oklch(0.098 0.004 285.56);--color-interactive-icon-primary-hover:oklch(0.4 0.22 269.13);--color-interactive-icon-primary-idle:oklch(0.46 0.269 269.17);--color-interactive-icon-primary-pressed:oklch(0.25 0.14 269.09);--color-interactive-text-danger-hover:oklch(0.481 0.198 29.23);--color-interactive-text-danger-idle:oklch(0.526 0.209 30.22);--color-interactive-text-danger-pressed:oklch(0.376 0.15 30.26);--color-interactive-text-link-brand-hover:oklch(0.4 0.22 269.13);--color-interactive-text-link-brand-idle:oklch(0.46 0.269 269.17);--color-interactive-text-link-brand-pressed:oklch(0.25 0.14 269.09);--color-interactive-text-link-brand-visited:oklch(0.566 0.256 295.07);--color-interactive-text-link-default-hover:oklch(0.4 0.22 269.13);--color-interactive-text-link-default-idle:oklch(0.46 0.269 269.17);--color-interactive-text-link-default-pressed:oklch(0.25 0.14 269.09);--color-interactive-text-link-default-visited:oklch(0.566 0.256 295.07);--color-interactive-text-link-neutral-hover:oklch(0.349 0.005 271.26);--color-interactive-text-link-neutral-idle:oklch(0.098 0.004 285.56);--color-interactive-text-link-neutral-pressed:oklch(0.45 0.005 271.3);--color-interactive-text-link-neutral-visited:oklch(0.566 0.256 295.07);--color-interactive-text-neutral-hover:oklch(0.226 0.004 264.49);--color-interactive-text-neutral-idle:oklch(0.3 0.005 247.98);--color-interactive-text-neutral-pressed:oklch(0.098 0.004 285.56);--color-interactive-text-primary-hover:oklch(0.4 0.22 269.13);--color-interactive-text-primary-idle:oklch(0.46 0.269 269.17);--color-interactive-text-primary-pressed:oklch(0.25 0.14 269.09);--color-scrim-scrim:60;--color-surface-overlay:oklch(1 0 0);--color-surface-primary:oklch(1 0 0);--color-surface-raised:oklch(1 0 0);--color-surface-secondary:oklch(0.97 0.001 286.37);--color-text-brand-accent-01:oklch(0.565 0.265 292.82);--color-text-brand-accent-02:oklch(0.926 0.19 107);--color-text-brand-primary:oklch(0.46 0.269 269.17);--color-text-neutral-inverse:oklch(1 0 0);--color-text-neutral-primary:oklch(0.098 0.004 285.56);--color-text-neutral-secondary:oklch(0.524 0.01 264.48);--color-text-support-danger:oklch(0.526 0.209 30.22);--color-text-support-info:oklch(0.551 0.19 268.94);--color-text-support-success:oklch(0.502 0.171 142.5);--color-utility-disabled-background:oklch(0.9 0.005 258.33);--color-utility-disabled-border:oklch(0.85 0.009 258.34);--color-utility-disabled-icon:oklch(0.75 0.005 258.33);--color-utility-disabled-text:oklch(0.75 0.005 258.33);--color-utility-focus-border:oklch(0.46 0.269 269.17);--color-utility-persistent-black:oklch(0.098 0.004 285.56);--color-utility-persistent-transparent-white:oklch(1 0 0/80%);--color-utility-persistent-white:oklch(1 0 0);--color-utility-placeholder-icon:oklch(0.649 0.01 264.5);--color-utility-placeholder-text:oklch(0.649 0.01 264.5);--border-radius-lg:6px;--border-radius-md:4px;--border-radius-none:0;--border-radius-rounded:360px;--border-radius-sm:3px;--border-radius-xl:8px;--border-radius-xs:2px;--border-radius-xxl:12px;--border-width-lg:3px;--border-width-md:2px;--border-width-none:0;--border-width-sm:1px;--border-width-xl:4px;--canvas-width:375;--font-dynamic-display-lg:var(--type-font-weight-display-regular) 53px /60px var(--type-font-family-primary);--font-dynamic-display-md:var(--type-font-weight-display-regular) 40px /46px var(--type-font-family-primary);--font-dynamic-heading-lg-bold:var(--type-font-weight-heading-bold) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-lg-default:var(--type-font-weight-heading-default) 26px /32px var(--type-font-family-secondary);--font-dynamic-heading-xl:var(--type-font-weight-heading-regular) 30px /34px var(--type-font-family-primary);--font-dynamic-heading-xxl:var(--type-font-weight-heading-regular) 34px /40px var(--type-font-family-primary);--font-dynamic-heading-xxxl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-body-lg-bold:var(--type-font-weight-body-bold) 17px /26px var(--type-font-family-secondary);--font-static-body-lg-default:var(--type-font-weight-body-default) 17px /26px var(--type-font-family-secondary);--font-static-body-md-bold:var(--type-font-weight-body-bold) 16px /24px var(--type-font-family-secondary);--font-static-body-md-default:var(--type-font-weight-body-default) 16px /24px var(--type-font-family-secondary);--font-static-body-sm-bold:var(--type-font-weight-body-bold) 14px /20px var(--type-font-family-secondary);--font-static-body-sm-default:var(--type-font-weight-body-default) 14px /20px var(--type-font-family-secondary);--font-static-body-xl-bold:var(--type-font-weight-body-bold) 19px /28px var(--type-font-family-secondary);--font-static-body-xl-default:var(--type-font-weight-body-default) 19px /28px var(--type-font-family-secondary);--font-static-body-xs-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-body-xs-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--font-static-body-xxl-bold:var(--type-font-weight-body-bold) 22px /32px var(--type-font-family-secondary);--font-static-body-xxl-default:var(--type-font-weight-body-default) 22px /32px var(--type-font-family-secondary);--font-static-code-lg-bold:var(--type-font-weight-code-bold) 17px /26px var(--type-font-family-tertiary);--font-static-code-lg-default:var(--type-font-weight-code-default) 17px /26px var(--type-font-family-tertiary);--font-static-code-md-bold:var(--type-font-weight-code-bold) 16px /24px var(--type-font-family-tertiary);--font-static-code-md-default:var(--type-font-weight-code-default) 16px /24px var(--type-font-family-tertiary);--font-static-code-sm-bold:var(--type-font-weight-code-bold) 14px /20px var(--type-font-family-tertiary);--font-static-code-sm-default:var(--type-font-weight-code-default) 14px /20px var(--type-font-family-tertiary);--font-static-code-xl-bold:var(--type-font-weight-code-bold) 19px /28px var(--type-font-family-tertiary);--font-static-code-xl-default:var(--type-font-weight-code-default) 19px /28px var(--type-font-family-tertiary);--font-static-code-xs-bold:var(--type-font-weight-code-bold) 12px /18px var(--type-font-family-tertiary);--font-static-code-xs-default:var(--type-font-weight-code-default) 12px /18px var(--type-font-family-tertiary);--font-static-display-lg:var(--type-font-weight-display-regular) 84px /100px var(--type-font-family-primary);--font-static-display-md:var(--type-font-weight-display-regular) 65px /74px var(--type-font-family-primary);--font-static-heading-lg-bold:var(--type-font-weight-heading-bold) 28px /34px var(--type-font-family-secondary);--font-static-heading-lg-default:var(--type-font-weight-heading-default) 28px /34px var(--type-font-family-secondary);--font-static-heading-md-bold:var(--type-font-weight-heading-bold) 24px /30px var(--type-font-family-secondary);--font-static-heading-md-default:var(--type-font-weight-heading-default) 24px /30px var(--type-font-family-secondary);--font-static-heading-sm-bold:var(--type-font-weight-heading-bold) 20px /24px var(--type-font-family-secondary);--font-static-heading-sm-default:var(--type-font-weight-heading-default) 20px /24px var(--type-font-family-secondary);--font-static-heading-xl:var(--type-font-weight-heading-regular) 36px /42px var(--type-font-family-primary);--font-static-heading-xs-bold:var(--type-font-weight-heading-bold) 17px /20px var(--type-font-family-secondary);--font-static-heading-xs-default:var(--type-font-weight-heading-default) 17px /20px var(--type-font-family-secondary);--font-static-heading-xxl:var(--type-font-weight-heading-regular) 44px /50px var(--type-font-family-primary);--font-static-heading-xxs-bold:var(--type-font-weight-heading-bold) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxs-default:var(--type-font-weight-heading-default) 14px /18px var(--type-font-family-secondary);--font-static-heading-xxxl:var(--type-font-weight-heading-regular) 53px /60px var(--type-font-family-primary);--icon-stroke-lg:2px;--icon-stroke-md:1.75px;--icon-stroke-sm:1.5px;--icon-stroke-xl:2.25px;--icon-stroke-xs:1.25px;--icon-stroke-xxs:1px;--scrim-default:oklch(0 0 0/80%);--shadow-high:0 7px 20px 5px oklch(0 0 0/20%);--shadow-highest:0 20px 30px 15px oklch(0 0 0/20%);--shadow-low:0 3px 5px 0 oklch(0 0 0/20%);--shadow-lowest:0 1px 2px 0 oklch(0 0 0/20%);--shadow-medium:0 5px 10px 1px oklch(0 0 0/20%);--shadow-none:0 0 0 0 oklch(0 0 0/0%);--sizing-10:1px;--sizing-20:2px;--sizing-30:4px;--sizing-40:6px;--sizing-50:8px;--sizing-60:12px;--sizing-70:16px;--sizing-80:20px;--sizing-90:24px;--sizing-100:28px;--sizing-110:30px;--sizing-120:32px;--sizing-130:38px;--sizing-140:40px;--sizing-150:46px;--sizing-160:48px;--sizing-170:56px;--sizing-180:80px;--sizing-190:120px;--sizing-200:160px;--spacing-0:0;--spacing-10:1px;--spacing-20:2px;--spacing-30:3px;--spacing-40:4px;--spacing-50:6px;--spacing-60:7px;--spacing-70:8px;--spacing-80:10px;--spacing-90:12px;--spacing-100:16px;--spacing-110:20px;--spacing-120:24px;--spacing-130:28px;--spacing-140:32px;--spacing-150:36px;--spacing-160:40px;--spacing-170:44px;--spacing-180:48px;--spacing-190:52px;--spacing-200:56px;--spacing-210:60px;--spacing-220:64px;--spacing-230:68px;--spacing-240:72px;--spacing-250:76px;--spacing-260:80px;--spacing-270:84px;--spacing-280:88px;--spacing-290:92px;--spacing-300:96px;--spacing-310:100px;--spacing-320:120px;--spacing-330:132px;--type-font-family-primary:Alfabet,sans-serif;--type-font-family-secondary:'Roboto Flex',sans-serif;--type-font-family-tertiary:'Roboto Mono',monospace;--type-font-weight-body-bold:500;--type-font-weight-body-default:400;--type-font-weight-code-bold:500;--type-font-weight-code-default:400;--type-font-weight-display-regular:400;--type-font-weight-heading-bold:600;--type-font-weight-heading-default:500;--type-font-weight-heading-regular:400;--type-static-body-lg-font-size:17px;--type-static-body-lg-line-height:26px;--type-static-body-md-font-size:16px;--type-static-body-md-line-height:24px;--type-static-body-sm-font-size:14px;--type-static-body-sm-line-height:20px;--type-static-body-xl-font-size:19px;--type-static-body-xl-line-height:28px;--type-static-body-xs-font-size:12px;--type-static-body-xs-line-height:18px;--type-static-body-xxl-font-size:22px;--type-static-body-xxl-line-height:32px;--type-static-code-lg-font-size:17px;--type-static-code-lg-line-height:26px;--type-static-code-md-font-size:16px;--type-static-code-md-line-height:24px;--type-static-code-sm-font-size:14px;--type-static-code-sm-line-height:20px;--type-static-code-xl-font-size:19px;--type-static-code-xl-line-height:28px;--type-static-code-xs-font-size:12px;--type-static-code-xs-line-height:18px;--type-static-heading-lg-font-size:28px;--type-static-heading-lg-line-height:34px;--type-static-heading-md-font-size:24px;--type-static-heading-md-line-height:30px;--type-static-heading-sm-font-size:20px;--type-static-heading-sm-line-height:24px;--type-static-heading-xs-font-size:17px;--type-static-heading-xs-line-height:20px;--type-static-heading-xxs-font-size:14px;--type-static-heading-xxs-line-height:18px;--type-static-heading-xxxl-font-size:53px;--type-static-heading-xxxl-line-height:60px}
|