@cds/core 5.5.5 → 5.6.0

package/package.json

@@ -1,52 +1,31 @@
 {
   "name": "@cds/core",
-  "version": "5.5.5",
-  "scripts": {
-    "clean": "del ./dist",
-    "start": "npm-run-all build -p build:watch storybook:start",
-    "sandbox": "web-dev-server -c web-dev-server.sandbox.mjs",
-    "build": "npm-run-all -s clean build:tokens build:lib build:update",
-    "test": "npm-run-all -s test:unit test:performance",
-    "lint": "eslint \"**/*.ts\" --ignore-pattern \"dist\" && stylelint \"./**/*.scss\" && lit-analyzer ./src",
-    "storybook:start": "wds -c ./web-dev-server.storybook.mjs",
-    "storybook:build": "build-storybook --config-dir .storybook --output-dir ../../dist/website/storybook/core",
-    "lint:fix": "eslint --fix \"./**/*.ts\" && stylelint --fix \"./**/*.scss\"",
-    "test:watch": "wtr --watch",
-    "test:unit": "wtr",
-    "test:unit:coverage": "wtr --coverage",
-    "test:performance": "rollup --config ./rollup.performance.js",
-    "test:performance:report": "npm-run-all 'test:performance --sourcemap'",
-    "build:watch": "npm-run-all 'build:lib --watch'",
-    "build:lib": "rollup --config ./rollup.config.js",
-    "build:tokens": "cd build && ts-node ./build.tokens.ts",
-    "build:preinstall": "mkdir -p ../../dist/core/ && cp ./package.json ../../dist/core/",
-    "build:update": "node ../../scripts/update-local-packages.js /packages/core/dist/core/package.json",
-    "postinstall": "patch-package"
-  },
-  "customElements": "dist/core/custom-elements.json",
-  "sideEffects": [
-    "src/**/*.register.js"
-  ],
-  "files": [
-    "*"
-  ],
+  "version": "5.6.0",
+  "license": "MIT",
+  "author": "clarity",
+  "description": "Clarity Design System Web Components",
+  "homepage": "https://clarity.design",
+  "customElements": "custom-elements.json",
   "keywords": [
     "web component",
     "design system",
     "clarity",
     "ui"
   ],
-  "description": "Clarity Design System Web Components",
-  "homepage": "https://clarity.design",
   "repository": {
     "type": "git",
     "url": "https://github.com/vmware/clarity.git"
   },
-  "author": "clarity",
-  "license": "MIT",
   "bugs": {
     "url": "https://github.com/vmware/clarity/issues"
   },
+  "main": "./index.js",
+  "module": "./index.js",
+  "typings": "./index.d.ts",
+  "type": "module",
+  "files": [
+    "*"
+  ],
   "dependencies": {
     "lit": "2.0.0-rc.2",
     "ramda": "^0.27.1",
@@ -57,72 +36,185 @@
     "@types/resize-observer-browser": "^0.1.5",
     "modern-normalize": "1.1.0"
   },
-  "devDependencies": {
-    "@custom-elements-manifest/analyzer": "0.4.12",
-    "@fullhuman/postcss-purgecss": "4.0.3",
-    "@open-wc/dev-server-hmr": "0.1.2-next.0",
-    "@rollup/plugin-alias": "3.1.2",
-    "@rollup/plugin-image": "2.0.6",
-    "@rollup/plugin-json": "4.1.0",
-    "@rollup/plugin-node-resolve": "13.0.0",
-    "@rollup/plugin-replace": "2.4.2",
-    "@rollup/plugin-typescript": "8.2.1",
-    "@rollup/plugin-virtual": "2.0.3",
-    "@skypack/package-check": "0.2.2",
-    "@types/jasmine": "3.3.13",
-    "@types/jasmine-expect": "3.8.1",
-    "@types/jasmine-matchers": "0.2.32",
-    "@types/jasminewd2": "2.0.6",
-    "@types/node": "^12.11.1",
-    "@types/ramda": "0.27.11",
-    "@typescript-eslint/eslint-plugin": "2.30.0",
-    "@typescript-eslint/parser": "2.30.0",
-    "@web/dev-server": "0.1.17",
-    "@web/dev-server-esbuild": "0.2.12",
-    "@web/dev-server-import-maps": "^0.0.5",
-    "@web/dev-server-rollup": "0.3.4",
-    "@web/dev-server-storybook": "0.3.5",
-    "@web/storybook-prebuilt": "0.1.20",
-    "@web/test-runner": "0.13.4",
-    "@web/test-runner-playwright": "0.8.6",
-    "autoprefixer": "10.2.5",
-    "browserslist": "4.16.6",
-    "bundlesize": "1.0.0-beta.2",
-    "csso": "4.2.0",
-    "custom-elements-hmr-polyfill": "1.0.3",
-    "del-cli": "1.1.0",
-    "eslint": "6.8.0",
-    "eslint-config-prettier": "6.11.0",
-    "eslint-plugin-jasmine": "4.1.1",
-    "eslint-plugin-lit": "1.5.0",
-    "eslint-plugin-lit-a11y": "1.1.0-next.0",
-    "eslint-plugin-wc": "1.3.0",
-    "fs-extra": "8.1.0",
-    "jasmine": "3.7.0",
-    "lit-analyzer": "1.2.1",
-    "npm-run-all": "4.1.5",
-    "patch-package": "6.4.7",
-    "playwright": "1.11.1",
-    "purgecss": "4.0.3",
-    "replace": "1.2.0",
-    "rollup-plugin-copy": "3.4.0",
-    "rollup-plugin-delete": "2.0.0",
-    "rollup-plugin-minify-html-literals": "1.2.6",
-    "rollup-plugin-postcss": "4.0.0",
-    "rollup-plugin-shell": "1.0.3",
-    "rollup-plugin-sourcemaps": "0.6.3",
-    "rollup-plugin-styles": "3.14.1",
-    "rollup-plugin-terser": "7.0.2",
-    "sass": "1.26.10",
-    "source-map-explorer": "2.5.2",
-    "stylelint": "10.0.1",
-    "stylelint-config-recommended": "2.2.0",
-    "stylelint-declaration-use-variable": "1.7.0",
-    "stylelint-no-px": "0.12.1",
-    "stylelint-scss": "3.9.2",
-    "ts-lit-plugin": "1.2.1",
-    "ts-node": "^9.0.0",
-    "typescript": "^4.2.4",
-    "web-component-analyzer": "1.2.0-next.0"
+  "sideEffects": [
+    "./accordion/register.js",
+    "./alert/register.js",
+    "./badge/register.js",
+    "./breadcrumb/register.js",
+    "./button/register.js",
+    "./card/register.js",
+    "./checkbox/register.js",
+    "./datalist/register.js",
+    "./date/register.js",
+    "./divider/register.js",
+    "./file/register.js",
+    "./forms/register.js",
+    "./icon/register.js",
+    "./input/register.js",
+    "./internal-components/close-button/register.js",
+    "./internal-components/overlay/register.js",
+    "./internal-components/panel/register.js",
+    "./internal-components/visual-checkbox/register.js",
+    "./modal/register.js",
+    "./navigation/register.js",
+    "./pagination/register.js",
+    "./password/register.js",
+    "./progress-circle/register.js",
+    "./radio/register.js",
+    "./range/register.js",
+    "./search/register.js",
+    "./select/register.js",
+    "./selection-panels/register.js",
+    "./selection-panels/checkbox/register.js",
+    "./selection-panels/radio/register.js",
+    "./tag/register.js",
+    "./textarea/register.js",
+    "./test-dropdown/register.js",
+    "./time/register.js",
+    "./toggle/register.js",
+    "./tree-view/register.js"
+  ],
+  "exports": {
+    "./package.json": "./package.json",
+    "./custom-elements.json": "./custom-elements.json",
+    ".": "./index.js",
+    "./internal": "./internal/index.js",
+    "./test": "./test/index.js",
+    "./icon/shapes/*": "./icon/shapes/*",
+    "./icon/icon.service.js": "./icon/icon.service.js",
+    "./tokens/tokens.js": "./tokens/tokens.js",
+    "./tokens/tokens.d.ts": "./tokens/tokens.d.ts",
+    "./tokens/tokens.json": "./tokens/tokens.json",
+    "./tokens/tokens.scss": "./tokens/tokens.scss",
+    "./tokens/tokens.ios.swift": "./tokens/tokens.ios.swift",
+    "./tokens/tokens.android.xml": "./tokens/tokens.android.xml",
+    "./accordion": "./accordion/index.js",
+    "./accordion/register": "./accordion/register.js",
+    "./accordion/register.js": "./accordion/register.js",
+    "./alert": "./alert/index.js",
+    "./alert/register": "./alert/register.js",
+    "./alert/register.js": "./alert/register.js",
+    "./badge": "./badge/index.js",
+    "./badge/register": "./badge/register.js",
+    "./badge/register.js": "./badge/register.js",
+    "./breadcrumb": "./breadcrumb/index.js",
+    "./breadcrumb/register": "./breadcrumb/register.js",
+    "./breadcrumb/register.js": "./breadcrumb/register.js",
+    "./button": "./button/index.js",
+    "./button/register": "./button/register.js",
+    "./button/register.js": "./button/register.js",
+    "./card": "./card/index.js",
+    "./card/register": "./card/register.js",
+    "./card/register.js": "./card/register.js",
+    "./checkbox": "./checkbox/index.js",
+    "./checkbox/register": "./checkbox/register.js",
+    "./checkbox/register.js": "./checkbox/register.js",
+    "./datalist": "./datalist/index.js",
+    "./datalist/register": "./datalist/register.js",
+    "./datalist/register.js": "./datalist/register.js",
+    "./date": "./date/index.js",
+    "./date/register": "./date/register.js",
+    "./date/register.js": "./date/register.js",
+    "./divider": "./divider/index.js",
+    "./divider/register": "./divider/register.js",
+    "./divider/register.js": "./divider/register.js",
+    "./file": "./file/index.js",
+    "./file/register": "./file/register.js",
+    "./file/register.js": "./file/register.js",
+    "./forms": "./forms/index.js",
+    "./forms/register": "./forms/register.js",
+    "./forms/register.js": "./forms/register.js",
+    "./icon": "./icon/index.js",
+    "./icon/register": "./icon/register.js",
+    "./icon/register.js": "./icon/register.js",
+    "./input": "./input/index.js",
+    "./input/register": "./input/register.js",
+    "./input/register.js": "./input/register.js",
+    "./internal-components/close-button": "./internal-components/close-button/index.js",
+    "./internal-components/close-button/register": "./internal-components/close-button/register.js",
+    "./internal-components/close-button/register.js": "./internal-components/close-button/register.js",
+    "./internal-components/overlay": "./internal-components/overlay/index.js",
+    "./internal-components/overlay/register": "./internal-components/overlay/register.js",
+    "./internal-components/overlay/register.js": "./internal-components/overlay/register.js",
+    "./internal-components/panel": "./internal-components/panel/index.js",
+    "./internal-components/panel/register": "./internal-components/panel/register.js",
+    "./internal-components/panel/register.js": "./internal-components/panel/register.js",
+    "./internal-components/visual-checkbox": "./internal-components/visual-checkbox/index.js",
+    "./internal-components/visual-checkbox/register": "./internal-components/visual-checkbox/register.js",
+    "./internal-components/visual-checkbox/register.js": "./internal-components/visual-checkbox/register.js",
+    "./modal": "./modal/index.js",
+    "./modal/register": "./modal/register.js",
+    "./modal/register.js": "./modal/register.js",
+    "./navigation": "./navigation/index.js",
+    "./navigation/register": "./navigation/register.js",
+    "./navigation/register.js": "./navigation/register.js",
+    "./pagination": "./pagination/index.js",
+    "./pagination/register": "./pagination/register.js",
+    "./pagination/register.js": "./pagination/register.js",
+    "./password": "./password/index.js",
+    "./password/register": "./password/register.js",
+    "./password/register.js": "./password/register.js",
+    "./progress-circle": "./progress-circle/index.js",
+    "./progress-circle/register": "./progress-circle/register.js",
+    "./progress-circle/register.js": "./progress-circle/register.js",
+    "./radio": "./radio/index.js",
+    "./radio/register": "./radio/register.js",
+    "./radio/register.js": "./radio/register.js",
+    "./range": "./range/index.js",
+    "./range/register": "./range/register.js",
+    "./range/register.js": "./range/register.js",
+    "./search": "./search/index.js",
+    "./search/register": "./search/register.js",
+    "./search/register.js": "./search/register.js",
+    "./select": "./select/index.js",
+    "./select/register": "./select/register.js",
+    "./select/register.js": "./select/register.js",
+    "./selection-panels": "./selection-panels/index.js",
+    "./selection-panels/register": "./selection-panels/register.js",
+    "./selection-panels/register.js": "./selection-panels/register.js",
+    "./selection-panels/checkbox": "./selection-panels/checkbox/index.js",
+    "./selection-panels/checkbox/register": "./selection-panels/checkbox/register.js",
+    "./selection-panels/checkbox/register.js": "./selection-panels/checkbox/register.js",
+    "./selection-panels/radio": "./selection-panels/radio/index.js",
+    "./selection-panels/radio/register": "./selection-panels/radio/register.js",
+    "./selection-panels/radio/register.js": "./selection-panels/radio/register.js",
+    "./tag": "./tag/index.js",
+    "./tag/register": "./tag/register.js",
+    "./tag/register.js": "./tag/register.js",
+    "./textarea": "./textarea/index.js",
+    "./textarea/register": "./textarea/register.js",
+    "./textarea/register.js": "./textarea/register.js",
+    "./test-dropdown": "./test-dropdown/index.js",
+    "./test-dropdown/register": "./test-dropdown/register.js",
+    "./test-dropdown/register.js": "./test-dropdown/register.js",
+    "./time": "./time/index.js",
+    "./time/register": "./time/register.js",
+    "./time/register.js": "./time/register.js",
+    "./toggle": "./toggle/index.js",
+    "./toggle/register": "./toggle/register.js",
+    "./toggle/register.js": "./toggle/register.js",
+    "./tree-view": "./tree-view/index.js",
+    "./tree-view/register": "./tree-view/register.js",
+    "./tree-view/register.js": "./tree-view/register.js",
+    "./global.css": "./global.css",
+    "./global.min.css": "./global.min.css",
+    "./styles/module.tokens.css": "./styles/module.tokens.css",
+    "./styles/module.tokens.min.css": "./styles/module.tokens.min.css",
+    "./styles/module.layout.css": "./styles/module.layout.css",
+    "./styles/module.layout.min.css": "./styles/module.layout.min.css",
+    "./styles/module.reset.css": "./styles/module.reset.css",
+    "./styles/module.reset.min.css": "./styles/module.reset.min.css",
+    "./styles/module.shims.css": "./styles/module.shims.css",
+    "./styles/module.shims.min.css": "./styles/module.shims.min.css",
+    "./styles/module.typography.css": "./styles/module.typography.css",
+    "./styles/module.typography.min.css": "./styles/module.typography.min.css",
+    "./styles/theme.dark.css": "./styles/theme.dark.css",
+    "./styles/theme.dark.min.css": "./styles/theme.dark.min.css",
+    "./styles/theme.low-motion.css": "./styles/theme.low-motion.css",
+    "./styles/theme.low-motion.min.css": "./styles/theme.low-motion.min.css",
+    "./list/list.css": "./list/list.css",
+    "./list/list.min.css": "./list/list.min.css",
+    "./table/table.css": "./table/table.css",
+    "./table/table.min.css": "./table/table.min.css"
   }
 }

package/progress-circle/progress-circle.element.d.ts

@@ -21,8 +21,8 @@ import { LitElement } from 'lit';
 export declare class CdsProgressCircle extends LitElement {
     private _size;
     /**
-     * @type {neutral | info | success | warning | danger}
      * Sets the color of the badge
+     * @type {neutral | info | success | warning | danger}
      */
     status: StatusTypes;
     /**
@@ -50,8 +50,8 @@ export declare class CdsProgressCircle extends LitElement {
     private get progressOffset();
     get size(): string;
     /**
-     * @type {string | sm | md | lg | xl | xxl}
      * Apply numerical width-height or a t-shirt-sized CSS classname
+     * @type {string | sm | md | lg | xl | xxl}
      */
     set size(val: string);
     private setAriaAttributes;

package/radio/radio-group.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{querySlotAll as o,id as r}from"@cds/core/internal";import{CdsInternalControlGroup as s}from"@cds/core/forms";class e extends s{static get styles(){return[...super.styles]}firstUpdated(t){super.firstUpdated(t),this.associateRadioControls(),this.syncRadioControls()}associateRadioControls(){this.controls.forEach((t=>t&&t.inputControl.setAttribute("name",this.radioName)))}syncRadioControls(){this.controls.forEach((t=>t.addEventListener("checkedChange",(t=>{t.detail&&(Array.from(this.controls).forEach((t=>t.inputControl.checked=!1)),t.target.inputControl.checked=!0)}))))}}t([o("cds-radio")],e.prototype,"controls",void 0),t([r()],e.prototype,"radioName",void 0);export{e as CdsRadioGroup};
+import{__decorate as o}from"tslib";import{querySlotAll as t,id as r}from"@cds/core/internal";import{CdsInternalControlGroup as s}from"@cds/core/forms";class e extends s{static get styles(){return[...super.styles]}firstUpdated(o){super.firstUpdated(o),this.associateRadioControls(),this.syncRadioControls()}associateRadioControls(){this.controls.forEach((o=>o&&o.inputControl.setAttribute("name",this.radioName)))}syncRadioControls(){this.controls.forEach((o=>o.addEventListener("checkedChange",(o=>{o.detail&&(Array.from(this.controls).forEach((o=>o.inputControl.checked=!1)),o.target.inputControl.checked=!0)}))))}}o([t("cds-radio, cds-radio")],e.prototype,"controls",void 0),o([r()],e.prototype,"radioName",void 0);export{e as CdsRadioGroup};
 //# sourceMappingURL=radio-group.element.js.map

package/radio/radio-group.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.element.js","sources":["../../../src/radio/radio-group.element.ts"],"sourcesContent":null,"names":["CdsRadioGroup","CdsInternalControlGroup","styles","super","[object Object]","props","firstUpdated","this","associateRadioControls","syncRadioControls","controls","forEach","radio","inputControl","setAttribute","radioName","c","addEventListener","e","detail","Array","from","checked","target","__decorate","querySlotAll","prototype","id"],"mappings":"uJAiCO,MAAMA,UAAsBC,EAC/BC,oBACI,MAAO,IAAIC,MAAMD,QAErBE,aAAaC,GACTF,MAAMG,aAAaD,GACnBE,KAAKC,yBACLD,KAAKE,oBAETL,yBACIG,KAAKG,SAASC,SAAQC,GAASA,GAASA,EAAMC,aAAaC,aAAa,OAAQP,KAAKQ,aAEzFX,oBACIG,KAAKG,SAASC,SAAQK,GAAKA,EAAEC,iBAAiB,iBAAkBC,IACxDA,EAAEC,SACFC,MAAMC,KAAKd,KAAKG,UAAUC,SAAQK,GAAMA,EAAEH,aAAaS,SAAU,IACjEJ,EAAEK,OAAOV,aAAaS,SAAU,SAKhDE,EAAW,CACPC,EAAa,cACdzB,EAAc0B,UAAW,gBAAY,GACxCF,EAAW,CACPG,KACD3B,EAAc0B,UAAW,iBAAa"}
+{"version":3,"file":"radio-group.element.js","sources":["../../../src/radio/radio-group.element.ts"],"sourcesContent":null,"names":["CdsRadioGroup","CdsInternalControlGroup","styles","super","[object Object]","props","firstUpdated","this","associateRadioControls","syncRadioControls","controls","forEach","radio","inputControl","setAttribute","radioName","c","addEventListener","e","detail","Array","from","checked","target","__decorate","querySlotAll","prototype","id"],"mappings":"uJAiCO,MAAMA,UAAsBC,EAC/BC,oBACI,MAAO,IAAIC,MAAMD,QAErBE,aAAaC,GACTF,MAAMG,aAAaD,GACnBE,KAAKC,yBACLD,KAAKE,oBAETL,yBACIG,KAAKG,SAASC,SAAQC,GAASA,GAASA,EAAMC,aAAaC,aAAa,OAAQP,KAAKQ,aAEzFX,oBACIG,KAAKG,SAASC,SAAQK,GAAKA,EAAEC,iBAAiB,iBAAkBC,IACxDA,EAAEC,SACFC,MAAMC,KAAKd,KAAKG,UAAUC,SAAQK,GAAMA,EAAEH,aAAaS,SAAU,IACjEJ,EAAEK,OAAOV,aAAaS,SAAU,SAKhDE,EAAW,CACPC,EAAa,yBACdzB,EAAc0B,UAAW,gBAAY,GACxCF,EAAW,CACPG,KACD3B,EAAc0B,UAAW,iBAAa"}

package/select/register.js

@@ -1,2 +1,2 @@
-import{registerElementSafely as e}from"@cds/core/internal";import{CdsSelect as r}from"./select.element.js";import"@cds/core/forms/register.js";import"@cds/core/icon/register.js";e("cds-select",r);
+import{registerElementSafely as r}from"@cds/core/internal";import{CdsSelect as e}from"./select.element.js";import{ClarityIcons as o}from"@cds/core/icon/icon.service.js";import{angleIcon as s}from"@cds/core/icon/shapes/angle.js";import"@cds/core/forms/register.js";import"@cds/core/icon/register.js";o.addIcons(s),r("cds-select",e);
 //# sourceMappingURL=register.js.map

package/select/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/select/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsSelect"],"mappings":"kLASAA,EAAsB,aAAcC"}
+{"version":3,"file":"register.js","sources":["../../../src/select/register.ts"],"sourcesContent":null,"names":["ClarityIcons","addIcons","angleIcon","registerElementSafely","CdsSelect"],"mappings":"2SAWAA,EAAaC,SAASC,GACtBC,EAAsB,aAAcC"}

package/select/select.element.d.ts

@@ -35,6 +35,6 @@ export declare class CdsSelect extends CdsControl {
     static get styles(): import("lit").CSSResultGroup[];
     protected globalStyles: import("lit").CSSResultGroup;
     protected multiple: boolean;
-    constructor();
+    protected size: boolean;
     firstUpdated(props: Map<string, any>): void;
 }

package/select/select.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{html as o}from"lit";import{listenForAttributeChange as e,globalStyle as s,state as r}from"@cds/core/internal";import{CdsControl as i}from"@cds/core/forms";import{inputStyles as l}from"@cds/core/input";import{ClarityIcons as c}from"@cds/core/icon/icon.service.js";import{angleIcon as p}from"@cds/core/icon/shapes/angle.js";import n from"./select.global.scss.js";import m from"./select.element.scss.js";class d extends i{constructor(){super(),this.globalStyles=n,this.multiple=!1,c.addIcons(p)}get suffixDefaultTemplate(){return o`<cds-control-action readonly="readonly"><cds-icon shape="angle" direction="down"></cds-icon></cds-control-action>`}static get styles(){return[...super.styles,l,m]}firstUpdated(t){super.firstUpdated(t),this.multiple=this.inputControl.hasAttribute("multiple"),this.observers.push(e(this.inputControl,"multiple",(t=>this.multiple=null!==t)))}}t([s()],d.prototype,"globalStyles",void 0),t([r({type:Boolean,reflect:!0})],d.prototype,"multiple",void 0);export{d as CdsSelect};
+import{__decorate as t}from"tslib";import{html as e}from"lit";import{listenForAttributeChange as s,globalStyle as o,state as i}from"@cds/core/internal";import{CdsControl as r}from"@cds/core/forms";import{inputStyles as l}from"@cds/core/input";import p from"./select.global.scss.js";import n from"./select.element.scss.js";class c extends r{constructor(){super(...arguments),this.globalStyles=p,this.multiple=!1,this.size=!1}get suffixDefaultTemplate(){return e`<cds-control-action readonly="readonly"><cds-icon shape="angle" direction="down"></cds-icon></cds-control-action>`}static get styles(){return[...super.styles,l,n]}firstUpdated(t){super.firstUpdated(t),this.multiple=this.inputControl.hasAttribute("multiple"),this.observers.push(s(this.inputControl,"multiple",(t=>this.multiple=null!==t))),this.size=this.inputControl.hasAttribute("size"),this.observers.push(s(this.inputControl,"size",(t=>this.size=null!==t)))}}t([o()],c.prototype,"globalStyles",void 0),t([i({type:Boolean,reflect:!0})],c.prototype,"multiple",void 0),t([i({type:Boolean,reflect:!0})],c.prototype,"size",void 0);export{c as CdsSelect};
 //# sourceMappingURL=select.element.js.map

package/select/select.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.element.js","sources":["../../../src/select/select.element.ts"],"sourcesContent":null,"names":["CdsSelect","CdsControl","[object Object]","super","this","globalStyles","multiple","ClarityIcons","addIcons","angleIcon","suffixDefaultTemplate","html","styles","inputStyles","props","firstUpdated","inputControl","hasAttribute","observers","push","listenForAttributeChange","val","__decorate","globalStyle","prototype","state","type","Boolean","reflect"],"mappings":"2bA6CO,MAAMA,UAAkBC,EAC3BC,cACIC,QACAC,KAAKC,aAAeA,EACpBD,KAAKE,UAAW,EAChBC,EAAaC,SAASC,GAE1BC,4BACI,OAAOC,CAAK,oHAEhBC,oBACI,MAAO,IAAIT,MAAMS,OAAQC,EAAaD,GAE1CV,aAAaY,GACTX,MAAMY,aAAaD,GACnBV,KAAKE,SAAWF,KAAKY,aAAaC,aAAa,YAC/Cb,KAAKc,UAAUC,KAAKC,EAAyBhB,KAAKY,aAAc,YAAYK,GAAQjB,KAAKE,SAAmB,OAARe,MAG5GC,EAAW,CACPC,KACDvB,EAAUwB,UAAW,oBAAgB,GACxCF,EAAW,CACPG,EAAM,CAAEC,KAAMC,QAASC,SAAS,KACjC5B,EAAUwB,UAAW,gBAAY"}
+{"version":3,"file":"select.element.js","sources":["../../../src/select/select.element.ts"],"sourcesContent":null,"names":["CdsSelect","CdsControl","[object Object]","super","arguments","this","globalStyles","multiple","size","suffixDefaultTemplate","html","styles","inputStyles","props","firstUpdated","inputControl","hasAttribute","observers","push","listenForAttributeChange","val","__decorate","globalStyle","prototype","state","type","Boolean","reflect"],"mappings":"kUA2CO,MAAMA,UAAkBC,EAC3BC,cACIC,SAASC,WACTC,KAAKC,aAAeA,EACpBD,KAAKE,UAAW,EAChBF,KAAKG,MAAO,EAEhBC,4BACI,OAAOC,CAAK,oHAEhBC,oBACI,MAAO,IAAIR,MAAMQ,OAAQC,EAAaD,GAE1CT,aAAaW,GACTV,MAAMW,aAAaD,GACnBR,KAAKE,SAAWF,KAAKU,aAAaC,aAAa,YAC/CX,KAAKY,UAAUC,KAAKC,EAAyBd,KAAKU,aAAc,YAAYK,GAAQf,KAAKE,SAAmB,OAARa,KACpGf,KAAKG,KAAOH,KAAKU,aAAaC,aAAa,QAC3CX,KAAKY,UAAUC,KAAKC,EAAyBd,KAAKU,aAAc,QAAQK,GAAQf,KAAKG,KAAe,OAARY,MAGpGC,EAAW,CACPC,KACDtB,EAAUuB,UAAW,oBAAgB,GACxCF,EAAW,CACPG,EAAM,CAAEC,KAAMC,QAASC,SAAS,KACjC3B,EAAUuB,UAAW,gBAAY,GACpCF,EAAW,CACPG,EAAM,CAAEC,KAAMC,QAASC,SAAS,KACjC3B,EAAUuB,UAAW,YAAQ"}

package/select/select.element.scss.js

@@ -1,2 +1,2 @@
-import{css as o}from"lit";var r=o`:host([_multiple]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8))!important;--border-bottom:0}:host([_multiple]) cds-control-action{display:none}::slotted([slot=input]){cursor:pointer}::slotted([slot=input][multiple]){width:100%!important;border-radius:var(--cds-alias-object-border-radius-100,calc((4 / var(--cds-global-base,20)) * 1rem))!important;border:var(--border);padding:0!important;font-size:var(--cds-global-typography-font-size-3,calc((13 / var(--cds-global-base,20)) * 1rem))!important}`;export default r;
+import{css as o}from"lit";var t=o`:host([_multiple]),:host([_size]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8))!important;--border-bottom:0}:host([_multiple]) cds-control-action,:host([_size]) cds-control-action{display:none}::slotted([slot=input]){cursor:pointer}::slotted([slot=input][multiple]),::slotted([slot=input][size]){width:100%!important;border-radius:var(--cds-alias-object-border-radius-100,calc((4 / var(--cds-global-base,20)) * 1rem))!important;border:var(--border);padding:0!important;font-size:var(--cds-global-typography-font-size-3,calc((13 / var(--cds-global-base,20)) * 1rem))!important}`;export default t;
 //# sourceMappingURL=select.element.scss.js.map

package/selection-panels/checkbox/checkbox-panel.element.d.ts

@@ -0,0 +1,35 @@
+import { CdsCheckbox } from '@cds/core/checkbox';
+import { SelectionPanelSizes } from '../shared/selection-panel.interfaces.js';
+/**
+ * Checkbox
+ *
+ * ```typescript
+ * import '@cds/core/checkbox/register.js';
+ * ```
+ *
+ * ```html
+ * <cds-checkbox>
+ *   <label>
+ *     <div cds-layout="vertical align:center">
+ *       <span cds-text="section">VM One</span>
+ *       <cds-icon shape="vm" badge="info"></cds-icon>
+ *       <p>Machines for orchestration and automation.</p>
+ *     </div>
+ *   </label>
+ *   <input type="checkbox" />
+ *   <cds-control-message>message text</cds-control-message>
+ * </cds-checkbox>
+ * ```
+ *
+ * @element cds-checkbox
+ * @slot - For projecting checkbox and it's complex label
+ * @cssprop --width
+ * @cssprop --height
+ * @cssprop --border
+ * @cssprop --box-shadow
+ */
+export declare class CdsCheckboxPanel extends CdsCheckbox {
+    size: SelectionPanelSizes;
+    protected get internalLabelTemplate(): import("lit-html").TemplateResult<1>;
+    static get styles(): import("lit").CSSResultGroup[];
+}

package/selection-panels/checkbox/checkbox-panel.element.js

@@ -0,0 +1,2 @@
+import{__decorate as e}from"tslib";import{html as t}from"lit";import{CdsCheckbox as s}from"@cds/core/checkbox";import r from"../shared/selection-panel.element.scss.js";import{property as o}from"@cds/core/internal";class l extends s{constructor(){super(...arguments),this.size="default"}get internalLabelTemplate(){return t`<slot name="label" @slotchange="${()=>this.associateInputAndLabel()}"></slot>`}static get styles(){return[...super.styles,r]}}e([o({type:String})],l.prototype,"size",void 0);export{l as CdsCheckboxPanel};
+//# sourceMappingURL=checkbox-panel.element.js.map

package/selection-panels/checkbox/checkbox-panel.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-panel.element.js","sources":["../../../../src/selection-panels/checkbox/checkbox-panel.element.ts"],"sourcesContent":null,"names":["CdsCheckboxPanel","CdsCheckbox","[object Object]","super","arguments","this","size","internalLabelTemplate","html","associateInputAndLabel","styles","__decorate","property","type","String","prototype"],"mappings":"sNAsCO,MAAMA,UAAyBC,EAClCC,cACIC,SAASC,WACTC,KAAKC,KAAO,UAEhBC,4BACI,OAAOC,CAAK,mCAAkC,IAAMH,KAAKI,oCAE7DC,oBACI,MAAO,IAAIP,MAAMO,OAAQA,IAGjCC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBd,EAAiBe,UAAW,YAAQ"}

package/selection-panels/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+/** @private */
+export * from './checkbox-panel.element.js';

package/selection-panels/checkbox/index.js

@@ -0,0 +1,2 @@
+export{CdsCheckboxPanel}from"./checkbox-panel.element.js";
+//# sourceMappingURL=index.js.map

package/selection-panels/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/selection-panels/checkbox/register.d.ts

@@ -0,0 +1,6 @@
+import { CdsCheckboxPanel } from './checkbox-panel.element.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cds-checkbox-panel': CdsCheckboxPanel;
+    }
+}

package/selection-panels/checkbox/register.js

@@ -0,0 +1,2 @@
+import{registerElementSafely as e}from"@cds/core/internal";import{CdsCheckboxPanel as c}from"./checkbox-panel.element.js";e("cds-checkbox-panel",c);
+//# sourceMappingURL=register.js.map

package/selection-panels/checkbox/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sources":["../../../../src/selection-panels/checkbox/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsCheckboxPanel"],"mappings":"0HAOAA,EAAsB,qBAAsBC"}

package/selection-panels/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * This is a workaround so that the @cds/angular script will generate a
+ * module for selection panels that exports each directive.
+ * It should be removed when the generation script is updated to handle
+ * folders with children components. e.g
+ * selection-panels/
+ *   checkbox/
+ *   radio/
+ */
+export * from './checkbox/checkbox-panel.element.js';
+export * from './radio/radio-panel.element.js';

package/selection-panels/index.js

@@ -0,0 +1,2 @@
+export{CdsCheckboxPanel}from"./checkbox/checkbox-panel.element.js";export{CdsRadioPanel}from"./radio/radio-panel.element.js";
+//# sourceMappingURL=index.js.map

package/selection-panels/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/selection-panels/radio/index.d.ts

@@ -0,0 +1,2 @@
+/** @private */
+export * from './radio-panel.element.js';

package/selection-panels/radio/index.js

@@ -0,0 +1,2 @@
+export{CdsRadioPanel}from"./radio-panel.element.js";
+//# sourceMappingURL=index.js.map

package/selection-panels/radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/selection-panels/radio/radio-panel.element.d.ts

@@ -0,0 +1,35 @@
+import { CdsRadio } from '@cds/core/radio';
+import { SelectionPanelSizes } from '../shared/selection-panel.interfaces.js';
+/**
+ * Checkbox
+ *
+ * ```typescript
+ * import '@cds/core/checkbox/register.js';
+ * ```
+ *
+ * ```html
+ * <cds-radio>
+ *   <label>
+ *     <div cds-layout="vertical align:center">
+ *       <span cds-text="section">VM One</span>
+ *       <cds-icon shape="vm" badge="info"></cds-icon>
+ *       <p>Machines for orchestration and automation.</p>
+ *     </div>
+ *   </label>
+ *   <input type="radio" />
+ *   <cds-control-message>message text</cds-control-message>
+ * </cds-radio>
+ * ```
+ *
+ * @element cds-radio
+ * @slot - For projecting checkbox and it's complex label
+ * @cssprop --width
+ * @cssprop --height
+ * @cssprop --border
+ * @cssprop --box-shadow
+ */
+export declare class CdsRadioPanel extends CdsRadio {
+    size: SelectionPanelSizes;
+    static get styles(): import("lit").CSSResultGroup[];
+    protected get internalLabelTemplate(): import("lit-html").TemplateResult<1>;
+}

package/selection-panels/radio/radio-panel.element.js

@@ -0,0 +1,2 @@
+import{__decorate as t}from"tslib";import{html as e}from"lit";import{CdsRadio as s}from"@cds/core/radio";import r from"../shared/selection-panel.element.scss.js";import{property as o}from"@cds/core/internal";class i extends s{constructor(){super(...arguments),this.size="default"}static get styles(){return[...super.styles,r]}get internalLabelTemplate(){return e`<slot name="label" @slotchange="${()=>this.associateInputAndLabel()}"></slot>`}}t([o({type:String})],i.prototype,"size",void 0);export{i as CdsRadioPanel};
+//# sourceMappingURL=radio-panel.element.js.map

package/selection-panels/radio/radio-panel.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-panel.element.js","sources":["../../../../src/selection-panels/radio/radio-panel.element.ts"],"sourcesContent":null,"names":["CdsRadioPanel","CdsRadio","[object Object]","super","arguments","this","size","styles","internalLabelTemplate","html","associateInputAndLabel","__decorate","property","type","String","prototype"],"mappings":"gNAsCO,MAAMA,UAAsBC,EAC/BC,cACIC,SAASC,WACTC,KAAKC,KAAO,UAEhBC,oBACI,MAAO,IAAIJ,MAAMI,OAAQA,GAE7BC,4BACI,OAAOC,CAAK,mCAAkC,IAAMJ,KAAKK,qCAGjEC,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBd,EAAce,UAAW,YAAQ"}

package/selection-panels/radio/register.d.ts

@@ -0,0 +1,6 @@
+import { CdsRadioPanel } from './radio-panel.element.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cds-radio-panel': CdsRadioPanel;
+    }
+}

package/selection-panels/radio/register.js

@@ -0,0 +1,2 @@
+import{registerElementSafely as r}from"@cds/core/internal";import{CdsRadioPanel as e}from"./radio-panel.element.js";r("cds-radio-panel",e);
+//# sourceMappingURL=register.js.map

package/selection-panels/radio/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sources":["../../../../src/selection-panels/radio/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsRadioPanel"],"mappings":"oHAOAA,EAAsB,kBAAmBC"}

package/selection-panels/register.d.ts

@@ -0,0 +1,8 @@
+import { CdsCheckboxPanel } from './checkbox/checkbox-panel.element.js';
+import { CdsRadioPanel } from './radio/radio-panel.element.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'cds-checkbox-panel': CdsCheckboxPanel;
+        'cds-radio-panel': CdsRadioPanel;
+    }
+}

package/selection-panels/register.js

@@ -0,0 +1,2 @@
+import{registerElementSafely as e}from"@cds/core/internal";import{CdsCheckboxPanel as o}from"./checkbox/checkbox-panel.element.js";import{CdsRadioPanel as r}from"./radio/radio-panel.element.js";e("cds-checkbox-panel",o),e("cds-radio-panel",r);
+//# sourceMappingURL=register.js.map

package/selection-panels/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sources":["../../../src/selection-panels/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsCheckboxPanel","CdsRadioPanel"],"mappings":"kMAQAA,EAAsB,qBAAsBC,GAC5CD,EAAsB,kBAAmBE"}