@qualcomm-ui/qds-core 1.3.0 → 1.4.1

package/dist/icon/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/icon/index.ts", "../../src/icon/icon.api.ts", "../../src/icon/icon.classes.ts"],
-  "sourcesContent": ["export * from \"./icon.api\"\nexport * from \"./icon.classes\"\nexport type * from \"./icon.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {coercePixelProperty} from \"@qualcomm-ui/utils/coercion\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {iconClasses} from \"./icon.classes\"\nimport type {QdsIconApiProps, QdsIconBindings, QdsIconSize} from \"./icon.types\"\n\nconst qdsIconSizes = new Set<string>([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"])\n\nexport function getIconSize(\n  size: QdsIconSize | null | undefined,\n): string | undefined {\n  if (!size) {\n    return\n  }\n  // the raw size is determined by CSS\n  return qdsIconSizes.has(size as string)\n    ? // handled by CSS\n      undefined\n    : coercePixelProperty(size)\n}\n\nexport function getQdsIconBindings(\n  props: QdsIconApiProps,\n  normalize: PropNormalizer,\n): QdsIconBindings {\n  const iconSize = getIconSize(props.size)\n  return normalize.element({\n    className: iconClasses.root,\n    \"data-size\": iconSize ?? (props.size || \"md\"),\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\",\n    viewBox: props.viewBox || \"0 0 24 24\",\n    xmlns: props.xmlns || \"http://www.w3.org/2000/svg\",\n  })\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const iconClasses = {\n  root: \"qui-icon__root\",\n} as const\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,uBAAAC,EAAA,gBAAAC,IAAA,eAAAC,EAAAL,GCGA,IAAAM,EAAkC,uCCA3B,IAAMC,EAAc,CACzB,KAAM,gBACR,EDIA,IAAMC,EAAe,IAAI,IAAY,CAAC,KAAM,KAAM,KAAM,KAAM,IAAI,CAAC,EAE5D,SAASC,EACdC,EACoB,CACpB,GAAKA,EAIL,OAAOF,EAAa,IAAIE,CAAc,EAElC,UACA,uBAAoBA,CAAI,CAC9B,CAEO,SAASC,EACdC,EACAC,EACiB,CACjB,IAAMC,EAAWL,EAAYG,EAAM,IAAI,EACvC,OAAOC,EAAU,QAAQ,CACvB,UAAWE,EAAY,KACvB,YAAaD,IAAaF,EAAM,MAAQ,MACxC,KAAM,OACN,OAAQ,eACR,cAAe,QACf,eAAgB,QAChB,QAASA,EAAM,SAAW,YAC1B,MAAOA,EAAM,OAAS,4BACxB,CAAC,CACH",
+  "sourcesContent": ["export * from \"./icon.api\"\nexport * from \"./icon.classes\"\nexport type * from \"./icon.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {coercePixelProperty} from \"@qualcomm-ui/utils/coercion\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {iconClasses} from \"./icon.classes\"\nimport type {QdsIconApiProps, QdsIconBindings, QdsIconSize} from \"./icon.types\"\n\nconst qdsIconSizes = new Set<string>([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"])\n\n/**\n * Returns the size of the icon when it is supplied as a pixel value, or undefined\n * if it is a predefined size.\n */\nexport function getIconSize(\n  size: QdsIconSize | null | undefined,\n): string | undefined {\n  if (!size) {\n    return\n  }\n  // the raw size is determined by CSS\n  return qdsIconSizes.has(size as string)\n    ? // handled by CSS\n      undefined\n    : coercePixelProperty(size)\n}\n\nexport function getQdsIconBindings(\n  props: QdsIconApiProps,\n  normalize: PropNormalizer,\n): QdsIconBindings {\n  const iconSize = getIconSize(props.size)\n  return normalize.element({\n    className: iconClasses.root,\n    \"data-size\": iconSize ?? (props.size || \"md\"),\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\",\n    style: iconSize\n      ? {\n          \"--icon-size\": iconSize,\n        }\n      : {},\n    viewBox: props.viewBox || \"0 0 24 24\",\n    xmlns: props.xmlns || \"http://www.w3.org/2000/svg\",\n  })\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const iconClasses = {\n  root: \"qui-icon__root\",\n} as const\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,uBAAAC,EAAA,gBAAAC,IAAA,eAAAC,EAAAL,GCGA,IAAAM,EAAkC,uCCA3B,IAAMC,EAAc,CACzB,KAAM,gBACR,EDIA,IAAMC,EAAe,IAAI,IAAY,CAAC,KAAM,KAAM,KAAM,KAAM,IAAI,CAAC,EAM5D,SAASC,EACdC,EACoB,CACpB,GAAKA,EAIL,OAAOF,EAAa,IAAIE,CAAc,EAElC,UACA,uBAAoBA,CAAI,CAC9B,CAEO,SAASC,EACdC,EACAC,EACiB,CACjB,IAAMC,EAAWL,EAAYG,EAAM,IAAI,EACvC,OAAOC,EAAU,QAAQ,CACvB,UAAWE,EAAY,KACvB,YAAaD,IAAaF,EAAM,MAAQ,MACxC,KAAM,OACN,OAAQ,eACR,cAAe,QACf,eAAgB,QAChB,MAAOE,EACH,CACE,cAAeA,CACjB,EACA,CAAC,EACL,QAASF,EAAM,SAAW,YAC1B,MAAOA,EAAM,OAAS,4BACxB,CAAC,CACH",
   "names": ["icon_exports", "__export", "getIconSize", "getQdsIconBindings", "iconClasses", "__toCommonJS", "import_coercion", "iconClasses", "qdsIconSizes", "getIconSize", "size", "getQdsIconBindings", "props", "normalize", "iconSize", "iconClasses"]
 }

package/dist/icon/index.js

@@ -1,2 +1,2 @@
-import{coercePixelProperty as r}from"@qualcomm-ui/utils/coercion";var n={root:"qui-icon__root"};var t=new Set(["xs","sm","md","lg","xl"]);function s(o){if(o)return t.has(o)?void 0:r(o)}function l(o,e){let i=s(o.size);return e.element({className:n.root,"data-size":i??(o.size||"md"),fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",viewBox:o.viewBox||"0 0 24 24",xmlns:o.xmlns||"http://www.w3.org/2000/svg"})}export{s as getIconSize,l as getQdsIconBindings,n as iconClasses};
+import{coercePixelProperty as r}from"@qualcomm-ui/utils/coercion";var e={root:"qui-icon__root"};var t=new Set(["xs","sm","md","lg","xl"]);function s(o){if(o)return t.has(o)?void 0:r(o)}function l(o,i){let n=s(o.size);return i.element({className:e.root,"data-size":n??(o.size||"md"),fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",style:n?{"--icon-size":n}:{},viewBox:o.viewBox||"0 0 24 24",xmlns:o.xmlns||"http://www.w3.org/2000/svg"})}export{s as getIconSize,l as getQdsIconBindings,e as iconClasses};
 //# sourceMappingURL=index.js.map

package/dist/icon/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/icon/icon.api.ts", "../../src/icon/icon.classes.ts"],
-  "sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {coercePixelProperty} from \"@qualcomm-ui/utils/coercion\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {iconClasses} from \"./icon.classes\"\nimport type {QdsIconApiProps, QdsIconBindings, QdsIconSize} from \"./icon.types\"\n\nconst qdsIconSizes = new Set<string>([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"])\n\nexport function getIconSize(\n  size: QdsIconSize | null | undefined,\n): string | undefined {\n  if (!size) {\n    return\n  }\n  // the raw size is determined by CSS\n  return qdsIconSizes.has(size as string)\n    ? // handled by CSS\n      undefined\n    : coercePixelProperty(size)\n}\n\nexport function getQdsIconBindings(\n  props: QdsIconApiProps,\n  normalize: PropNormalizer,\n): QdsIconBindings {\n  const iconSize = getIconSize(props.size)\n  return normalize.element({\n    className: iconClasses.root,\n    \"data-size\": iconSize ?? (props.size || \"md\"),\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\",\n    viewBox: props.viewBox || \"0 0 24 24\",\n    xmlns: props.xmlns || \"http://www.w3.org/2000/svg\",\n  })\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const iconClasses = {\n  root: \"qui-icon__root\",\n} as const\n"],
-  "mappings": "AAGA,OAAQ,uBAAAA,MAA0B,8BCA3B,IAAMC,EAAc,CACzB,KAAM,gBACR,EDIA,IAAMC,EAAe,IAAI,IAAY,CAAC,KAAM,KAAM,KAAM,KAAM,IAAI,CAAC,EAE5D,SAASC,EACdC,EACoB,CACpB,GAAKA,EAIL,OAAOF,EAAa,IAAIE,CAAc,EAElC,OACAC,EAAoBD,CAAI,CAC9B,CAEO,SAASE,EACdC,EACAC,EACiB,CACjB,IAAMC,EAAWN,EAAYI,EAAM,IAAI,EACvC,OAAOC,EAAU,QAAQ,CACvB,UAAWE,EAAY,KACvB,YAAaD,IAAaF,EAAM,MAAQ,MACxC,KAAM,OACN,OAAQ,eACR,cAAe,QACf,eAAgB,QAChB,QAASA,EAAM,SAAW,YAC1B,MAAOA,EAAM,OAAS,4BACxB,CAAC,CACH",
+  "sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {coercePixelProperty} from \"@qualcomm-ui/utils/coercion\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {iconClasses} from \"./icon.classes\"\nimport type {QdsIconApiProps, QdsIconBindings, QdsIconSize} from \"./icon.types\"\n\nconst qdsIconSizes = new Set<string>([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"])\n\n/**\n * Returns the size of the icon when it is supplied as a pixel value, or undefined\n * if it is a predefined size.\n */\nexport function getIconSize(\n  size: QdsIconSize | null | undefined,\n): string | undefined {\n  if (!size) {\n    return\n  }\n  // the raw size is determined by CSS\n  return qdsIconSizes.has(size as string)\n    ? // handled by CSS\n      undefined\n    : coercePixelProperty(size)\n}\n\nexport function getQdsIconBindings(\n  props: QdsIconApiProps,\n  normalize: PropNormalizer,\n): QdsIconBindings {\n  const iconSize = getIconSize(props.size)\n  return normalize.element({\n    className: iconClasses.root,\n    \"data-size\": iconSize ?? (props.size || \"md\"),\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\",\n    style: iconSize\n      ? {\n          \"--icon-size\": iconSize,\n        }\n      : {},\n    viewBox: props.viewBox || \"0 0 24 24\",\n    xmlns: props.xmlns || \"http://www.w3.org/2000/svg\",\n  })\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const iconClasses = {\n  root: \"qui-icon__root\",\n} as const\n"],
+  "mappings": "AAGA,OAAQ,uBAAAA,MAA0B,8BCA3B,IAAMC,EAAc,CACzB,KAAM,gBACR,EDIA,IAAMC,EAAe,IAAI,IAAY,CAAC,KAAM,KAAM,KAAM,KAAM,IAAI,CAAC,EAM5D,SAASC,EACdC,EACoB,CACpB,GAAKA,EAIL,OAAOF,EAAa,IAAIE,CAAc,EAElC,OACAC,EAAoBD,CAAI,CAC9B,CAEO,SAASE,EACdC,EACAC,EACiB,CACjB,IAAMC,EAAWN,EAAYI,EAAM,IAAI,EACvC,OAAOC,EAAU,QAAQ,CACvB,UAAWE,EAAY,KACvB,YAAaD,IAAaF,EAAM,MAAQ,MACxC,KAAM,OACN,OAAQ,eACR,cAAe,QACf,eAAgB,QAChB,MAAOE,EACH,CACE,cAAeA,CACjB,EACA,CAAC,EACL,QAASF,EAAM,SAAW,YAC1B,MAAOA,EAAM,OAAS,4BACxB,CAAC,CACH",
   "names": ["coercePixelProperty", "iconClasses", "qdsIconSizes", "getIconSize", "size", "coercePixelProperty", "getQdsIconBindings", "props", "normalize", "iconSize", "iconClasses"]
 }

package/dist/menu/qds-menu.css

@@ -1 +1 @@
-.qui-menu__button{background:transparent}.qui-menu__button .qui-button__icon[data-placement=end]{transition:transform var(--animation-duration-faster) ease-out}.qui-menu__button[data-scope=menu][data-part=trigger][data-state=open] .qui-button__icon[data-placement=end],.qui-menu__button[data-state=open][aria-haspopup=menu] .qui-button__icon[data-placement=end]{transform:rotate(180deg)}.qui-menu__content{background:var(--color-surface-overlay);border:solid 1px var(--color-border-neutral-02);border-radius:var(--border-radius-md);box-shadow:var(--shadow-medium);display:inline-flex;flex-direction:column;outline:none;padding:var(--spacing-40) 0;transform-origin:var(--transform-origin);z-index:calc(var(--z-index-dropdown) + var(--layer-index))}.qui-menu__content[data-state=open]{animation-duration:var(--animation-duration-fast)}.qui-menu__content[data-state=open][data-placement^=top]{animation-name:slide-from-bottom,fade-in}.qui-menu__content[data-state=open][data-placement^=bottom]{animation-name:slide-from-top,fade-in}.qui-menu__content[data-state=open][data-placement^=left]{animation-name:slide-from-right,fade-in}.qui-menu__content[data-state=open][data-placement^=right]{animation-name:slide-from-left,fade-in}.qui-menu__content[data-state=closed]{animation-duration:var(--animation-duration-faster)}.qui-menu__content[data-state=closed][data-placement^=top]{animation-name:slide-to-bottom,fade-out}.qui-menu__content[data-state=closed][data-placement^=bottom]{animation-name:slide-to-top,fade-out}.qui-menu__content[data-state=closed][data-placement^=left]{animation-name:slide-to-right,fade-out}.qui-menu__content[data-state=closed][data-placement^=right]{animation-name:slide-to-left,fade-out}.qui-menu__content[data-from=context-trigger]{animation-duration:60ms}.qui-menu-item__root{align-items:center;background:var(--color-interactive-background-ghost-idle);border:solid 1px transparent;color:var(--color-text-neutral-primary);display:grid;font:var(--font-static-body-sm-default);grid-template-columns:auto 1fr auto auto auto;grid-template-rows:1fr;line-height:normal;outline:none;padding:var(--menu-padding-y) var(--menu-padding-x);position:relative;text-align:left;--menu-padding-x:var(--spacing-100);--menu-padding-y:var(--spacing-80)}.qui-menu-item__root[data-size=sm]{font:var(--font-static-body-xs-default);--menu-padding-x:var(--spacing-90);--menu-padding-y:var(--spacing-60)}.qui-menu-item__root:has([data-scope=menu][data-part=description]) .qui-menu-item__command,.qui-menu-item__root:has([data-scope=menu][data-part=description]) .qui-menu-item__indicator{grid-column:3;grid-row:1/span 2}.qui-menu-item__root [data-scope=menu][data-part=description]{grid-column:1/span 2}.qui-menu-item__root:has([data-part=start-icon]) [data-scope=menu][data-part=description]{grid-column:2}.qui-menu-item__root:has([data-part=start-icon][data-part=item-control]){grid-template-columns:auto auto 1fr repeat(3,auto)}.qui-menu-item__root:hover{background:var(--color-interactive-background-ghost-hover)}.qui-menu-item__root:active{background:var(--color-interactive-background-ghost-pressed)}.qui-menu-item__root[data-highlighted][data-focus-visible]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-menu-item__root [data-state=unchecked] [data-part=indicator-icon]{display:none}.qui-menu-item__start-icon{margin-right:var(--spacing-50)}.qui-menu-item__label{display:inline-flex;flex:1;font:var(--font-static-body-sm-default);line-height:normal}.qui-menu-item__label[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-menu-item__description{color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);font:var(--font-static-body-sm-default);grid-row:2;margin-top:var(--spacing-40)}.qui-menu-item__description[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-menu-item__group{display:inline-flex;flex-direction:column}.qui-menu-item__group-label{color:var(--color-text-neutral-secondary);display:inline-flex;flex:1;font:var(--font-static-body-sm-default);overflow:hidden;padding:var(--group-label-padding-y) var(--group-label-padding-x);text-overflow:ellipsis;--group-label-padding-y:var(--spacing-70);--group-label-padding-x:var(--spacing-100)}.qui-menu-item__group-label[data-size=sm]{--group-label-padding-x:var(--spacing-90);font:var(--font-static-body-xs-default)}.qui-menu__separator{border-color:var(--color-border-neutral-01);margin-top:var(--spacing-40);padding-bottom:var(--spacing-40);width:100%}.qui-menu-item__command{align-items:center;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);justify-content:flex-end;line-height:normal;margin-left:auto;padding-left:var(--spacing-100)}.qui-menu-item__indicator{align-items:center;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);justify-content:flex-end;line-height:normal;padding-left:var(--spacing-100)}[data-scope=menu][data-part=item-control]{margin-right:var(--spacing-50)}
+.qui-menu__button{background:transparent}.qui-menu__button .qui-button__icon[data-placement=end]{transition:transform var(--animation-duration-faster) ease-out}.qui-menu__button[data-scope=menu][data-part=trigger][data-state=open] .qui-button__icon[data-placement=end],.qui-menu__button[data-state=open][aria-haspopup=menu] .qui-button__icon[data-placement=end]{transform:rotate(180deg)}.qui-menu__content{background:var(--color-surface-overlay);border:solid 1px var(--color-border-neutral-02);border-radius:var(--border-radius-md);box-shadow:var(--shadow-medium);display:inline-flex;flex-direction:column;outline:none;padding:var(--spacing-40) 0;transform-origin:var(--transform-origin);z-index:calc(var(--z-index-dropdown) + var(--layer-index))}.qui-menu__content[data-state=open]{animation-duration:var(--animation-duration-fast)}.qui-menu__content[data-state=open][data-placement^=top]{animation-name:slide-from-bottom,fade-in}.qui-menu__content[data-state=open][data-placement^=bottom]{animation-name:slide-from-top,fade-in}.qui-menu__content[data-state=open][data-placement^=left]{animation-name:slide-from-right,fade-in}.qui-menu__content[data-state=open][data-placement^=right]{animation-name:slide-from-left,fade-in}.qui-menu__content[data-state=closed]{animation-duration:var(--animation-duration-faster)}.qui-menu__content[data-state=closed][data-placement^=top]{animation-name:slide-to-bottom,fade-out}.qui-menu__content[data-state=closed][data-placement^=bottom]{animation-name:slide-to-top,fade-out}.qui-menu__content[data-state=closed][data-placement^=left]{animation-name:slide-to-right,fade-out}.qui-menu__content[data-state=closed][data-placement^=right]{animation-name:slide-to-left,fade-out}.qui-menu__content[data-from=context-trigger]{animation-duration:60ms}.qui-menu-item__root{align-items:center;background:var(--color-interactive-background-ghost-idle);border:solid 1px transparent;color:var(--color-text-neutral-primary);display:grid;font:var(--font-static-body-sm-default);grid-template-columns:auto 1fr auto auto auto;grid-template-rows:1fr;line-height:normal;outline:none;padding:var(--menu-padding-y) var(--menu-padding-x);position:relative;text-align:left;text-decoration:inherit;--menu-padding-x:var(--spacing-100);--menu-padding-y:var(--spacing-80)}.qui-menu-item__root[data-size=sm]{font:var(--font-static-body-xs-default);--menu-padding-x:var(--spacing-90);--menu-padding-y:var(--spacing-60)}.qui-menu-item__root:has([data-scope=menu][data-part=description]) .qui-menu-item__command,.qui-menu-item__root:has([data-scope=menu][data-part=description]) .qui-menu-item__indicator{grid-column:3;grid-row:1/span 2}.qui-menu-item__root [data-scope=menu][data-part=description]{grid-column:1/span 2}.qui-menu-item__root:has([data-part=start-icon]) [data-scope=menu][data-part=description]{grid-column:2}.qui-menu-item__root:has([data-part=start-icon][data-part=item-control]){grid-template-columns:auto auto 1fr repeat(3,auto)}.qui-menu-item__root:hover{background:var(--color-interactive-background-ghost-hover)}.qui-menu-item__root:active{background:var(--color-interactive-background-ghost-pressed)}.qui-menu-item__root[data-highlighted][data-focus-visible]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-menu-item__root [data-state=unchecked] [data-part=indicator-icon]{display:none}.qui-menu-item__start-icon{margin-right:var(--spacing-50)}.qui-menu-item__label{display:inline-flex;flex:1;font:var(--font-static-body-sm-default);line-height:normal}.qui-menu-item__label[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-menu-item__description{color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);font:var(--font-static-body-sm-default);grid-row:2;margin-top:var(--spacing-40)}.qui-menu-item__description[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-menu-item__group{display:inline-flex;flex-direction:column}.qui-menu-item__group-label{color:var(--color-text-neutral-secondary);display:inline-flex;flex:1;font:var(--font-static-body-sm-default);overflow:hidden;padding:var(--group-label-padding-y) var(--group-label-padding-x);text-overflow:ellipsis;--group-label-padding-y:var(--spacing-70);--group-label-padding-x:var(--spacing-100)}.qui-menu-item__group-label[data-size=sm]{--group-label-padding-x:var(--spacing-90);font:var(--font-static-body-xs-default)}.qui-menu__separator{border-color:var(--color-border-neutral-01);margin-top:var(--spacing-40);padding-bottom:var(--spacing-40);width:100%}.qui-menu-item__command{align-items:center;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);justify-content:flex-end;line-height:normal;margin-left:auto;padding-left:var(--spacing-100)}.qui-menu-item__indicator{align-items:center;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);justify-content:flex-end;line-height:normal;padding-left:var(--spacing-100)}[data-scope=menu][data-part=item-control]{margin-right:var(--spacing-50)}

package/dist/tabs/qds-tabs.css

@@ -1 +1 @@
-.qui-tabs__root{display:flex;flex-direction:column;--indicator-size:2px}.qui-tabs__root[data-size=lg]{--indicator-size:3px}.qui-tabs__root[data-size=xl]{--indicator-size:4px}.qui-tabs__root[data-orientation=vertical]{flex-direction:row}.qui-tabs__list{display:inline-flex;isolation:isolate;position:relative}.qui-tabs__list[data-orientation=horizontal][data-variant=contained]{border-bottom:1px solid var(--color-border-neutral-02)}.qui-tabs__list[data-orientation=horizontal][data-variant=contained][data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-tabs__list[data-orientation=vertical]{flex-direction:column}.qui-tabs__list[data-orientation=vertical]:before{background:var(--color-border-neutral-01);content:"";height:100%;left:0;position:absolute;width:var(--indicator-size)}.qui-tab__root{align-items:center;display:inline-flex;position:relative;--dismiss-spacing-offset:0px}.qui-tab__root[data-variant=contained]:not(:last-child){border-right:1px solid var(--color-border-neutral-02)}.qui-tab__root:has(.qui-tab__dismiss-button){--dismiss-spacing-offset:calc(var(--sizing-80) + var(--spacing-50))}.qui-tab__root[data-size=sm]{--tab-initial-spacing-x:var(--spacing-50);--tab-spacing-y:var(--spacing-50)}.qui-tab__root[data-size=md]{--tab-initial-spacing-x:var(--spacing-70);--tab-spacing-y:var(--spacing-70)}.qui-tab__root[data-size=lg]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-80);--tab-spacing-y:var(--spacing-80)}.qui-tab__root[data-size=xl]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-90)}.qui-tab__dismiss-button{position:absolute;right:var(--tab-initial-spacing-x)}.qui-tab__button{--tab-spacing-end:calc(var(--tab-initial-spacing-x) + var(--dismiss-spacing-offset));align-items:center;background:transparent;border:0 solid;color:var(--color-interactive-text-neutral-idle);display:inline-flex;font:var(--font-static-body-xs-bold);gap:var(--spacing-50);margin:0;opacity:1;outline:none;padding-inline-end:var(--tab-spacing-end);padding-inline-start:var(--tab-initial-spacing-x);padding-bottom:var(--tab-spacing-y);padding-top:var(--tab-spacing-y)}.qui-tab__button[data-selected][data-variant=line]:not([data-indicator-rendered])[data-orientation=horizontal]:before{bottom:0;height:var(--indicator-size);width:100%}.qui-tab__button[data-selected][data-variant=line]:not([data-indicator-rendered])[data-orientation=vertical]:before{height:100%;left:0;top:0;width:var(--indicator-size)}.qui-tab__button[data-selected][data-variant=line]:not([data-indicator-rendered]):before{background:var(--color-border-brand-primary);content:"";left:0;position:absolute}.qui-tab__button:hover{background:var(--color-interactive-background-ghost-hover);color:var(--color-interactive-text-neutral-hover)}.qui-tab__button:active{background:var(--color-interactive-background-ghost-pressed);color:var(--color-interactive-text-neutral-pressed)}.qui-tab__button[data-disabled]{background:var(--color-interactive-background-ghost-idle);color:var(--color-utility-disabled-text);pointer-events:none}.qui-tab__button[data-variant=line][data-focus][data-focus-visible]{outline:solid 2px var(--color-border-brand-primary);outline-offset:-1px}.qui-tab__button[data-variant=contained]:hover{background:var(--color-background-neutral-01)}.qui-tab__button[data-variant=contained][data-selected]{background:var(--color-background-neutral-01)}.qui-tab__button[data-variant=contained][data-focus][data-focus-visible]{outline:solid 2px var(--color-border-brand-primary);outline-offset:-1px}.qui-tab__button[data-variant=contained][data-size=sm]{--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-60)}.qui-tab__button[data-variant=contained][data-size=md]{--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-80)}.qui-tab__button[data-orientation=vertical][data-size=sm]{--tab-initial-spacing-x:var(--spacing-80);--tab-spacing-y:var(--spacing-50)}.qui-tab__button[data-orientation=vertical][data-size=md]{--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-70)}.qui-tab__button[data-orientation=vertical][data-size=lg]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-100);--tab-spacing-y:var(--spacing-80)}.qui-tab__button[data-orientation=vertical][data-size=xl]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-100);--tab-spacing-y:var(--spacing-90)}.qui-tabs__indicator[data-empty]{display:none}.qui-tabs__indicator[data-focus][data-focus-visible]{--transition-duration:0ms}.qui-tabs__indicator:not([data-animate]){--transition-duration:0ms}.qui-tabs__indicator{background:var(--color-border-brand-primary)}.qui-tabs__indicator[data-orientation=horizontal]{bottom:0;height:var(--indicator-size);width:var(--width)}.qui-tabs__indicator[data-orientation=vertical]{height:var(--height);top:var(--top);width:var(--indicator-size)}.qui-tabs__panel{color:var(--color-text-neutral-primary)}.qui-tabs__panel[data-orientation=horizontal]{padding-top:var(--spacing-90)}.qui-tabs__panel[data-orientation=vertical]{padding-left:var(--spacing-90)}.qui-tab__icon[data-size]{--icon-size:var(--sizing-70)}.qui-tab__icon[data-size=sm]{--icon-size:var(--sizing-60)}.qui-tab__icon[data-icon-variant=filled]{background:var(--color-background-support-neutral);border-radius:var(--border-radius-xs);color:var(--color-utility-persistent-white);padding:var(--spacing-30)}.qui-tab__icon[data-icon-variant=filled][data-size=sm]{padding:var(--spacing-20)}.qui-tab__icon[data-icon-variant=filled] .qui-icon__root{--icon-size:var(--sizing-60)}
+.qui-tabs__root{display:flex;flex-direction:column;--indicator-size:2px}.qui-tabs__root[data-size=lg]{--indicator-size:3px}.qui-tabs__root[data-size=xl]{--indicator-size:4px}.qui-tabs__root[data-orientation=vertical]{flex-direction:row}.qui-tabs__list{display:inline-flex;isolation:isolate;position:relative}.qui-tabs__list[data-orientation=horizontal][data-variant=contained]{border-bottom:1px solid var(--color-border-neutral-02)}.qui-tabs__list[data-orientation=horizontal][data-variant=contained][data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-tabs__list[data-orientation=vertical]{flex-direction:column}.qui-tabs__list[data-orientation=vertical]:before{background:var(--color-border-neutral-01);content:"";height:100%;left:0;position:absolute;width:var(--indicator-size)}.qui-tab__root{align-items:center;display:inline-flex;font:var(--font-static-body-xs-bold);position:relative;--dismiss-spacing-offset:0px}.qui-tab__root[data-variant=contained]:not(:last-child){border-right:1px solid var(--color-border-neutral-02)}.qui-tab__root:has(.qui-tab__dismiss-button){--dismiss-spacing-offset:calc(var(--sizing-80) + var(--spacing-50))}.qui-tab__root[data-size=sm]{--tab-initial-spacing-x:var(--spacing-50);--tab-spacing-y:var(--spacing-50)}.qui-tab__root[data-size=md]{--tab-initial-spacing-x:var(--spacing-70);--tab-spacing-y:var(--spacing-70)}.qui-tab__root[data-size=lg]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-80);--tab-spacing-y:var(--spacing-80)}.qui-tab__root[data-size=xl]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-90)}.qui-tab__dismiss-button{position:absolute;right:var(--tab-initial-spacing-x)}.qui-tab__button{--tab-spacing-end:calc(var(--tab-initial-spacing-x) + var(--dismiss-spacing-offset));align-items:center;background:transparent;border:0 solid;color:var(--color-interactive-text-neutral-idle);display:inline-flex;font:var(--font-static-body-xs-bold);gap:var(--spacing-50);margin:0;opacity:1;outline:none;padding-inline-end:var(--tab-spacing-end);padding-inline-start:var(--tab-initial-spacing-x);padding-bottom:var(--tab-spacing-y);padding-top:var(--tab-spacing-y)}.qui-tab__button[data-selected][data-variant=line]:not([data-indicator-rendered])[data-orientation=horizontal]:before{bottom:0;height:var(--indicator-size);width:100%}.qui-tab__button[data-selected][data-variant=line]:not([data-indicator-rendered])[data-orientation=vertical]:before{height:100%;left:0;top:0;width:var(--indicator-size)}.qui-tab__button[data-selected][data-variant=line]:not([data-indicator-rendered]):before{background:var(--color-border-brand-primary);content:"";left:0;position:absolute}.qui-tab__button:hover{background:var(--color-interactive-background-ghost-hover);color:var(--color-interactive-text-neutral-hover)}.qui-tab__button:active{background:var(--color-interactive-background-ghost-pressed);color:var(--color-interactive-text-neutral-pressed)}.qui-tab__button[data-disabled]{background:var(--color-interactive-background-ghost-idle);color:var(--color-utility-disabled-text);pointer-events:none}.qui-tab__button[data-variant=line][data-focus][data-focus-visible]{outline:solid 2px var(--color-border-brand-primary);outline-offset:-1px}.qui-tab__button[data-variant=contained]:hover{background:var(--color-background-neutral-01)}.qui-tab__button[data-variant=contained][data-selected]{background:var(--color-background-neutral-01)}.qui-tab__button[data-variant=contained][data-focus][data-focus-visible]{outline:solid 2px var(--color-border-brand-primary);outline-offset:-1px}.qui-tab__button[data-variant=contained][data-size=sm]{--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-60)}.qui-tab__button[data-variant=contained][data-size=md]{--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-80)}.qui-tab__button[data-orientation=vertical][data-size=sm]{--tab-initial-spacing-x:var(--spacing-80);--tab-spacing-y:var(--spacing-50)}.qui-tab__button[data-orientation=vertical][data-size=md]{--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-70)}.qui-tab__button[data-orientation=vertical][data-size=lg]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-100);--tab-spacing-y:var(--spacing-80)}.qui-tab__button[data-orientation=vertical][data-size=xl]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-100);--tab-spacing-y:var(--spacing-90)}.qui-tabs__indicator[data-empty]{display:none}.qui-tabs__indicator[data-focus][data-focus-visible]{--transition-duration:0ms}.qui-tabs__indicator:not([data-animate]){--transition-duration:0ms}.qui-tabs__indicator{background:var(--color-border-brand-primary)}.qui-tabs__indicator[data-orientation=horizontal]{bottom:0;height:var(--indicator-size);width:var(--width)}.qui-tabs__indicator[data-orientation=vertical]{height:var(--height);top:var(--top);width:var(--indicator-size)}.qui-tabs__panel{color:var(--color-text-neutral-primary)}.qui-tabs__panel[data-orientation=horizontal]{padding-top:var(--spacing-90)}.qui-tabs__panel[data-orientation=vertical]{padding-left:var(--spacing-90)}.qui-tab__icon[data-size]{--icon-size:var(--sizing-70)}.qui-tab__icon[data-size=sm]{--icon-size:var(--sizing-60)}.qui-tab__icon[data-icon-variant=filled]{background:var(--color-background-support-neutral);border-radius:var(--border-radius-xs);color:var(--color-utility-persistent-white);padding:var(--spacing-30)}.qui-tab__icon[data-icon-variant=filled][data-size=sm]{padding:var(--spacing-20)}.qui-tab__icon[data-icon-variant=filled] .qui-icon__root{--icon-size:var(--sizing-60)}