@qualcomm-ui/qds-core 1.28.0 → 1.28.2
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/button/qds-button.css +1 -1
- package/dist/components.min.css +6 -6
- package/dist/divider/qds-divider.css +1 -1
- package/dist/input/qds-input.css +1 -1
- package/dist/segmented-control/index.cjs +1 -1
- package/dist/segmented-control/index.cjs.map +2 -2
- package/dist/segmented-control/index.js +1 -1
- package/dist/segmented-control/index.js.map +2 -2
- package/dist/segmented-control/qds-segmented-control.css +1 -1
- package/dist/segmented-control/segmented-control.api.d.ts.map +1 -1
- package/dist/segmented-control/segmented-control.types.d.ts +1 -0
- package/dist/segmented-control/segmented-control.types.d.ts.map +1 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +8 -8
|
@@ -1 +1 @@
|
|
|
1
|
-
.qui-divider__root{border:0 solid;height:0;margin:8px 0;outline:none;position:relative;width:100%;--divider-border-color:var(--color-border-neutral-02)}.qui-divider__root[data-variant=subtle]{--divider-border-color:var(--color-border-neutral-01)}.qui-divider__root[data-variant=strong]{--divider-border-color:var(--color-border-neutral-03)}.qui-divider__root:not([aria-orientation=vertical]){border-top:solid 1px var(--divider-border-color);min-width:4px}.qui-divider__root[aria-orientation=vertical]{border-left:solid 1px var(--divider-border-color);
|
|
1
|
+
.qui-divider__root{border:0 solid;height:0;margin:8px 0;outline:none;position:relative;width:100%;--divider-border-color:var(--color-border-neutral-02)}.qui-divider__root[data-variant=subtle]{--divider-border-color:var(--color-border-neutral-01)}.qui-divider__root[data-variant=strong]{--divider-border-color:var(--color-border-neutral-03)}.qui-divider__root:not([aria-orientation=vertical]){border-top:solid 1px var(--divider-border-color);min-width:4px}.qui-divider__root[aria-orientation=vertical]{border-left:solid 1px var(--divider-border-color);margin:0 8px;min-height:100%;width:unset}.qui-divider__root[tabindex="-1"]:focus-visible{color:var(--color-utility-focus-border)}.qui-divider__root[tabindex="0"]:focus-visible,.qui-divider__root[tabindex="0"]:hover{border-color:var(--color-utility-focus-border)}
|
package/dist/input/qds-input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.qui-input__root{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-30);position:relative;width:100%;--input-group-gap:var(--spacing-40)}.qui-input__root[data-size=lg]{--input-group-gap:var(--spacing-50)}.qui-input__root[data-disabled]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-input__input-group{box-sizing:border-box;gap:var(--input-group-gap);height:var(--sizing-140);min-width:var(--sizing-160);outline:0;padding:0 var(--spacing-90)}.qui-input__input-group[data-focus]{outline:solid 1px var(--color-utility-focus-border)}.qui-input__input-group[data-size=sm]{height:var(--sizing-120);min-width:var(--sizing-120);padding:0 var(--spacing-70)}.qui-input__input-group[data-size=lg]{height:var(--sizing-160);min-width:var(--sizing-160);padding:0 var(--spacing-100)}.qui-input__input-group:has(.qui-password-input__visibility-trigger) [data-input-part=end-icon]{display:none}.qui-input__input-group .qui-password-input__visibility-trigger{z-index:2}.qui-input__input-group [data-input-part=input][data-size]{border:0;height:100%;outline:0}.qui-input__input-group:has([data-input-part=input][data-empty],[data-text-input-part=input][data-empty],[data-password-input-part=input][data-empty],[data-number-input-part=input][data-empty]) .qui-input__clear-trigger{display:none}.qui-input__input-group,.qui-number-input__input-group{align-items:center;background:var(--color-background-neutral-00);border:solid 1px var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-md);box-sizing:border-box;display:inline-flex;justify-content:flex-start;position:relative;width:100%;--icon-color:var(--color-utility-placeholder-icon)}.qui-input__input-group:hover,.qui-number-input__input-group:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-input__input-group:has([data-input-part=input]:not([data-empty])),.qui-number-input__input-group:has([data-input-part=input]:not([data-empty])){--icon-color:var(--color-icon-neutral-primary)}.qui-input__input-group[data-invalid],.qui-number-input__input-group[data-invalid]{border-color:var(--color-interactive-border-danger-idle);outline:solid 1px var(--color-interactive-border-danger-idle)}.qui-input__input-group[data-readonly],.qui-number-input__input-group[data-readonly]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-background-neutral-02);border-color:var(--color-utility-disabled-border)}.qui-input__input-group[data-focus],.qui-number-input__input-group[data-focus]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-input__input-group[data-disabled],.qui-number-input__input-group[data-disabled]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-input__input{--icon-color:var(--color-utility-placeholder-text);--input-size:var(--sizing-140);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0 solid;border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);height:100%;letter-spacing:inherit;margin:0;min-height:calc(var(--input-size) - 2px);min-width:var(--input-size);opacity:1;outline:0;padding:0;position:relative;text-align:start;text-overflow:ellipsis;width:100%}.qui-input__input[data-size=sm]{--input-size:var(--sizing-120);font:var(--font-static-body-xs-default)}.qui-input__input[data-size=lg]{--input-size:var(--sizing-160);font:var(--font-static-body-md-default)}.qui-input__input:disabled{color:var(--color-utility-disabled-text)}.qui-input__input:disabled::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-input__input:disabled::placeholder{color:var(--color-utility-disabled-text)}.qui-input__input::-moz-placeholder{color:var(--color-utility-placeholder-text);opacity:1}.qui-input__input::placeholder{color:var(--color-utility-placeholder-text);opacity:1}.qui-input__icon{align-items:center;color:var(--icon-color);display:inline-flex;justify-content:center;pointer-events:none;z-index:2;--icon-height:var(--sizing-70);--icon-width:var(--sizing-70)}.qui-input__icon[data-size=sm]{margin-right:calc(var(--spacing-50) - var(--input-group-gap))}.qui-input__icon[data-size=md]{margin-right:calc(var(--spacing-70) - var(--input-group-gap))}.qui-input__icon[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80);margin-right:calc(var(--spacing-80) - var(--input-group-gap))}.qui-
|
|
1
|
+
.qui-input__root{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-30);position:relative;width:100%;--input-group-gap:var(--spacing-40)}.qui-input__root[data-size=lg]{--input-group-gap:var(--spacing-50)}.qui-input__root[data-disabled]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-input__input-group{box-sizing:border-box;gap:var(--input-group-gap);height:var(--sizing-140);min-width:var(--sizing-160);outline:0;padding:0 var(--spacing-90)}.qui-input__input-group[data-focus]{outline:solid 1px var(--color-utility-focus-border)}.qui-input__input-group[data-size=sm]{height:var(--sizing-120);min-width:var(--sizing-120);padding:0 var(--spacing-70)}.qui-input__input-group[data-size=lg]{height:var(--sizing-160);min-width:var(--sizing-160);padding:0 var(--spacing-100)}.qui-input__input-group:has(.qui-password-input__visibility-trigger) [data-input-part=end-icon]{display:none}.qui-input__input-group .qui-password-input__visibility-trigger{z-index:2}.qui-input__input-group [data-input-part=input][data-size]{border:0;height:100%;outline:0}.qui-input__input-group:has([data-input-part=input][data-empty],[data-text-input-part=input][data-empty],[data-password-input-part=input][data-empty],[data-number-input-part=input][data-empty]) .qui-input__clear-trigger{display:none}.qui-input__input-group,.qui-number-input__input-group{align-items:center;background:var(--color-background-neutral-00);border:solid 1px var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-md);box-sizing:border-box;display:inline-flex;justify-content:flex-start;position:relative;width:100%;--icon-color:var(--color-utility-placeholder-icon)}.qui-input__input-group:hover,.qui-number-input__input-group:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-input__input-group:has([data-input-part=input]:not([data-empty])),.qui-number-input__input-group:has([data-input-part=input]:not([data-empty])){--icon-color:var(--color-icon-neutral-primary)}.qui-input__input-group[data-invalid],.qui-number-input__input-group[data-invalid]{border-color:var(--color-interactive-border-danger-idle);outline:solid 1px var(--color-interactive-border-danger-idle)}.qui-input__input-group[data-readonly],.qui-number-input__input-group[data-readonly]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-background-neutral-02);border-color:var(--color-utility-disabled-border)}.qui-input__input-group[data-focus],.qui-number-input__input-group[data-focus]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-input__input-group[data-disabled],.qui-number-input__input-group[data-disabled]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-input__input{--icon-color:var(--color-utility-placeholder-text);--input-size:var(--sizing-140);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0 solid;border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);height:100%;letter-spacing:inherit;margin:0;min-height:calc(var(--input-size) - 2px);min-width:var(--input-size);opacity:1;outline:0;padding:0;position:relative;text-align:start;text-overflow:ellipsis;width:100%}.qui-input__input[data-size=sm]{--input-size:var(--sizing-120);font:var(--font-static-body-xs-default)}.qui-input__input[data-size=lg]{--input-size:var(--sizing-160);font:var(--font-static-body-md-default)}.qui-input__input:disabled{color:var(--color-utility-disabled-text)}.qui-input__input:disabled::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-input__input:disabled::placeholder{color:var(--color-utility-disabled-text)}.qui-input__input::-moz-placeholder{color:var(--color-utility-placeholder-text);opacity:1}.qui-input__input::placeholder{color:var(--color-utility-placeholder-text);opacity:1}.qui-input__icon{align-items:center;color:var(--icon-color);display:inline-flex;justify-content:center;pointer-events:none;z-index:2;--icon-height:var(--sizing-70);--icon-width:var(--sizing-70)}.qui-input__icon[data-size=sm]{margin-right:calc(var(--spacing-50) - var(--input-group-gap))}.qui-input__icon[data-size=md]{margin-right:calc(var(--spacing-70) - var(--input-group-gap))}.qui-input__icon[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80);margin-right:calc(var(--spacing-80) - var(--input-group-gap))}.qui-input__clear-button{cursor:pointer;grid-row:1;z-index:3}.qui-input__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-input__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-input__hint{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-input__hint[data-disabled]{color:var(--color-utility-disabled-text)}.qui-input__required-indicator.qui-icon__root{display:inline;vertical-align:top}.qui-input__error-text{color:var(--color-text-support-danger);font:var(--font-static-body-xs-default)}.qui-input__error-text:not([hidden]){align-items:flex-start;display:inline-flex;flex-wrap:nowrap;gap:var(--spacing-40)}.qui-input__error-indicator{color:var(--color-text-support-danger);--icon-height:var(--sizing-70);--icon-width:var(--sizing-70)}.qui-input__error-indicator[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80)}.qui-password-input__visibility-trigger[data-password-input-part=visibility-trigger]{color:var(--icon-color)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var m=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var l=(t,e)=>{for(var n in e)m(t,n,{get:e[n],enumerable:!0})},p=(t,e,n,d)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of s(e))!g.call(t,o)&&o!==n&&m(t,o,{get:()=>e[o],enumerable:!(d=r(e,o))||d.enumerable});return t};var a=t=>p(m({},"__esModule",{value:!0}),t);var c={};l(c,{createQdsSegmentedControlApi:()=>u,segmentedControlClasses:()=>i});module.exports=a(c);var i={group:"qui-segmented-control__root",item:"qui-segmented-control__item",itemHiddenInput:"qui-segmented-control__item-hidden-input",itemText:"qui-segmented-control__item-text"};function u(t,e){let n=t.size||"md",d=t.layout||"hug",o=t.variant||"primary";return{layout:d,size:n,variant:o,getGroupBindings(){return e.element({className:i.group,"data-layout":d,"data-size":n,"data-variant":o})},getItemBindings(){return e.element({className:i.item,"data-size":n})},getItemHiddenInputBindings(){return e.element({className:i.itemHiddenInput})},getItemTextBindings(){return e.element({className:i.itemText})}}}
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/segmented-control/index.ts", "../../src/segmented-control/segmented-control.classes.ts", "../../src/segmented-control/segmented-control.api.ts"],
|
|
4
|
-
"sourcesContent": ["export * from \"./segmented-control.api\"\nexport * from \"./segmented-control.classes\"\nexport type * from \"./segmented-control.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const segmentedControlClasses = {\n group: \"qui-segmented-control__root\",\n item: \"qui-segmented-control__item\",\n itemHiddenInput: \"qui-segmented-control__item-hidden-input\",\n itemText: \"qui-segmented-control__item-text\",\n} as const\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {segmentedControlClasses} from \"./segmented-control.classes\"\nimport type {\n QdsSegmentedControlApi,\n QdsSegmentedControlApiProps,\n QdsSegmentedControlGroupBindings,\n QdsSegmentedControlItemBindings,\n QdsSegmentedControlItemHiddenInputBindings,\n QdsSegmentedControlItemTextBindings,\n} from \"./segmented-control.types\"\n\nexport function createQdsSegmentedControlApi(\n props: Explicit<QdsSegmentedControlApiProps>,\n normalize: PropNormalizer,\n): QdsSegmentedControlApi {\n const size = props.size || \"md\"\n const layout = props.layout || \"hug\"\n const variant = props.variant || \"primary\"\n return {\n layout,\n size,\n variant,\n\n // group: bindings\n getGroupBindings(): QdsSegmentedControlGroupBindings {\n return normalize.element({\n className: segmentedControlClasses.group,\n \"data-layout\": layout,\n \"data-size\": size,\n \"data-variant\": variant,\n })\n },\n getItemBindings(): QdsSegmentedControlItemBindings {\n return normalize.element({\n className: segmentedControlClasses.item,\n })\n },\n getItemHiddenInputBindings(): QdsSegmentedControlItemHiddenInputBindings {\n return normalize.element({\n className: segmentedControlClasses.itemHiddenInput,\n })\n },\n getItemTextBindings(): QdsSegmentedControlItemTextBindings {\n return normalize.element({\n className: segmentedControlClasses.itemText,\n })\n },\n }\n}\n"],
|
|
5
|
-
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kCAAAE,EAAA,4BAAAC,IAAA,eAAAC,EAAAJ,GCGO,IAAMK,EAA0B,CACrC,MAAO,8BACP,KAAM,8BACN,gBAAiB,2CACjB,SAAU,kCACZ,ECQO,SAASC,EACdC,EACAC,EACwB,CACxB,IAAMC,EAAOF,EAAM,MAAQ,KACrBG,EAASH,EAAM,QAAU,MACzBI,EAAUJ,EAAM,SAAW,UACjC,MAAO,CACL,OAAAG,EACA,KAAAD,EACA,QAAAE,EAGA,kBAAqD,CACnD,OAAOH,EAAU,QAAQ,CACvB,UAAWI,EAAwB,MACnC,cAAeF,EACf,YAAaD,EACb,eAAgBE,CAClB,CAAC,CACH,EACA,iBAAmD,CACjD,OAAOH,EAAU,QAAQ,CACvB,UAAWI,EAAwB,
|
|
4
|
+
"sourcesContent": ["export * from \"./segmented-control.api\"\nexport * from \"./segmented-control.classes\"\nexport type * from \"./segmented-control.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const segmentedControlClasses = {\n group: \"qui-segmented-control__root\",\n item: \"qui-segmented-control__item\",\n itemHiddenInput: \"qui-segmented-control__item-hidden-input\",\n itemText: \"qui-segmented-control__item-text\",\n} as const\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {segmentedControlClasses} from \"./segmented-control.classes\"\nimport type {\n QdsSegmentedControlApi,\n QdsSegmentedControlApiProps,\n QdsSegmentedControlGroupBindings,\n QdsSegmentedControlItemBindings,\n QdsSegmentedControlItemHiddenInputBindings,\n QdsSegmentedControlItemTextBindings,\n} from \"./segmented-control.types\"\n\nexport function createQdsSegmentedControlApi(\n props: Explicit<QdsSegmentedControlApiProps>,\n normalize: PropNormalizer,\n): QdsSegmentedControlApi {\n const size = props.size || \"md\"\n const layout = props.layout || \"hug\"\n const variant = props.variant || \"primary\"\n return {\n layout,\n size,\n variant,\n\n // group: bindings\n getGroupBindings(): QdsSegmentedControlGroupBindings {\n return normalize.element({\n className: segmentedControlClasses.group,\n \"data-layout\": layout,\n \"data-size\": size,\n \"data-variant\": variant,\n })\n },\n getItemBindings(): QdsSegmentedControlItemBindings {\n return normalize.element({\n className: segmentedControlClasses.item,\n \"data-size\": size,\n })\n },\n getItemHiddenInputBindings(): QdsSegmentedControlItemHiddenInputBindings {\n return normalize.element({\n className: segmentedControlClasses.itemHiddenInput,\n })\n },\n getItemTextBindings(): QdsSegmentedControlItemTextBindings {\n return normalize.element({\n className: segmentedControlClasses.itemText,\n })\n },\n }\n}\n"],
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kCAAAE,EAAA,4BAAAC,IAAA,eAAAC,EAAAJ,GCGO,IAAMK,EAA0B,CACrC,MAAO,8BACP,KAAM,8BACN,gBAAiB,2CACjB,SAAU,kCACZ,ECQO,SAASC,EACdC,EACAC,EACwB,CACxB,IAAMC,EAAOF,EAAM,MAAQ,KACrBG,EAASH,EAAM,QAAU,MACzBI,EAAUJ,EAAM,SAAW,UACjC,MAAO,CACL,OAAAG,EACA,KAAAD,EACA,QAAAE,EAGA,kBAAqD,CACnD,OAAOH,EAAU,QAAQ,CACvB,UAAWI,EAAwB,MACnC,cAAeF,EACf,YAAaD,EACb,eAAgBE,CAClB,CAAC,CACH,EACA,iBAAmD,CACjD,OAAOH,EAAU,QAAQ,CACvB,UAAWI,EAAwB,KACnC,YAAaH,CACf,CAAC,CACH,EACA,4BAAyE,CACvE,OAAOD,EAAU,QAAQ,CACvB,UAAWI,EAAwB,eACrC,CAAC,CACH,EACA,qBAA2D,CACzD,OAAOJ,EAAU,QAAQ,CACvB,UAAWI,EAAwB,QACrC,CAAC,CACH,CACF,CACF",
|
|
6
6
|
"names": ["segmented_control_exports", "__export", "createQdsSegmentedControlApi", "segmentedControlClasses", "__toCommonJS", "segmentedControlClasses", "createQdsSegmentedControlApi", "props", "normalize", "size", "layout", "variant", "segmentedControlClasses"]
|
|
7
7
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={group:"qui-segmented-control__root",item:"qui-segmented-control__item",itemHiddenInput:"qui-segmented-control__item-hidden-input",itemText:"qui-segmented-control__item-text"};function s(n,t){let o=n.size||"md",i=n.layout||"hug",
|
|
1
|
+
var e={group:"qui-segmented-control__root",item:"qui-segmented-control__item",itemHiddenInput:"qui-segmented-control__item-hidden-input",itemText:"qui-segmented-control__item-text"};function s(n,t){let o=n.size||"md",i=n.layout||"hug",d=n.variant||"primary";return{layout:i,size:o,variant:d,getGroupBindings(){return t.element({className:e.group,"data-layout":i,"data-size":o,"data-variant":d})},getItemBindings(){return t.element({className:e.item,"data-size":o})},getItemHiddenInputBindings(){return t.element({className:e.itemHiddenInput})},getItemTextBindings(){return t.element({className:e.itemText})}}}export{s as createQdsSegmentedControlApi,e as segmentedControlClasses};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/segmented-control/segmented-control.classes.ts", "../../src/segmented-control/segmented-control.api.ts"],
|
|
4
|
-
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const segmentedControlClasses = {\n group: \"qui-segmented-control__root\",\n item: \"qui-segmented-control__item\",\n itemHiddenInput: \"qui-segmented-control__item-hidden-input\",\n itemText: \"qui-segmented-control__item-text\",\n} as const\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {segmentedControlClasses} from \"./segmented-control.classes\"\nimport type {\n QdsSegmentedControlApi,\n QdsSegmentedControlApiProps,\n QdsSegmentedControlGroupBindings,\n QdsSegmentedControlItemBindings,\n QdsSegmentedControlItemHiddenInputBindings,\n QdsSegmentedControlItemTextBindings,\n} from \"./segmented-control.types\"\n\nexport function createQdsSegmentedControlApi(\n props: Explicit<QdsSegmentedControlApiProps>,\n normalize: PropNormalizer,\n): QdsSegmentedControlApi {\n const size = props.size || \"md\"\n const layout = props.layout || \"hug\"\n const variant = props.variant || \"primary\"\n return {\n layout,\n size,\n variant,\n\n // group: bindings\n getGroupBindings(): QdsSegmentedControlGroupBindings {\n return normalize.element({\n className: segmentedControlClasses.group,\n \"data-layout\": layout,\n \"data-size\": size,\n \"data-variant\": variant,\n })\n },\n getItemBindings(): QdsSegmentedControlItemBindings {\n return normalize.element({\n className: segmentedControlClasses.item,\n })\n },\n getItemHiddenInputBindings(): QdsSegmentedControlItemHiddenInputBindings {\n return normalize.element({\n className: segmentedControlClasses.itemHiddenInput,\n })\n },\n getItemTextBindings(): QdsSegmentedControlItemTextBindings {\n return normalize.element({\n className: segmentedControlClasses.itemText,\n })\n },\n }\n}\n"],
|
|
5
|
-
"mappings": "AAGO,IAAMA,EAA0B,CACrC,MAAO,8BACP,KAAM,8BACN,gBAAiB,2CACjB,SAAU,kCACZ,ECQO,SAASC,EACdC,EACAC,EACwB,CACxB,IAAMC,EAAOF,EAAM,MAAQ,KACrBG,EAASH,EAAM,QAAU,MACzBI,EAAUJ,EAAM,SAAW,UACjC,MAAO,CACL,OAAAG,EACA,KAAAD,EACA,QAAAE,EAGA,kBAAqD,CACnD,OAAOH,EAAU,QAAQ,CACvB,UAAWI,EAAwB,MACnC,cAAeF,EACf,YAAaD,EACb,eAAgBE,CAClB,CAAC,CACH,EACA,iBAAmD,CACjD,OAAOH,EAAU,QAAQ,CACvB,UAAWI,EAAwB,
|
|
4
|
+
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const segmentedControlClasses = {\n group: \"qui-segmented-control__root\",\n item: \"qui-segmented-control__item\",\n itemHiddenInput: \"qui-segmented-control__item-hidden-input\",\n itemText: \"qui-segmented-control__item-text\",\n} as const\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {segmentedControlClasses} from \"./segmented-control.classes\"\nimport type {\n QdsSegmentedControlApi,\n QdsSegmentedControlApiProps,\n QdsSegmentedControlGroupBindings,\n QdsSegmentedControlItemBindings,\n QdsSegmentedControlItemHiddenInputBindings,\n QdsSegmentedControlItemTextBindings,\n} from \"./segmented-control.types\"\n\nexport function createQdsSegmentedControlApi(\n props: Explicit<QdsSegmentedControlApiProps>,\n normalize: PropNormalizer,\n): QdsSegmentedControlApi {\n const size = props.size || \"md\"\n const layout = props.layout || \"hug\"\n const variant = props.variant || \"primary\"\n return {\n layout,\n size,\n variant,\n\n // group: bindings\n getGroupBindings(): QdsSegmentedControlGroupBindings {\n return normalize.element({\n className: segmentedControlClasses.group,\n \"data-layout\": layout,\n \"data-size\": size,\n \"data-variant\": variant,\n })\n },\n getItemBindings(): QdsSegmentedControlItemBindings {\n return normalize.element({\n className: segmentedControlClasses.item,\n \"data-size\": size,\n })\n },\n getItemHiddenInputBindings(): QdsSegmentedControlItemHiddenInputBindings {\n return normalize.element({\n className: segmentedControlClasses.itemHiddenInput,\n })\n },\n getItemTextBindings(): QdsSegmentedControlItemTextBindings {\n return normalize.element({\n className: segmentedControlClasses.itemText,\n })\n },\n }\n}\n"],
|
|
5
|
+
"mappings": "AAGO,IAAMA,EAA0B,CACrC,MAAO,8BACP,KAAM,8BACN,gBAAiB,2CACjB,SAAU,kCACZ,ECQO,SAASC,EACdC,EACAC,EACwB,CACxB,IAAMC,EAAOF,EAAM,MAAQ,KACrBG,EAASH,EAAM,QAAU,MACzBI,EAAUJ,EAAM,SAAW,UACjC,MAAO,CACL,OAAAG,EACA,KAAAD,EACA,QAAAE,EAGA,kBAAqD,CACnD,OAAOH,EAAU,QAAQ,CACvB,UAAWI,EAAwB,MACnC,cAAeF,EACf,YAAaD,EACb,eAAgBE,CAClB,CAAC,CACH,EACA,iBAAmD,CACjD,OAAOH,EAAU,QAAQ,CACvB,UAAWI,EAAwB,KACnC,YAAaH,CACf,CAAC,CACH,EACA,4BAAyE,CACvE,OAAOD,EAAU,QAAQ,CACvB,UAAWI,EAAwB,eACrC,CAAC,CACH,EACA,qBAA2D,CACzD,OAAOJ,EAAU,QAAQ,CACvB,UAAWI,EAAwB,QACrC,CAAC,CACH,CACF,CACF",
|
|
6
6
|
"names": ["segmentedControlClasses", "createQdsSegmentedControlApi", "props", "normalize", "size", "layout", "variant", "segmentedControlClasses"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.qui-segmented-control__root{border:0 solid;border-radius:var(--border-radius-md);box-shadow:inset 0 0 0 1px var(--color-border-neutral-02);box-sizing:border-box;display:inline-flex;margin:0;padding:0}.qui-segmented-control__root[data-orientation=vertical]{flex-direction:column}.qui-segmented-control__root{--text-checked:var(--color-utility-persistent-white);--text-disabled:var(--color-utility-disabled-text);--bg-idle:var(--color-interactive-background-ghost-idle);--bg-hover:var(--color-interactive-background-ghost-hover);--bg-active:var(--color-interactive-background-ghost-pressed);--bg-checked:var(--color-interactive-background-neutral-idle);--bg-disabled:var(--color-utility-disabled-background)}.qui-segmented-control__root[data-variant=primary]{--text-idle:var(--color-interactive-text-primary-idle);--text-hover:var(--color-interactive-text-primary-hover);--text-active:var(--color-interactive-text-primary-pressed);--bg-checked:var(--color-interactive-background-primary-idle)}.qui-segmented-control__root[data-variant=neutral]{--text-idle:var(--color-interactive-text-neutral-idle);--text-hover:var(--color-interactive-text-neutral-hover);--text-active:var(--color-interactive-text-neutral-pressed);--bg-checked:var(--color-interactive-background-neutral-idle)}.qui-segmented-control__root[data-layout=hug]{width:-moz-fit-content;width:fit-content}.qui-segmented-control__root[data-layout=fill]{width:100%}.qui-segmented-control__root[data-layout=fill]>.qui-segmented-control__item{flex:1 1 0;min-width:0}.qui-segmented-control__item{align-items:center;background-color:var(--bg-idle);color:var(--text-idle);cursor:pointer;display:inline-flex;justify-content:center;transition:color var(--animation-duration-faster) ease,background-color var(--animation-duration-faster) ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;--border-radius:var(--border-radius-md)}[data-size=sm]
|
|
1
|
+
.qui-segmented-control__root{border:0 solid;border-radius:var(--border-radius-md);box-shadow:inset 0 0 0 1px var(--color-border-neutral-02);box-sizing:border-box;display:inline-flex;margin:0;padding:0}.qui-segmented-control__root[data-orientation=vertical]{flex-direction:column}.qui-segmented-control__root{--text-checked:var(--color-utility-persistent-white);--text-disabled:var(--color-utility-disabled-text);--bg-idle:var(--color-interactive-background-ghost-idle);--bg-hover:var(--color-interactive-background-ghost-hover);--bg-active:var(--color-interactive-background-ghost-pressed);--bg-checked:var(--color-interactive-background-neutral-idle);--bg-disabled:var(--color-utility-disabled-background)}.qui-segmented-control__root[data-variant=primary]{--text-idle:var(--color-interactive-text-primary-idle);--text-hover:var(--color-interactive-text-primary-hover);--text-active:var(--color-interactive-text-primary-pressed);--bg-checked:var(--color-interactive-background-primary-idle)}.qui-segmented-control__root[data-variant=neutral]{--text-idle:var(--color-interactive-text-neutral-idle);--text-hover:var(--color-interactive-text-neutral-hover);--text-active:var(--color-interactive-text-neutral-pressed);--bg-checked:var(--color-interactive-background-neutral-idle)}.qui-segmented-control__root[data-layout=hug]{width:-moz-fit-content;width:fit-content}.qui-segmented-control__root[data-layout=fill]{width:100%}.qui-segmented-control__root[data-layout=fill]>.qui-segmented-control__item{flex:1 1 0;min-width:0}.qui-segmented-control__item{align-items:center;background-color:var(--bg-idle);color:var(--text-idle);cursor:pointer;display:inline-flex;justify-content:center;transition:color var(--animation-duration-faster) ease,background-color var(--animation-duration-faster) ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;--border-radius:var(--border-radius-md)}.qui-segmented-control__item[data-size=sm]{block-size:var(--sizing-120);font:var(--font-static-body-xs-bold);gap:var(--spacing-50);padding-inline:var(--spacing-80)}.qui-segmented-control__item[data-size=sm]:has([data-checkbox-part=label]){padding-inline:var(--spacing-90)}.qui-segmented-control__item[data-size=sm]{--divider-height:var(--sizing-60)}.qui-segmented-control__item[data-size=sm]>.qui-icon__root{--icon-size:var(--sizing-60)}.qui-segmented-control__item[data-size=md]{block-size:var(--sizing-140);font:var(--font-static-body-sm-bold);gap:var(--spacing-70);padding-inline:var(--spacing-90)}.qui-segmented-control__item[data-size=md]:has([data-checkbox-part=label]){padding-inline:var(--spacing-100)}.qui-segmented-control__item[data-size=md]{--divider-height:var(--sizing-70)}.qui-segmented-control__item[data-size=md]>.qui-icon__root{--icon-size:var(--sizing-70)}.qui-segmented-control__item[data-size=lg]{block-size:var(--sizing-160);font:var(--font-static-body-lg-bold);gap:var(--spacing-90);padding-inline:14px}.qui-segmented-control__item[data-size=lg]:has([data-checkbox-part=label]){padding-inline:var(--spacing-110)}.qui-segmented-control__item[data-size=lg]{--divider-height:var(--sizing-80)}.qui-segmented-control__item[data-size=lg]>.qui-icon__root{--icon-size:var(--sizing-80)}.qui-segmented-control__item:first-of-type[data-orientation=horizontal]{border-end-start-radius:var(--border-radius);border-start-start-radius:var(--border-radius)}.qui-segmented-control__item:first-of-type[data-orientation=vertical]{border-start-end-radius:var(--border-radius);border-start-start-radius:var(--border-radius)}.qui-segmented-control__item:last-of-type[data-orientation=horizontal]{border-end-end-radius:var(--border-radius);border-start-end-radius:var(--border-radius)}.qui-segmented-control__item:last-of-type[data-orientation=vertical]{border-end-end-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.qui-segmented-control__item[data-state=unchecked]:not([data-disabled]){background-color:unset}.qui-segmented-control__item[data-state=unchecked]:not([data-disabled]):hover{background-color:var(--bg-hover);color:var(--text-hover)}.qui-segmented-control__item[data-state=unchecked]:not([data-disabled]):active{background-color:var(--bg-active);color:var(--text-active)}.qui-segmented-control__item[data-state=checked]{background-color:var(--bg-checked);color:var(--text-checked)}.qui-segmented-control__item[data-disabled]{background-color:var(--bg-disabled);color:var(--text-disabled);cursor:default}.qui-segmented-control__item[data-focus-visible]{box-shadow:0px 0 0 2px var(--color-utility-focus-border);outline:none}.qui-segmented-control__item[data-focus-visible][data-state=checked]{box-shadow:inset 0px 0 0 1px var(--color-background-neutral-00),0px 0 0 2px var(--color-utility-focus-border)}.qui-segmented-control__root{gap:1px}.qui-segmented-control__item:not(:first-of-type){position:relative}.qui-segmented-control__item:not(:first-of-type):before{background-color:var(--color-border-neutral-01);content:"";position:absolute;transition:background-color var(--animation-duration-faster) ease}.qui-segmented-control__item[data-orientation=horizontal]:not(:first-of-type):before{height:var(--divider-height);inset-inline-start:-1px;top:calc(50% - var(--divider-height) / 2);width:1px}.qui-segmented-control__item[data-orientation=horizontal][data-state=checked]+.qui-segmented-control__item:before,.qui-segmented-control__item[data-orientation=horizontal][data-state=checked]:not(:first-of-type):before{background-color:var(--bg-checked);height:100%;top:0}.qui-segmented-control__item[data-orientation=horizontal][data-disabled]+.qui-segmented-control__item:before,.qui-segmented-control__item[data-orientation=horizontal][data-disabled]:not(:first-of-type):before{background-color:var(--bg-disabled);height:100%;top:0}.qui-segmented-control__item[data-orientation=vertical]:not(:first-of-type):before{height:1px;inset-block-start:-1px;width:100%}.qui-segmented-control__item[data-orientation=vertical][data-state=checked]+.qui-segmented-control__item:before,.qui-segmented-control__item[data-orientation=vertical][data-state=checked]:not(:first-of-type):before{background-color:var(--bg-checked)}.qui-segmented-control__item:has(:focus-visible)+.qui-segmented-control__item:before,.qui-segmented-control__item:has(:focus-visible):before{display:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"segmented-control.api.d.ts","sourceRoot":"","sources":["../../src/segmented-control/segmented-control.api.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AACtD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EACV,sBAAsB,EACtB,2BAA2B,EAK5B,MAAM,2BAA2B,CAAA;AAElC,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,QAAQ,CAAC,2BAA2B,CAAC,EAC5C,SAAS,EAAE,cAAc,GACxB,sBAAsB,
|
|
1
|
+
{"version":3,"file":"segmented-control.api.d.ts","sourceRoot":"","sources":["../../src/segmented-control/segmented-control.api.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AACtD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EACV,sBAAsB,EACtB,2BAA2B,EAK5B,MAAM,2BAA2B,CAAA;AAElC,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,QAAQ,CAAC,2BAA2B,CAAC,EAC5C,SAAS,EAAE,cAAc,GACxB,sBAAsB,CAmCxB"}
|
|
@@ -33,6 +33,7 @@ export interface QdsSegmentedControlGroupBindings {
|
|
|
33
33
|
}
|
|
34
34
|
export interface QdsSegmentedControlItemBindings {
|
|
35
35
|
className: SegmentedControlClasses["item"];
|
|
36
|
+
"data-size": QdsSegmentedControlSize;
|
|
36
37
|
}
|
|
37
38
|
export interface QdsSegmentedControlItemTextBindings {
|
|
38
39
|
className: SegmentedControlClasses["itemText"];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"segmented-control.types.d.ts","sourceRoot":"","sources":["../../src/segmented-control/segmented-control.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,6BAA6B,CAAA;AAExE,MAAM,MAAM,uBAAuB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAExD,MAAM,MAAM,yBAAyB,GAAG,KAAK,GAAG,MAAM,CAAA;AAEtD,MAAM,MAAM,0BAA0B,GAAG,SAAS,GAAG,SAAS,CAAA;AAE9D,KAAK,uBAAuB,GAAG,OAAO,uBAAuB,CAAA;AAE7D,MAAM,WAAW,2BAA2B;IAC1C;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,yBAAyB,CAAA;IAElC;;;;OAIG;IACH,IAAI,CAAC,EAAE,uBAAuB,CAAA;IAE9B;;;;OAIG;IACH,OAAO,CAAC,EAAE,0BAA0B,CAAA;CACrC;AAED,MAAM,WAAW,gCAAgC;IAC/C,SAAS,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAA;IAC3C,aAAa,EAAE,yBAAyB,CAAA;IACxC,WAAW,EAAE,uBAAuB,CAAA;IACpC,cAAc,EAAE,0BAA0B,CAAA;CAC3C;AAED,MAAM,WAAW,+BAA+B;IAC9C,SAAS,EAAE,uBAAuB,CAAC,MAAM,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"segmented-control.types.d.ts","sourceRoot":"","sources":["../../src/segmented-control/segmented-control.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,6BAA6B,CAAA;AAExE,MAAM,MAAM,uBAAuB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAExD,MAAM,MAAM,yBAAyB,GAAG,KAAK,GAAG,MAAM,CAAA;AAEtD,MAAM,MAAM,0BAA0B,GAAG,SAAS,GAAG,SAAS,CAAA;AAE9D,KAAK,uBAAuB,GAAG,OAAO,uBAAuB,CAAA;AAE7D,MAAM,WAAW,2BAA2B;IAC1C;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,yBAAyB,CAAA;IAElC;;;;OAIG;IACH,IAAI,CAAC,EAAE,uBAAuB,CAAA;IAE9B;;;;OAIG;IACH,OAAO,CAAC,EAAE,0BAA0B,CAAA;CACrC;AAED,MAAM,WAAW,gCAAgC;IAC/C,SAAS,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAA;IAC3C,aAAa,EAAE,yBAAyB,CAAA;IACxC,WAAW,EAAE,uBAAuB,CAAA;IACpC,cAAc,EAAE,0BAA0B,CAAA;CAC3C;AAED,MAAM,WAAW,+BAA+B;IAC9C,SAAS,EAAE,uBAAuB,CAAC,MAAM,CAAC,CAAA;IAC1C,WAAW,EAAE,uBAAuB,CAAA;CACrC;AAED,MAAM,WAAW,mCAAmC;IAClD,SAAS,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAA;CAC/C;AAED,MAAM,WAAW,0CAA0C;IACzD,SAAS,EAAE,uBAAuB,CAAC,iBAAiB,CAAC,CAAA;CACtD;AAED,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,yBAAyB,CAAA;IACjC,IAAI,EAAE,uBAAuB,CAAA;IAC7B,OAAO,EAAE,0BAA0B,CAAA;IAGnC,gBAAgB,IAAI,gCAAgC,CAAA;IACpD,eAAe,IAAI,+BAA+B,CAAA;IAClD,0BAA0B,IAAI,0CAA0C,CAAA;IACxE,mBAAmB,IAAI,mCAAmC,CAAA;CAC3D"}
|