@qualcomm-ui/qds-core 1.20.2 → 1.21.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/alert-banner/qds-alert-banner.css +1 -1
- package/dist/arduino-dark.min.css +1 -0
- package/dist/arduino-light.min.css +1 -0
- package/dist/badge/badge.types.d.ts +3 -1
- package/dist/badge/badge.types.d.ts.map +1 -1
- package/dist/badge/qds-badge-colors.css +1 -1
- package/dist/badge/qds-number-badge.css +1 -1
- package/dist/button/button.types.d.ts +1 -1
- package/dist/button/button.types.d.ts.map +1 -1
- package/dist/button/qds-button.css +19 -3
- package/dist/components.min.css +21 -5
- package/dist/dragonwing-dark.min.css +1 -1
- package/dist/dragonwing-light.min.css +1 -1
- package/dist/inline-notification/qds-inline-notification.css +1 -1
- package/dist/progress/qds-progress.css +1 -1
- package/dist/progress-ring/qds-progress-ring.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/tag/index.cjs +1 -1
- package/dist/tag/index.cjs.map +2 -2
- package/dist/tag/index.js +1 -1
- package/dist/tag/index.js.map +2 -2
- package/dist/tag/qds-tag.css +1 -1
- package/dist/tag/tag.types.d.ts +20 -4
- package/dist/tag/tag.types.d.ts.map +1 -1
- package/dist/theme/index.cjs +1 -1
- package/dist/theme/index.cjs.map +2 -2
- package/dist/theme/index.js +1 -1
- package/dist/theme/index.js.map +2 -2
- package/dist/theme/theme.types.d.ts +1 -0
- package/dist/theme/theme.types.d.ts.map +1 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-brand=snapdragon][data-theme=light]{--color-background-brand-accent-01:oklch(0.714 0.15 234.49);--color-background-brand-accent-02:oklch(0.556 0.283 308.37);--color-background-brand-primary-strong:oklch(0.417 0.168 22.12);--color-background-brand-primary-subtle:oklch(0.89 0.058 28.8);--color-background-brand-primary:oklch(0.589 0.233 26.22);--color-background-neutral-00:oklch(1 0 0);--color-background-neutral-01:oklch(0.976 0.001 286.38);--color-background-neutral-02:oklch(0.952 0.001 286.37);--color-background-neutral-03:oklch(0.928 0.001 286.37);--color-background-neutral-04:oklch(0.904 0.001 286.37);--color-background-neutral-10:oklch(0.145 0 0);--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.786 0.001 286.37);--color-background-support-neutral-subtle:oklch(0.952 0.001 286.37);--color-background-support-neutral:oklch(0.573 0 0);--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.714 0.15 234.49);--color-border-brand-accent-02:oklch(0.556 0.283 308.37);--color-border-brand-primary-subtle:oklch(0.766 0.139 26.61);--color-border-brand-primary:oklch(0.565 0.23 26.85);--color-border-neutral-00:oklch(1 0 0);--color-border-neutral-01:oklch(0.904 0.001 286.37);--color-border-neutral-02:oklch(0.858 0.001 286.37);--color-border-neutral-03:oklch(0.761 0.001 286.37);--color-border-neutral-10:oklch(0.145 0 0);--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.761 0.001 286.37);--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.714 0.15 234.49);--color-icon-brand-accent-02:oklch(0.556 0.283 308.37);--color-icon-brand-primary:oklch(0.565 0.23 26.85);--color-icon-neutral-inverse:oklch(1 0 0);--color-icon-neutral-primary:oklch(0.145 0 0);--color-icon-neutral-secondary:oklch(0.5 0.002 286.34);--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.573 0 0);--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 0 0/8%);--color-interactive-background-ghost-idle:oklch(0 0 0/0%);--color-interactive-background-ghost-pressed:oklch(0 0 0/16%);--color-interactive-background-neutral-hover:oklch(0.379 0.002 286.32);--color-interactive-background-neutral-idle:oklch(0.454 0.002 286.34);--color-interactive-background-neutral-pressed:oklch(0.31 0.002 286.3);--color-interactive-background-persistent-black-fill-hover:oklch(0.261 0.002 286.27);--color-interactive-background-persistent-black-fill-idle:oklch(0.145 0 0);--color-interactive-background-persistent-black-fill-pressed:oklch(0.357 0.002 286.31);--color-interactive-background-persistent-black-ghost-hover:oklch(0 0 0/8%);--color-interactive-background-persistent-black-ghost-idle:oklch(0 0 0/0%);--color-interactive-background-persistent-black-ghost-pressed:oklch(0 0 0/16%);--color-interactive-background-persistent-white-fill-hover:oklch(0.928 0.001 286.37);--color-interactive-background-persistent-white-fill-idle:oklch(1 0 0);--color-interactive-background-persistent-white-fill-pressed:oklch(0.858 0.001 286.37);--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.525 0.215 28.67);--color-interactive-background-primary-idle:oklch(0.589 0.233 26.22);--color-interactive-background-primary-pressed:oklch(0.451 0.185 29.08);--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 0 0/90%);--color-interactive-border-persistent-black-idle:oklch(0 0 0/80%);--color-interactive-border-persistent-black-pressed:oklch(0.145 0 0);--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.5 0.205 28.8);--color-interactive-icon-link-brand-idle:oklch(0.565 0.23 26.85);--color-interactive-icon-link-brand-pressed:oklch(0.427 0.169 25.5);--color-interactive-icon-link-brand-visited:oklch(0.566 0.256 295.07);--color-interactive-icon-link-default-hover:oklch(0.427 0.169 25.5);--color-interactive-icon-link-default-idle:oklch(0.476 0.195 28.98);--color-interactive-icon-link-default-pressed:oklch(0.299 0.122 26.24);--color-interactive-icon-link-default-visited:oklch(0.566 0.256 295.07);--color-interactive-icon-link-neutral-hover:oklch(0.379 0.002 286.32);--color-interactive-icon-link-neutral-idle:oklch(0.145 0 0);--color-interactive-icon-link-neutral-pressed:oklch(0.475 0.002 286.34);--color-interactive-icon-link-neutral-visited:oklch(0.566 0.256 295.07);--color-interactive-icon-neutral-hover:oklch(0.239 0 0);--color-interactive-icon-neutral-idle:oklch(0.31 0.002 286.3);--color-interactive-icon-neutral-pressed:oklch(0.145 0 0);--color-interactive-icon-primary-hover:oklch(0.5 0.205 28.8);--color-interactive-icon-primary-idle:oklch(0.565 0.23 26.85);--color-interactive-icon-primary-pressed:oklch(0.427 0.169 25.5);--color-interactive-text-danger-hover:oklch(0.481 0.198 29.23);--color-interactive-text-danger-idle:oklch(0.55 0.21 31.08);--color-interactive-text-danger-pressed:oklch(0.376 0.15 30.26);--color-interactive-text-link-brand-hover:oklch(0.5 0.205 28.8);--color-interactive-text-link-brand-idle:oklch(0.565 0.23 26.85);--color-interactive-text-link-brand-pressed:oklch(0.427 0.169 25.5);--color-interactive-text-link-brand-visited:oklch(0.566 0.256 295.07);--color-interactive-text-link-default-hover:oklch(0.427 0.169 25.5);--color-interactive-text-link-default-idle:oklch(0.476 0.195 28.98);--color-interactive-text-link-default-pressed:oklch(0.299 0.122 26.24);--color-interactive-text-link-default-visited:oklch(0.566 0.256 295.07);--color-interactive-text-link-neutral-hover:oklch(0.379 0.002 286.32);--color-interactive-text-link-neutral-idle:oklch(0.145 0 0);--color-interactive-text-link-neutral-pressed:oklch(0.475 0.002 286.34);--color-interactive-text-link-neutral-visited:oklch(0.566 0.256 295.07);--color-interactive-text-neutral-hover:oklch(0.261 0.002 286.27);--color-interactive-text-neutral-idle:oklch(0.333 0.002 286.31);--color-interactive-text-neutral-pressed:oklch(0.145 0 0);--color-interactive-text-primary-hover:oklch(0.5 0.205 28.8);--color-interactive-text-primary-idle:oklch(0.565 0.23 26.85);--color-interactive-text-primary-pressed:oklch(0.427 0.169 25.5);--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.976 0.001 286.38);--color-text-brand-accent-01:oklch(0.714 0.15 234.49);--color-text-brand-accent-02:oklch(0.556 0.283 308.37);--color-text-brand-primary:oklch(0.565 0.23 26.85);--color-text-neutral-inverse:oklch(1 0 0);--color-text-neutral-primary:oklch(0.145 0 0);--color-text-neutral-secondary:oklch(0.5 0.002 286.34);--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 0 0/10%);--color-utility-disabled-border:oklch(0 0 0/15%);--color-utility-disabled-handle:oklch(0.786 0.001 286.37);--color-utility-disabled-icon:oklch(0 0 0/30%);--color-utility-disabled-persistent-black-background:oklch(0 0 0/10%);--color-utility-disabled-persistent-black-border:oklch(0 0 0/15%);--color-utility-disabled-persistent-black-icon:oklch(0 0 0/30%);--color-utility-disabled-persistent-black-text:oklch(0 0 0/30%);--color-utility-disabled-persistent-white-background:oklch(1 0 0/10%);--color-utility-disabled-persistent-white-border:oklch(1 0 0/15%);--color-utility-disabled-persistent-white-icon:oklch(1 0 0/30%);--color-utility-disabled-persistent-white-text:oklch(1 0 0/30%);--color-utility-disabled-text:oklch(0 0 0/30%);--color-utility-disabled-track-fill:oklch(0.786 0.001 286.37);--color-utility-focus-border:oklch(0.565 0.23 26.85);--color-utility-persistent-black:oklch(0.145 0 0);--color-utility-persistent-transparent-white:oklch(1 0 0/80%);--color-utility-persistent-white:oklch(1 0 0);--color-utility-placeholder-icon:oklch(0.525 0.002 286.35);--color-utility-placeholder-text:oklch(0.525 0.002 286.35);--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 /64px var(--type-font-family-primary);--font-dynamic-display-md:var(--type-font-weight-display-regular) 40px /44px 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 /38px var(--type-font-family-primary);--font-dynamic-heading-xxxl:var(--type-font-weight-heading-regular) 36px /40px 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;--track-default:oklch(0 0 0/10%);--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=snapdragon][data-theme=light]{--color-background-brand-primary-strong:#92001d;--color-background-brand-primary-subtle:#ffcdc5;--color-background-brand-primary:#e71324;--color-background-neutral-00:#ffffff;--color-background-neutral-01:#f7f7f8;--color-background-neutral-02:#efeff0;--color-background-neutral-03:#e7e7e8;--color-background-neutral-10:#0a0a0a;--color-background-support-danger-medium:#f49b8b;--color-background-support-danger-subtle:#fcf3f1;--color-background-support-danger:#c71100;--color-background-support-info-medium:#99b3fd;--color-background-support-info-subtle:#f2f5fc;--color-background-support-info:#4664df;--color-background-support-neutral-medium:#b9b9ba;--color-background-support-neutral-subtle:#efeff0;--color-background-support-neutral:#49494a;--color-background-support-success-medium:#8dc886;--color-background-support-success-subtle:#f1f7f1;--color-background-support-success:#018a00;--color-background-support-warning-medium:#ffe398;--color-background-support-warning-subtle:#fdf6e8;--color-background-support-warning:#fabb00;--color-border-brand-primary-subtle:#ff8e83;--color-border-brand-primary:#dd0019;--color-border-neutral-00:#ffffff;--color-border-neutral-01:#0000001a;--color-border-neutral-02:#00000033;--color-border-neutral-03:#0000004d;--color-border-neutral-10:#0a0a0a;--color-border-support-danger-medium:#f49b8b;--color-border-support-danger:#c71100;--color-border-support-info-medium:#99b3fd;--color-border-support-info:#4664df;--color-border-support-neutral-medium:#b9b9ba;--color-border-support-neutral:#787878;--color-border-support-success-medium:#8dc886;--color-border-support-success:#018a00;--color-border-support-warning-medium:#ffcd2b;--color-border-support-warning:#fabb00;--color-category-amber-medium:#f39c12;--color-category-amber-strong:#a1480e;--color-category-amber-subtle:#facf4f;--color-category-blue-medium:#609aff;--color-category-blue-strong:#1669fe;--color-category-blue-subtle:#cadeff;--color-category-cyan-medium:#23a3f4;--color-category-cyan-strong:#0377c9;--color-category-cyan-subtle:#b2e2ff;--color-category-green-medium:#3cc58c;--color-category-green-strong:#1f845a;--color-category-green-subtle:#b1f0d6;--color-category-lime-medium:#8cbf40;--color-category-lime-strong:#5b7f24;--color-category-lime-subtle:#ceee9f;--color-category-magenta-medium:#ff95c3;--color-category-magenta-strong:#d52d76;--color-category-magenta-subtle:#fed1e5;--color-category-orange-medium:#ffa769;--color-category-orange-strong:#c25100;--color-category-orange-subtle:#ffd4b5;--color-category-purple-medium:#c8a7ff;--color-category-purple-strong:#8f46fc;--color-category-purple-subtle:#e6d4ff;--color-category-red-medium:#ff999f;--color-category-red-strong:#df252f;--color-category-red-subtle:#ffd1d4;--color-category-teal-medium:#06aeab;--color-category-teal-strong:#02827e;--color-category-teal-subtle:#8eedec;--color-category-violet-medium:#d77cf7;--color-category-violet-strong:#9521b9;--color-category-violet-subtle:#edc8fd;--color-category-yellow-medium:#f6cc3a;--color-category-yellow-strong:#efbf1a;--color-category-yellow-subtle:#fee38b;--color-icon-brand-primary:#dd0019;--color-icon-neutral-inverse:#ffffff;--color-icon-neutral-primary:#0a0a0a;--color-icon-neutral-secondary:#636364;--color-icon-support-danger:#c71100;--color-icon-support-info:#4664df;--color-icon-support-neutral:#787878;--color-icon-support-success:#007a00;--color-icon-support-warning:#d9a500;--color-interactive-background-danger-hover:#a50000;--color-interactive-background-danger-idle:#c71100;--color-interactive-background-danger-pressed:#7e0700;--color-interactive-background-ghost-hover:#00000014;--color-interactive-background-ghost-idle:#00000000;--color-interactive-background-ghost-pressed:#00000029;--color-interactive-background-inverse-fill-hover:#e7e7e8;--color-interactive-background-inverse-fill-idle:#ffffff;--color-interactive-background-inverse-fill-pressed:#d0d0d1;--color-interactive-background-inverse-ghost-hover:#ffffff14;--color-interactive-background-inverse-ghost-idle:#ffffff00;--color-interactive-background-inverse-ghost-pressed:#ffffff29;--color-interactive-background-neutral-hover:#424243;--color-interactive-background-neutral-idle:#565657;--color-interactive-background-neutral-pressed:#303031;--color-interactive-background-persistent-black-fill-hover:#242425;--color-interactive-background-persistent-black-fill-idle:#0a0a0a;--color-interactive-background-persistent-black-fill-pressed:#3c3c3d;--color-interactive-background-persistent-black-ghost-hover:#00000014;--color-interactive-background-persistent-black-ghost-idle:#00000000;--color-interactive-background-persistent-black-ghost-pressed:#00000029;--color-interactive-background-persistent-white-fill-hover:#e7e7e8;--color-interactive-background-persistent-white-fill-idle:#ffffff;--color-interactive-background-persistent-white-fill-pressed:#d0d0d1;--color-interactive-background-persistent-white-ghost-hover:#ffffff14;--color-interactive-background-persistent-white-ghost-idle:#ffffff00;--color-interactive-background-persistent-white-ghost-pressed:#ffffff29;--color-interactive-background-primary-hover:#c90006;--color-interactive-background-primary-idle:#e71324;--color-interactive-background-primary-pressed:#a40001;--color-interactive-border-danger-hover:#a50000;--color-interactive-border-danger-idle:#c71100;--color-interactive-border-danger-pressed:#7e0700;--color-interactive-border-inverse-hover:#ffffffe5;--color-interactive-border-inverse-idle:#ffffffcc;--color-interactive-border-inverse-pressed:#ffffff;--color-interactive-border-neutral-hover:#00000052;--color-interactive-border-neutral-idle:#00000033;--color-interactive-border-neutral-pressed:#00000070;--color-interactive-border-persistent-black-hover:#000000e5;--color-interactive-border-persistent-black-idle:#000000cc;--color-interactive-border-persistent-black-pressed:#0a0a0a;--color-interactive-border-persistent-white-hover:#ffffffe5;--color-interactive-border-persistent-white-idle:#ffffffcc;--color-interactive-border-persistent-white-pressed:#ffffff;--color-interactive-border-primary-hover:#bc0004;--color-interactive-border-primary-idle:#dd0019;--color-interactive-border-primary-pressed:#960816;--color-interactive-icon-danger-hover:#b30000;--color-interactive-icon-danger-idle:#c71100;--color-interactive-icon-danger-pressed:#7e0700;--color-interactive-icon-link-brand-hover:#bc0004;--color-interactive-icon-link-brand-idle:#dd0019;--color-interactive-icon-link-brand-pressed:#960816;--color-interactive-icon-link-brand-visited:#883df8;--color-interactive-icon-link-default-hover:#960816;--color-interactive-icon-link-default-idle:#b00002;--color-interactive-icon-link-default-pressed:#5c0006;--color-interactive-icon-link-default-visited:#883df8;--color-interactive-icon-link-neutral-hover:#424243;--color-interactive-icon-link-neutral-idle:#0a0a0a;--color-interactive-icon-link-neutral-pressed:#5c5c5d;--color-interactive-icon-link-neutral-visited:#883df8;--color-interactive-icon-neutral-hover:#1f1f1f;--color-interactive-icon-neutral-idle:#303031;--color-interactive-icon-neutral-pressed:#0a0a0a;--color-interactive-icon-primary-hover:#bc0004;--color-interactive-icon-primary-idle:#dd0019;--color-interactive-icon-primary-pressed:#960816;--color-interactive-text-danger-hover:#b30000;--color-interactive-text-danger-idle:#d02107;--color-interactive-text-danger-pressed:#7e0700;--color-interactive-text-link-brand-hover:#bc0004;--color-interactive-text-link-brand-idle:#dd0019;--color-interactive-text-link-brand-pressed:#960816;--color-interactive-text-link-brand-visited:#883df8;--color-interactive-text-link-default-hover:#960816;--color-interactive-text-link-default-idle:#b00002;--color-interactive-text-link-default-pressed:#5c0006;--color-interactive-text-link-default-visited:#883df8;--color-interactive-text-link-neutral-hover:#424243;--color-interactive-text-link-neutral-idle:#0a0a0a;--color-interactive-text-link-neutral-pressed:#5c5c5d;--color-interactive-text-link-neutral-visited:#883df8;--color-interactive-text-neutral-hover:#242425;--color-interactive-text-neutral-idle:#363637;--color-interactive-text-neutral-pressed:#0a0a0a;--color-interactive-text-primary-hover:#bc0004;--color-interactive-text-primary-idle:#dd0019;--color-interactive-text-primary-pressed:#960816;--color-scrim-scrim:60;--color-surface-overlay:#ffffff;--color-surface-primary:#ffffff;--color-surface-raised:#ffffff;--color-surface-secondary:#f7f7f8;--color-text-brand-primary:#dd0019;--color-text-neutral-inverse:#ffffff;--color-text-neutral-primary:#0a0a0a;--color-text-neutral-secondary:#636364;--color-text-support-danger:#c71100;--color-text-support-info:#4664df;--color-text-support-success:#007a00;--color-utility-disabled-background:#00000014;--color-utility-disabled-border:#0000001f;--color-utility-disabled-handle:#b9b9ba;--color-utility-disabled-icon:#a3a3a3;--color-utility-disabled-inverse-background:#ffffff14;--color-utility-disabled-inverse-border:#ffffff1f;--color-utility-disabled-inverse-icon:#a3a3a3;--color-utility-disabled-inverse-text:#a3a3a3;--color-utility-disabled-persistent-black-background:#00000014;--color-utility-disabled-persistent-black-border:#0000001f;--color-utility-disabled-persistent-black-icon:#6a6a6b;--color-utility-disabled-persistent-black-text:#6a6a6b;--color-utility-disabled-persistent-white-background:#ffffff14;--color-utility-disabled-persistent-white-border:#ffffff1f;--color-utility-disabled-persistent-white-icon:#a3a3a3;--color-utility-disabled-persistent-white-text:#a3a3a3;--color-utility-disabled-text:#a3a3a3;--color-utility-disabled-track-fill:#b9b9ba;--color-utility-focus-border:#dd0019;--color-utility-opacity-01:#00000005;--color-utility-opacity-02:#0000000a;--color-utility-opacity-03:#00000014;--color-utility-opacity-04:#0000001f;--color-utility-opacity-05:#00000029;--color-utility-opacity-06:#0000003d;--color-utility-opacity-07:#00000052;--color-utility-opacity-08:#0000007a;--color-utility-opacity-09:#000000a3;--color-utility-opacity-10:#000000cc;--color-utility-persistent-black:#0a0a0a;--color-utility-persistent-transparent-white:#ffffffcc;--color-utility-persistent-white:#ffffff;--color-utility-placeholder-icon:#6a6a6b;--color-utility-placeholder-text:#6a6a6b;--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;--component-button-global-border-radius:4px;--component-button-global-focus-border-radius:4px;--component-button-type-lg-font-family:var(--type-font-family-secondary);--component-button-type-lg-font-size:16px;--component-button-type-lg-font-weight:var(--type-font-weight-body-bold);--component-button-type-lg-line-height:24px;--component-button-type-md-font-family:var(--type-font-family-secondary);--component-button-type-md-font-size:14px;--component-button-type-md-font-weight:var(--type-font-weight-body-bold);--component-button-type-md-line-height:20px;--component-button-type-sm-font-family:var(--type-font-family-secondary);--component-button-type-sm-font-size:12px;--component-button-type-sm-font-weight:var(--type-font-weight-body-bold);--component-button-type-sm-line-height:18px;--component-button-variant-fill-danger-icon:#ffffff;--component-button-variant-fill-danger-text:#ffffff;--component-button-variant-fill-neutral-icon:#ffffff;--component-button-variant-fill-neutral-text:#ffffff;--component-button-variant-fill-primary-icon:#ffffff;--component-button-variant-fill-primary-text:#ffffff;--component-button-variant-outline-border-width:1px;--component-button-variant-outline-danger-border-hover:#00000052;--component-button-variant-outline-danger-border-idle:#00000033;--component-button-variant-outline-danger-border-pressed:#00000070;--component-button-variant-outline-neutral-border-hover:#00000052;--component-button-variant-outline-neutral-border-idle:#00000033;--component-button-variant-outline-neutral-border-pressed:#00000070;--component-button-variant-outline-primary-border-hover:#00000052;--component-button-variant-outline-primary-border-idle:#00000033;--component-button-variant-outline-primary-border-pressed:#00000070;--component-tag-selectable-neutral-selected-icon:#ffffff;--component-tag-selectable-neutral-selected-text:#ffffff;--font-dynamic-display-lg:var(--type-font-weight-display-regular) 53px /64px var(--type-font-family-primary);--font-dynamic-display-md:var(--type-font-weight-display-regular) 40px /44px 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 /38px var(--type-font-family-primary);--font-dynamic-heading-xxxl:var(--type-font-weight-heading-regular) 36px /40px 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-body-xxs-bold:var(--type-font-weight-body-bold) 10px /16px var(--type-font-family-secondary);--font-static-body-xxs-default:var(--type-font-weight-body-default) 10px /16px 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-eyebrow-type-bold:var(--type-font-weight-body-bold) 12px /18px var(--type-font-family-secondary);--font-static-eyebrow-type-default:var(--type-font-weight-body-default) 12px /18px var(--type-font-family-secondary);--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:#000000cc;--shadow-high:0 7px 20px 5px #00000033;--shadow-highest:0 20px 30px 15px #00000033;--shadow-low:0 3px 5px 0 #00000033;--shadow-lowest:0 1px 2px 0 #00000033;--shadow-medium:0 5px 10px 1px #00000033;--shadow-none:0 0 0 0 #00000000;--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;--track-default:#0000001a;--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-body-xxs-font-size:10px;--type-static-body-xxs-line-height:16px;--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-eyebrow-type-font-size:12px;--type-static-eyebrow-type-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}
|
package/dist/tag/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var o=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var m=(t,a)=>{for(var s in a)o(t,s,{get:a[s],enumerable:!0})},l=(t,a,s,e)=>{if(a&&typeof a=="object"||typeof a=="function")for(let i of g(a))!c.call(t,i)&&i!==s&&o(t,i,{get:()=>a[i],enumerable:!(e=r(a,i))||e.enumerable});return t};var u=t=>l(o({},"__esModule",{value:!0}),t);var B={};m(B,{createQdsTagApi:()=>b,tagClasses:()=>n});module.exports=u(B);var d=require("@qualcomm-ui/utils/attributes");var n={dismissButton:"qui-tag__dismiss-button",icon:"qui-tag__icon",root:"qui-tag__root"};function b(t,a){let s=t.size||"md";function e(){return t.variant==="link"||t.variant==="selectable"}let i={className:n.root,"data-disabled":(0,d.booleanDataAttr)(t.disabled),"data-emphasis":t.emphasis||"outline-brand","data-part":"root","data-
|
|
1
|
+
"use strict";var o=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var m=(t,a)=>{for(var s in a)o(t,s,{get:a[s],enumerable:!0})},l=(t,a,s,e)=>{if(a&&typeof a=="object"||typeof a=="function")for(let i of g(a))!c.call(t,i)&&i!==s&&o(t,i,{get:()=>a[i],enumerable:!(e=r(a,i))||e.enumerable});return t};var u=t=>l(o({},"__esModule",{value:!0}),t);var B={};m(B,{createQdsTagApi:()=>b,tagClasses:()=>n});module.exports=u(B);var d=require("@qualcomm-ui/utils/attributes");var n={dismissButton:"qui-tag__dismiss-button",icon:"qui-tag__icon",root:"qui-tag__root"};function b(t,a){let s=t.size||"md";function e(){return t.variant==="link"||t.variant==="selectable"}let i={className:n.root,"data-disabled":(0,d.booleanDataAttr)(t.disabled),"data-emphasis":t.emphasis||"outline-brand","data-part":"root","data-scope":"tag","data-selected":(0,d.booleanDataAttr)(t.selected),"data-shape":t.shape||t.radius||"square","data-size":s,"data-variant":t.variant};return{getDismissButtonBindings(){return a.button({"aria-label":"Dismiss",className:n.dismissButton,"data-disabled":(0,d.booleanDataAttr)(t.disabled),"data-part":"dismiss-button","data-scope":"tag","data-size":s,disabled:t.disabled,type:"button"})},getEndIconBindings(){return a.element({className:n.icon,"data-part":"end-icon","data-scope":"tag","data-size":s})},getRootBindings(){return e()?a.button({...i,disabled:t.disabled}):a.element(i)},getStartIconBindings(){return a.element({className:n.icon,"data-part":"start-icon","data-scope":"tag","data-size":s})},isInteractiveVariant:e}}
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/tag/index.cjs.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/tag/index.ts", "../../src/tag/tag.api.ts", "../../src/tag/tag.classes.ts"],
|
|
4
|
-
"sourcesContent": ["export * from \"./tag.api\"\nexport * from \"./tag.classes\"\nexport type * from \"./tag.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 {tagClasses} from \"./tag.classes\"\nimport type {\n QdsTagApi,\n QdsTagApiProps,\n QdsTagDismissButtonBindings,\n QdsTagEndIconBindings,\n QdsTagRootBindings,\n QdsTagStartIconBindings,\n} from \"./tag.types\"\n\nexport function createQdsTagApi(\n props: QdsTagApiProps & {selected?: boolean | undefined},\n normalize: PropNormalizer,\n): QdsTagApi {\n const size = props.size || \"md\"\n\n function isInteractiveVariant(): boolean {\n return props.variant === \"link\" || props.variant === \"selectable\"\n }\n\n const commonBindings = {\n className: tagClasses.root,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-emphasis\": props.emphasis || \"outline-brand\",\n \"data-part\": \"root\" as const,\n \"data-
|
|
5
|
-
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,EAAA,eAAAC,IAAA,eAAAC,EAAAJ,GCGA,IAAAK,EAA8B,yCCAvB,IAAMC,EAAa,CACxB,cAAe,0BACf,KAAM,gBACN,KAAM,eACR,EDSO,SAASC,EACdC,EACAC,EACW,CACX,IAAMC,EAAOF,EAAM,MAAQ,KAE3B,SAASG,GAAgC,CACvC,OAAOH,EAAM,UAAY,QAAUA,EAAM,UAAY,YACvD,CAEA,IAAMI,EAAiB,CACrB,UAAWC,EAAW,KACtB,mBAAiB,mBAAgBL,EAAM,QAAQ,EAC/C,gBAAiBA,EAAM,UAAY,gBACnC,YAAa,OACb,
|
|
4
|
+
"sourcesContent": ["export * from \"./tag.api\"\nexport * from \"./tag.classes\"\nexport type * from \"./tag.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 {tagClasses} from \"./tag.classes\"\nimport type {\n QdsTagApi,\n QdsTagApiProps,\n QdsTagDismissButtonBindings,\n QdsTagEndIconBindings,\n QdsTagRootBindings,\n QdsTagStartIconBindings,\n} from \"./tag.types\"\n\nexport function createQdsTagApi(\n props: QdsTagApiProps & {selected?: boolean | undefined},\n normalize: PropNormalizer,\n): QdsTagApi {\n const size = props.size || \"md\"\n\n function isInteractiveVariant(): boolean {\n return props.variant === \"link\" || props.variant === \"selectable\"\n }\n\n const commonBindings = {\n className: tagClasses.root,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-emphasis\": props.emphasis || \"outline-brand\",\n \"data-part\": \"root\" as const,\n \"data-scope\": \"tag\" as const,\n \"data-selected\": booleanDataAttr(props.selected),\n \"data-shape\": props.shape || props.radius || \"square\",\n \"data-size\": size,\n \"data-variant\": props.variant,\n }\n\n return {\n getDismissButtonBindings(): QdsTagDismissButtonBindings {\n return normalize.button({\n \"aria-label\": \"Dismiss\",\n className: tagClasses.dismissButton,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-part\": \"dismiss-button\",\n \"data-scope\": \"tag\",\n \"data-size\": size,\n disabled: props.disabled,\n type: \"button\",\n })\n },\n getEndIconBindings(): QdsTagEndIconBindings {\n return normalize.element({\n className: tagClasses.icon,\n \"data-part\": \"end-icon\",\n \"data-scope\": \"tag\",\n \"data-size\": size,\n })\n },\n getRootBindings(): QdsTagRootBindings {\n return isInteractiveVariant()\n ? normalize.button({...commonBindings, disabled: props.disabled})\n : normalize.element(commonBindings)\n },\n getStartIconBindings(): QdsTagStartIconBindings {\n return normalize.element({\n className: tagClasses.icon,\n \"data-part\": \"start-icon\",\n \"data-scope\": \"tag\",\n \"data-size\": size,\n })\n },\n isInteractiveVariant,\n }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const tagClasses = {\n dismissButton: \"qui-tag__dismiss-button\",\n icon: \"qui-tag__icon\",\n root: \"qui-tag__root\",\n} as const\n"],
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,EAAA,eAAAC,IAAA,eAAAC,EAAAJ,GCGA,IAAAK,EAA8B,yCCAvB,IAAMC,EAAa,CACxB,cAAe,0BACf,KAAM,gBACN,KAAM,eACR,EDSO,SAASC,EACdC,EACAC,EACW,CACX,IAAMC,EAAOF,EAAM,MAAQ,KAE3B,SAASG,GAAgC,CACvC,OAAOH,EAAM,UAAY,QAAUA,EAAM,UAAY,YACvD,CAEA,IAAMI,EAAiB,CACrB,UAAWC,EAAW,KACtB,mBAAiB,mBAAgBL,EAAM,QAAQ,EAC/C,gBAAiBA,EAAM,UAAY,gBACnC,YAAa,OACb,aAAc,MACd,mBAAiB,mBAAgBA,EAAM,QAAQ,EAC/C,aAAcA,EAAM,OAASA,EAAM,QAAU,SAC7C,YAAaE,EACb,eAAgBF,EAAM,OACxB,EAEA,MAAO,CACL,0BAAwD,CACtD,OAAOC,EAAU,OAAO,CACtB,aAAc,UACd,UAAWI,EAAW,cACtB,mBAAiB,mBAAgBL,EAAM,QAAQ,EAC/C,YAAa,iBACb,aAAc,MACd,YAAaE,EACb,SAAUF,EAAM,SAChB,KAAM,QACR,CAAC,CACH,EACA,oBAA4C,CAC1C,OAAOC,EAAU,QAAQ,CACvB,UAAWI,EAAW,KACtB,YAAa,WACb,aAAc,MACd,YAAaH,CACf,CAAC,CACH,EACA,iBAAsC,CACpC,OAAOC,EAAqB,EACxBF,EAAU,OAAO,CAAC,GAAGG,EAAgB,SAAUJ,EAAM,QAAQ,CAAC,EAC9DC,EAAU,QAAQG,CAAc,CACtC,EACA,sBAAgD,CAC9C,OAAOH,EAAU,QAAQ,CACvB,UAAWI,EAAW,KACtB,YAAa,aACb,aAAc,MACd,YAAaH,CACf,CAAC,CACH,EACA,qBAAAC,CACF,CACF",
|
|
6
6
|
"names": ["tag_exports", "__export", "createQdsTagApi", "tagClasses", "__toCommonJS", "import_attributes", "tagClasses", "createQdsTagApi", "props", "normalize", "size", "isInteractiveVariant", "commonBindings", "tagClasses"]
|
|
7
7
|
}
|
package/dist/tag/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{booleanDataAttr as n}from"@qualcomm-ui/utils/attributes";var s={dismissButton:"qui-tag__dismiss-button",icon:"qui-tag__icon",root:"qui-tag__root"};function c(t,a){let i=t.size||"md";function e(){return t.variant==="link"||t.variant==="selectable"}let d={className:s.root,"data-disabled":n(t.disabled),"data-emphasis":t.emphasis||"outline-brand","data-part":"root","data-
|
|
1
|
+
import{booleanDataAttr as n}from"@qualcomm-ui/utils/attributes";var s={dismissButton:"qui-tag__dismiss-button",icon:"qui-tag__icon",root:"qui-tag__root"};function c(t,a){let i=t.size||"md";function e(){return t.variant==="link"||t.variant==="selectable"}let d={className:s.root,"data-disabled":n(t.disabled),"data-emphasis":t.emphasis||"outline-brand","data-part":"root","data-scope":"tag","data-selected":n(t.selected),"data-shape":t.shape||t.radius||"square","data-size":i,"data-variant":t.variant};return{getDismissButtonBindings(){return a.button({"aria-label":"Dismiss",className:s.dismissButton,"data-disabled":n(t.disabled),"data-part":"dismiss-button","data-scope":"tag","data-size":i,disabled:t.disabled,type:"button"})},getEndIconBindings(){return a.element({className:s.icon,"data-part":"end-icon","data-scope":"tag","data-size":i})},getRootBindings(){return e()?a.button({...d,disabled:t.disabled}):a.element(d)},getStartIconBindings(){return a.element({className:s.icon,"data-part":"start-icon","data-scope":"tag","data-size":i})},isInteractiveVariant:e}}export{c as createQdsTagApi,s as tagClasses};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/tag/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/tag/tag.api.ts", "../../src/tag/tag.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 {tagClasses} from \"./tag.classes\"\nimport type {\n QdsTagApi,\n QdsTagApiProps,\n QdsTagDismissButtonBindings,\n QdsTagEndIconBindings,\n QdsTagRootBindings,\n QdsTagStartIconBindings,\n} from \"./tag.types\"\n\nexport function createQdsTagApi(\n props: QdsTagApiProps & {selected?: boolean | undefined},\n normalize: PropNormalizer,\n): QdsTagApi {\n const size = props.size || \"md\"\n\n function isInteractiveVariant(): boolean {\n return props.variant === \"link\" || props.variant === \"selectable\"\n }\n\n const commonBindings = {\n className: tagClasses.root,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-emphasis\": props.emphasis || \"outline-brand\",\n \"data-part\": \"root\" as const,\n \"data-
|
|
5
|
-
"mappings": "AAGA,OAAQ,mBAAAA,MAAsB,gCCAvB,IAAMC,EAAa,CACxB,cAAe,0BACf,KAAM,gBACN,KAAM,eACR,EDSO,SAASC,EACdC,EACAC,EACW,CACX,IAAMC,EAAOF,EAAM,MAAQ,KAE3B,SAASG,GAAgC,CACvC,OAAOH,EAAM,UAAY,QAAUA,EAAM,UAAY,YACvD,CAEA,IAAMI,EAAiB,CACrB,UAAWC,EAAW,KACtB,gBAAiBC,EAAgBN,EAAM,QAAQ,EAC/C,gBAAiBA,EAAM,UAAY,gBACnC,YAAa,OACb,
|
|
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 {tagClasses} from \"./tag.classes\"\nimport type {\n QdsTagApi,\n QdsTagApiProps,\n QdsTagDismissButtonBindings,\n QdsTagEndIconBindings,\n QdsTagRootBindings,\n QdsTagStartIconBindings,\n} from \"./tag.types\"\n\nexport function createQdsTagApi(\n props: QdsTagApiProps & {selected?: boolean | undefined},\n normalize: PropNormalizer,\n): QdsTagApi {\n const size = props.size || \"md\"\n\n function isInteractiveVariant(): boolean {\n return props.variant === \"link\" || props.variant === \"selectable\"\n }\n\n const commonBindings = {\n className: tagClasses.root,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-emphasis\": props.emphasis || \"outline-brand\",\n \"data-part\": \"root\" as const,\n \"data-scope\": \"tag\" as const,\n \"data-selected\": booleanDataAttr(props.selected),\n \"data-shape\": props.shape || props.radius || \"square\",\n \"data-size\": size,\n \"data-variant\": props.variant,\n }\n\n return {\n getDismissButtonBindings(): QdsTagDismissButtonBindings {\n return normalize.button({\n \"aria-label\": \"Dismiss\",\n className: tagClasses.dismissButton,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-part\": \"dismiss-button\",\n \"data-scope\": \"tag\",\n \"data-size\": size,\n disabled: props.disabled,\n type: \"button\",\n })\n },\n getEndIconBindings(): QdsTagEndIconBindings {\n return normalize.element({\n className: tagClasses.icon,\n \"data-part\": \"end-icon\",\n \"data-scope\": \"tag\",\n \"data-size\": size,\n })\n },\n getRootBindings(): QdsTagRootBindings {\n return isInteractiveVariant()\n ? normalize.button({...commonBindings, disabled: props.disabled})\n : normalize.element(commonBindings)\n },\n getStartIconBindings(): QdsTagStartIconBindings {\n return normalize.element({\n className: tagClasses.icon,\n \"data-part\": \"start-icon\",\n \"data-scope\": \"tag\",\n \"data-size\": size,\n })\n },\n isInteractiveVariant,\n }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const tagClasses = {\n dismissButton: \"qui-tag__dismiss-button\",\n icon: \"qui-tag__icon\",\n root: \"qui-tag__root\",\n} as const\n"],
|
|
5
|
+
"mappings": "AAGA,OAAQ,mBAAAA,MAAsB,gCCAvB,IAAMC,EAAa,CACxB,cAAe,0BACf,KAAM,gBACN,KAAM,eACR,EDSO,SAASC,EACdC,EACAC,EACW,CACX,IAAMC,EAAOF,EAAM,MAAQ,KAE3B,SAASG,GAAgC,CACvC,OAAOH,EAAM,UAAY,QAAUA,EAAM,UAAY,YACvD,CAEA,IAAMI,EAAiB,CACrB,UAAWC,EAAW,KACtB,gBAAiBC,EAAgBN,EAAM,QAAQ,EAC/C,gBAAiBA,EAAM,UAAY,gBACnC,YAAa,OACb,aAAc,MACd,gBAAiBM,EAAgBN,EAAM,QAAQ,EAC/C,aAAcA,EAAM,OAASA,EAAM,QAAU,SAC7C,YAAaE,EACb,eAAgBF,EAAM,OACxB,EAEA,MAAO,CACL,0BAAwD,CACtD,OAAOC,EAAU,OAAO,CACtB,aAAc,UACd,UAAWI,EAAW,cACtB,gBAAiBC,EAAgBN,EAAM,QAAQ,EAC/C,YAAa,iBACb,aAAc,MACd,YAAaE,EACb,SAAUF,EAAM,SAChB,KAAM,QACR,CAAC,CACH,EACA,oBAA4C,CAC1C,OAAOC,EAAU,QAAQ,CACvB,UAAWI,EAAW,KACtB,YAAa,WACb,aAAc,MACd,YAAaH,CACf,CAAC,CACH,EACA,iBAAsC,CACpC,OAAOC,EAAqB,EACxBF,EAAU,OAAO,CAAC,GAAGG,EAAgB,SAAUJ,EAAM,QAAQ,CAAC,EAC9DC,EAAU,QAAQG,CAAc,CACtC,EACA,sBAAgD,CAC9C,OAAOH,EAAU,QAAQ,CACvB,UAAWI,EAAW,KACtB,YAAa,aACb,aAAc,MACd,YAAaH,CACf,CAAC,CACH,EACA,qBAAAC,CACF,CACF",
|
|
6
6
|
"names": ["booleanDataAttr", "tagClasses", "createQdsTagApi", "props", "normalize", "size", "isInteractiveVariant", "commonBindings", "tagClasses", "booleanDataAttr"]
|
|
7
7
|
}
|
package/dist/tag/qds-tag.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.qui-tag__root{align-items:center;background-
|
|
1
|
+
.qui-tag__root{align-items:center;background:var(--tag-bg-base);border:solid 1px var(--tag-border-base);border-radius:var(--tag-radius);box-sizing:border-box;cursor:default;display:inline-flex;font:var(--font-static-body-xs-default);max-height:var(--tag-size);min-height:var(--tag-size);outline:none;padding:var(--spacing-30) var(--spacing-70);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tag-size:var(--sizing-90);--tag-radius:var(--border-radius-md);--tag-bg-base:transparent;--tag-bg-selected:transparent;--tag-border-base:var(--color-interactive-border-neutral-idle);--tag-border-selected:var(--tag-border-base);--icon-color:inherit}.qui-tag__root[data-size=sm]{--tag-size:var(--sizing-80);padding:0 var(--spacing-70)}.qui-tag__root[data-size=lg]{--tag-size:var(--sizing-100);font:var(--font-static-body-sm-default);padding:5px var(--spacing-80)}.qui-tag__root[data-shape=rounded]{--tag-radius:var(--border-radius-rounded)}.qui-tag__root[data-emphasis=outline-brand]{--tag-bg-base:var(--color-interactive-background-ghost-idle);--tag-bg-selected:var(--color-background-brand-primary);--tag-border-selected:var(--color-background-brand-primary);color:var(--color-interactive-text-primary-idle)}.qui-tag__root[data-emphasis=outline-brand][data-variant=link]:hover,.qui-tag__root[data-emphasis=outline-brand][data-variant=selectable]:not([data-selected]):hover{color:var(--color-interactive-text-primary-hover)}.qui-tag__root[data-emphasis=outline-brand][data-variant=link]:active{color:var(--color-interactive-text-primary-pressed)}.qui-tag__root[data-emphasis=outline-neutral]{--tag-bg-base:var(--color-interactive-background-ghost-idle);--tag-bg-selected:var(--color-background-support-neutral);color:var(--color-text-neutral-primary)}.qui-tag__root[data-emphasis=neutral]{--tag-bg-base:var(--color-background-support-neutral-subtle);--tag-bg-selected:var(--color-interactive-background-neutral-idle)}.qui-tag__root[data-emphasis=amber]{--tag-bg-base:var(--color-category-amber-subtle);--tag-bg-selected:var(--color-category-amber-strong);--tag-border-base:var(--color-category-amber-medium);--tag-border-selected:var(--color-category-amber-strong)}.qui-tag__root[data-emphasis=blue]{--tag-bg-base:var(--color-category-blue-subtle);--tag-bg-selected:var(--color-category-blue-strong);--tag-border-base:var(--color-category-blue-medium);--tag-border-selected:var(--color-category-blue-strong)}.qui-tag__root[data-emphasis=cyan]{--tag-bg-base:var(--color-category-cyan-subtle);--tag-bg-selected:var(--color-category-cyan-strong);--tag-border-base:var(--color-category-cyan-medium);--tag-border-selected:var(--color-category-cyan-strong)}.qui-tag__root[data-emphasis=teal]{--tag-bg-base:var(--color-category-teal-subtle);--tag-bg-selected:var(--color-category-teal-strong);--tag-border-base:var(--color-category-teal-medium);--tag-border-selected:var(--color-category-teal-strong)}.qui-tag__root[data-emphasis=green]{--tag-bg-base:var(--color-category-green-subtle);--tag-bg-selected:var(--color-category-green-strong);--tag-border-base:var(--color-category-green-medium);--tag-border-selected:var(--color-category-green-strong)}.qui-tag__root[data-emphasis=kiwi],.qui-tag__root[data-emphasis=lime]{--tag-bg-base:var(--color-category-lime-subtle);--tag-bg-selected:var(--color-category-lime-strong);--tag-border-base:var(--color-category-lime-medium);--tag-border-selected:var(--color-category-lime-strong)}.qui-tag__root[data-emphasis=yellow]{--tag-bg-base:var(--color-category-yellow-subtle);--tag-bg-selected:var(--color-category-yellow-strong);--tag-border-base:var(--color-category-yellow-medium);--tag-border-selected:var(--color-category-yellow-strong)}.qui-tag__root[data-emphasis=orange]{--tag-bg-base:var(--color-category-orange-subtle);--tag-bg-selected:var(--color-category-orange-strong);--tag-border-base:var(--color-category-orange-medium);--tag-border-selected:var(--color-category-orange-strong)}.qui-tag__root[data-emphasis=red]{--tag-bg-base:var(--color-category-red-subtle);--tag-bg-selected:var(--color-category-red-strong);--tag-border-base:var(--color-category-red-medium);--tag-border-selected:var(--color-category-red-strong)}.qui-tag__root[data-emphasis=magenta]{--tag-bg-base:var(--color-category-magenta-subtle);--tag-bg-selected:var(--color-category-magenta-strong);--tag-border-base:var(--color-category-magenta-medium);--tag-border-selected:var(--color-category-magenta-strong)}.qui-tag__root[data-emphasis=purple]{--tag-bg-base:var(--color-category-purple-subtle);--tag-bg-selected:var(--color-category-purple-strong);--tag-border-base:var(--color-category-purple-medium);--tag-border-selected:var(--color-category-purple-strong)}.qui-tag__root[data-emphasis=violet]{--tag-bg-base:var(--color-category-violet-subtle);--tag-bg-selected:var(--color-category-violet-strong);--tag-border-base:var(--color-category-violet-medium);--tag-border-selected:var(--color-category-violet-strong)}.qui-tag__root[data-variant=link],.qui-tag__root[data-variant=selectable]{cursor:pointer}.qui-tag__root[data-variant=dismissable]{padding-inline-end:0}.qui-tag__root[data-variant=link]:hover,.qui-tag__root[data-variant=selectable]:hover{background:linear-gradient(var(--color-interactive-background-ghost-hover) 0 0),var(--tag-bg-base)}.qui-tag__root[data-variant=link]:hover{text-decoration:underline}.qui-tag__root[data-variant=link]:active{background:linear-gradient(var(--color-interactive-background-ghost-pressed) 0 0),var(--tag-bg-base)}.qui-tag__root[data-selected]{background:var(--tag-bg-selected);border-color:var(--tag-border-selected);color:var(--color-utility-persistent-white)}.qui-tag__root[data-emphasis=yellow][data-selected]{color:var(--color-utility-persistent-black)}.qui-tag__root[data-variant=selectable][data-selected]:hover{background:linear-gradient(var(--color-interactive-background-ghost-hover) 0 0),var(--tag-bg-selected)}.qui-tag__root[data-variant=link]:focus-visible,.qui-tag__root[data-variant=selectable]:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 2px var(--color-utility-focus-border);outline-offset:-1px}.qui-tag__root[data-scope][data-disabled]:not([data-emphasis^=outline-]){background:var(--color-utility-disabled-background)}.qui-tag__root[data-scope][data-disabled]{border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text);cursor:default;--icon-color:var(--color-utility-disabled-icon)}.qui-tag__icon{color:var(--icon-color)}.qui-tag__icon[data-scope=tag][data-size]{--icon-size:var(--sizing-60)}.qui-tag__icon[data-scope=tag][data-size=lg]{--icon-size:var(--sizing-70)}.qui-tag__icon[data-part=start-icon]{margin-inline-end:var(--spacing-50)}.qui-tag__icon[data-part=end-icon]{margin-inline-start:var(--spacing-50)}.qui-tag__dismiss-button>.qui-tag__icon[data-part=end-icon]{margin-inline-start:0}.qui-tag__dismiss-button{align-items:center;background:transparent;border:none;border-radius:0 var(--tag-radius) var(--tag-radius) 0;color:var(--color-interactive-icon-neutral-idle);display:inline-flex;height:var(--tag-size);justify-content:center;margin-inline-start:var(--spacing-20);padding:0;width:var(--tag-size);--icon-color:var(--color-interactive-icon-neutral-idle)}.qui-tag__dismiss-button:hover{background:var(--color-interactive-background-ghost-hover)}.qui-tag__dismiss-button:active{background:var(--color-interactive-background-ghost-pressed)}.qui-tag__dismiss-button:focus-visible{outline:solid 2px var(--color-utility-focus-border);outline-offset:-1px}.qui-tag__dismiss-button[data-disabled]{color:var(--color-utility-disabled-icon);cursor:default;pointer-events:none;--icon-color:var(--color-utility-disabled-icon)}
|
package/dist/tag/tag.types.d.ts
CHANGED
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
import type { BooleanDataAttr } from "@qualcomm-ui/utils/attributes";
|
|
2
2
|
import type { tagClasses } from "./tag.classes";
|
|
3
|
-
|
|
4
|
-
export type
|
|
3
|
+
/** @deprecated use "lime" */
|
|
4
|
+
export type QdsTagEmphasis__deprecated = "kiwi";
|
|
5
|
+
export type QdsTagEmphasis = "outline-brand" | "outline-neutral" | "neutral" | "amber" | "blue" | "cyan" | "green" | "lime" | "magenta" | "orange" | "purple" | "red" | "teal" | "violet" | "yellow" | QdsTagEmphasis__deprecated;
|
|
6
|
+
/**
|
|
7
|
+
* @deprecated in {@link https://github.com/qualcomm/qualcomm-ui/blob/main/packages/frameworks/react/CHANGELOG.md#1160-20260324 v1.16.0}, migrate to {@link QdsTagShape}
|
|
8
|
+
*/
|
|
9
|
+
export type QdsTagRadius = QdsTagShape;
|
|
10
|
+
export type QdsTagShape = "square" | "rounded";
|
|
5
11
|
export type QdsTagSize = "sm" | "md" | "lg";
|
|
6
12
|
export type QdsTagVariant = "link" | "selectable" | "dismissable";
|
|
7
13
|
export interface QdsTagApiProps {
|
|
@@ -16,11 +22,21 @@ export interface QdsTagApiProps {
|
|
|
16
22
|
*/
|
|
17
23
|
emphasis?: QdsTagEmphasis;
|
|
18
24
|
/**
|
|
25
|
+
* @deprecated in {@link https://github.com/qualcomm/qualcomm-ui/blob/main/packages/frameworks/react/CHANGELOG.md#1160-20260324 v1.16.0}, migrate to {@link shape}
|
|
26
|
+
*
|
|
19
27
|
* Governs the shape of the tag.
|
|
20
28
|
*
|
|
21
29
|
* @default 'square'
|
|
22
30
|
*/
|
|
23
31
|
radius?: QdsTagRadius;
|
|
32
|
+
/**
|
|
33
|
+
* Governs the shape of the tag.
|
|
34
|
+
*
|
|
35
|
+
* @since 1.16.0
|
|
36
|
+
*
|
|
37
|
+
* @default 'square'
|
|
38
|
+
*/
|
|
39
|
+
shape?: QdsTagShape;
|
|
24
40
|
/**
|
|
25
41
|
* Governs the size of the text, icons, spacing, and padding.
|
|
26
42
|
* @default 'md'
|
|
@@ -37,8 +53,8 @@ export interface QdsTagSpanRootBindings {
|
|
|
37
53
|
"data-disabled": BooleanDataAttr;
|
|
38
54
|
"data-emphasis": QdsTagEmphasis;
|
|
39
55
|
"data-part": "root";
|
|
40
|
-
"data-radius": QdsTagRadius;
|
|
41
56
|
"data-scope": "tag";
|
|
57
|
+
"data-shape": QdsTagShape;
|
|
42
58
|
"data-size": QdsTagSize;
|
|
43
59
|
"data-variant"?: QdsTagVariant;
|
|
44
60
|
}
|
|
@@ -47,8 +63,8 @@ export interface QdsTagButtonRootBindings {
|
|
|
47
63
|
"data-disabled": BooleanDataAttr;
|
|
48
64
|
"data-emphasis": QdsTagEmphasis;
|
|
49
65
|
"data-part": "root";
|
|
50
|
-
"data-radius": QdsTagRadius;
|
|
51
66
|
"data-scope": "tag";
|
|
67
|
+
"data-shape": QdsTagShape;
|
|
52
68
|
"data-size": QdsTagSize;
|
|
53
69
|
"data-variant"?: QdsTagVariant;
|
|
54
70
|
disabled: boolean | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag.types.d.ts","sourceRoot":"","sources":["../../src/tag/tag.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAA;AAElE,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AAE7C,MAAM,MAAM,cAAc,GACtB,eAAe,GACf,iBAAiB,GACjB,SAAS,GACT,
|
|
1
|
+
{"version":3,"file":"tag.types.d.ts","sourceRoot":"","sources":["../../src/tag/tag.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAA;AAElE,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AAE7C,6BAA6B;AAE7B,MAAM,MAAM,0BAA0B,GAAG,MAAM,CAAA;AAE/C,MAAM,MAAM,cAAc,GACtB,eAAe,GACf,iBAAiB,GACjB,SAAS,GACT,OAAO,GACP,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,0BAA0B,CAAA;AAE9B;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,WAAW,CAAA;AAEtC,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE9C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,aAAa,CAAA;AAEjE,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAA;IAEzB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;IAErB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,WAAW,CAAA;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;CACxB;AAED,KAAK,UAAU,GAAG,OAAO,UAAU,CAAA;AAEnC,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC7B,eAAe,EAAE,eAAe,CAAA;IAChC,eAAe,EAAE,cAAc,CAAA;IAC/B,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,KAAK,CAAA;IACnB,YAAY,EAAE,WAAW,CAAA;IACzB,WAAW,EAAE,UAAU,CAAA;IACvB,cAAc,CAAC,EAAE,aAAa,CAAA;CAC/B;AAED,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC7B,eAAe,EAAE,eAAe,CAAA;IAChC,eAAe,EAAE,cAAc,CAAA;IAC/B,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,KAAK,CAAA;IACnB,YAAY,EAAE,WAAW,CAAA;IACzB,WAAW,EAAE,UAAU,CAAA;IACvB,cAAc,CAAC,EAAE,aAAa,CAAA;IAC9B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;CAC9B;AAED,MAAM,MAAM,kBAAkB,GAC1B,sBAAsB,GACtB,wBAAwB,CAAA;AAE5B,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC7B,WAAW,EAAE,YAAY,CAAA;IACzB,YAAY,EAAE,KAAK,CAAA;IACnB,WAAW,EAAE,UAAU,CAAA;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC7B,WAAW,EAAE,UAAU,CAAA;IACvB,YAAY,EAAE,KAAK,CAAA;IACnB,WAAW,EAAE,UAAU,CAAA;CACxB;AAED,MAAM,WAAW,2BAA2B;IAC1C,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,CAAA;IACtC,eAAe,EAAE,eAAe,CAAA;IAChC,WAAW,EAAE,gBAAgB,CAAA;IAC7B,YAAY,EAAE,KAAK,CAAA;IACnB,WAAW,EAAE,UAAU,CAAA;IACvB,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,IAAI,EAAE,QAAQ,CAAA;CACf;AAED,MAAM,WAAW,SAAS;IACxB,wBAAwB,IAAI,2BAA2B,CAAA;IACvD,kBAAkB,IAAI,qBAAqB,CAAA;IAC3C,eAAe,IAAI,kBAAkB,CAAA;IACrC,oBAAoB,IAAI,uBAAuB,CAAA;IAC/C,oBAAoB,IAAI,OAAO,CAAA;CAChC"}
|
package/dist/theme/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var s=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var
|
|
1
|
+
"use strict";var s=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var Q=(o,e)=>{for(var t in e)s(o,t,{get:e[t],enumerable:!0})},y=(o,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let d of a(e))!p.call(o,d)&&d!==t&&s(o,d,{get:()=>e[d],enumerable:!(r=n(e,d))||r.enumerable});return o};var f=o=>y(s({},"__esModule",{value:!0}),o);var c={};Q(c,{QdsBrand:()=>m,QdsTheme:()=>A});module.exports=f(c);var m={ARDUINO:"arduino",DRAGONWING:"dragonwing",QUALCOMM:"qualcomm",SNAPDRAGON:"snapdragon"},A={DARK:"dark",LIGHT:"light"};
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/theme/index.cjs.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/theme/index.ts", "../../src/theme/theme.types.ts"],
|
|
4
|
-
"sourcesContent": ["export * from \"./theme.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const QdsBrand = {\n DRAGONWING: \"dragonwing\",\n QUALCOMM: \"qualcomm\",\n SNAPDRAGON: \"snapdragon\",\n} as const\n\nexport type QdsBrand = (typeof QdsBrand)[keyof typeof QdsBrand]\n\nexport const QdsTheme = {\n DARK: \"dark\",\n LIGHT: \"light\",\n} as const\n\nexport type QdsTheme = (typeof QdsTheme)[keyof typeof QdsTheme]\n"],
|
|
5
|
-
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,EAAA,aAAAC,IAAA,eAAAC,EAAAJ,GCGO,IAAMK,EAAW,CACtB,WAAY,aACZ,SAAU,WACV,WAAY,YACd,EAIaC,EAAW,CACtB,KAAM,OACN,MAAO,OACT",
|
|
4
|
+
"sourcesContent": ["export * from \"./theme.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const QdsBrand = {\n ARDUINO: \"arduino\",\n DRAGONWING: \"dragonwing\",\n QUALCOMM: \"qualcomm\",\n SNAPDRAGON: \"snapdragon\",\n} as const\n\nexport type QdsBrand = (typeof QdsBrand)[keyof typeof QdsBrand]\n\nexport const QdsTheme = {\n DARK: \"dark\",\n LIGHT: \"light\",\n} as const\n\nexport type QdsTheme = (typeof QdsTheme)[keyof typeof QdsTheme]\n"],
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,EAAA,aAAAC,IAAA,eAAAC,EAAAJ,GCGO,IAAMK,EAAW,CACtB,QAAS,UACT,WAAY,aACZ,SAAU,WACV,WAAY,YACd,EAIaC,EAAW,CACtB,KAAM,OACN,MAAO,OACT",
|
|
6
6
|
"names": ["theme_exports", "__export", "QdsBrand", "QdsTheme", "__toCommonJS", "QdsBrand", "QdsTheme"]
|
|
7
7
|
}
|
package/dist/theme/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={DRAGONWING:"dragonwing",QUALCOMM:"qualcomm",SNAPDRAGON:"snapdragon"},o={DARK:"dark",LIGHT:"light"};export{e as QdsBrand,o as QdsTheme};
|
|
1
|
+
var e={ARDUINO:"arduino",DRAGONWING:"dragonwing",QUALCOMM:"qualcomm",SNAPDRAGON:"snapdragon"},o={DARK:"dark",LIGHT:"light"};export{e as QdsBrand,o as QdsTheme};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/theme/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/theme/theme.types.ts"],
|
|
4
|
-
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const QdsBrand = {\n DRAGONWING: \"dragonwing\",\n QUALCOMM: \"qualcomm\",\n SNAPDRAGON: \"snapdragon\",\n} as const\n\nexport type QdsBrand = (typeof QdsBrand)[keyof typeof QdsBrand]\n\nexport const QdsTheme = {\n DARK: \"dark\",\n LIGHT: \"light\",\n} as const\n\nexport type QdsTheme = (typeof QdsTheme)[keyof typeof QdsTheme]\n"],
|
|
5
|
-
"mappings": "AAGO,IAAMA,EAAW,CACtB,WAAY,aACZ,SAAU,WACV,WAAY,YACd,EAIaC,EAAW,CACtB,KAAM,OACN,MAAO,OACT",
|
|
4
|
+
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const QdsBrand = {\n ARDUINO: \"arduino\",\n DRAGONWING: \"dragonwing\",\n QUALCOMM: \"qualcomm\",\n SNAPDRAGON: \"snapdragon\",\n} as const\n\nexport type QdsBrand = (typeof QdsBrand)[keyof typeof QdsBrand]\n\nexport const QdsTheme = {\n DARK: \"dark\",\n LIGHT: \"light\",\n} as const\n\nexport type QdsTheme = (typeof QdsTheme)[keyof typeof QdsTheme]\n"],
|
|
5
|
+
"mappings": "AAGO,IAAMA,EAAW,CACtB,QAAS,UACT,WAAY,aACZ,SAAU,WACV,WAAY,YACd,EAIaC,EAAW,CACtB,KAAM,OACN,MAAO,OACT",
|
|
6
6
|
"names": ["QdsBrand", "QdsTheme"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.types.d.ts","sourceRoot":"","sources":["../../src/theme/theme.types.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ
|
|
1
|
+
{"version":3,"file":"theme.types.d.ts","sourceRoot":"","sources":["../../src/theme/theme.types.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;;;CAKX,CAAA;AAEV,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAA;AAE/D,eAAO,MAAM,QAAQ;;;CAGX,CAAA;AAEV,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAA"}
|