diff --git a/package-lock.json b/package-lock.json index 0926db0ad..eeff97b10 100644 --- a/package-lock.json +++ b/package-lock.json @@ -16,7 +16,7 @@ "lit": "^2.7.6" }, "devDependencies": { - "@babel/core": "7.22.9", + "@babel/core": "7.23.0", "@lerna-lite/cli": "2.5.1", "@lerna-lite/exec": "2.5.1", "@lerna-lite/publish": "2.5.1", @@ -167,24 +167,25 @@ } }, "node_modules/@babel/core": { - "version": "7.22.9", + "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.0.tgz", + "integrity": "sha512-97z/ju/Jy1rZmDxybphrBuI+jtJjFVoz7Mr9yUQVVVi+DNZE333uFQeMOqcCIy1x3WYBIbWftUSLmbNXNT7qFQ==", "dev": true, - "license": "MIT", "dependencies": { "@ampproject/remapping": "^2.2.0", - "@babel/code-frame": "^7.22.5", - "@babel/generator": "^7.22.9", - "@babel/helper-compilation-targets": "^7.22.9", - "@babel/helper-module-transforms": "^7.22.9", - "@babel/helpers": "^7.22.6", - "@babel/parser": "^7.22.7", - "@babel/template": "^7.22.5", - "@babel/traverse": "^7.22.8", - "@babel/types": "^7.22.5", - "convert-source-map": "^1.7.0", + "@babel/code-frame": "^7.22.13", + "@babel/generator": "^7.23.0", + "@babel/helper-compilation-targets": "^7.22.15", + "@babel/helper-module-transforms": "^7.23.0", + "@babel/helpers": "^7.23.0", + "@babel/parser": "^7.23.0", + "@babel/template": "^7.22.15", + "@babel/traverse": "^7.23.0", + "@babel/types": "^7.23.0", + "convert-source-map": "^2.0.0", "debug": "^4.1.0", "gensync": "^1.0.0-beta.2", - "json5": "^2.2.2", + "json5": "^2.2.3", "semver": "^6.3.1" }, "engines": { @@ -195,12 +196,19 @@ "url": "https://opencollective.com/babel" } }, + "node_modules/@babel/core/node_modules/convert-source-map": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", + "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==", + "dev": true + }, "node_modules/@babel/generator": { - "version": "7.22.15", + "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.0.tgz", + "integrity": "sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/types": "^7.22.15", + "@babel/types": "^7.23.0", "@jridgewell/gen-mapping": "^0.3.2", "@jridgewell/trace-mapping": "^0.3.17", "jsesc": "^2.5.1" @@ -314,12 +322,13 @@ } }, "node_modules/@babel/helper-function-name": { - "version": "7.22.5", + "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz", + "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==", "dev": true, - "license": "MIT", "dependencies": { - "@babel/template": "^7.22.5", - "@babel/types": "^7.22.5" + "@babel/template": "^7.22.15", + "@babel/types": "^7.23.0" }, "engines": { "node": ">=6.9.0" @@ -507,13 +516,14 @@ } }, "node_modules/@babel/helpers": { - "version": "7.22.15", + "version": "7.23.1", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.1.tgz", + "integrity": "sha512-chNpneuK18yW5Oxsr+t553UZzzAs3aZnFm4bxhebsNTeshrC95yA7l5yl7GBAG+JG1rF0F7zzD2EixK9mWSDoA==", "dev": true, - "license": "MIT", "dependencies": { "@babel/template": "^7.22.15", - "@babel/traverse": "^7.22.15", - "@babel/types": "^7.22.15" + "@babel/traverse": "^7.23.0", + "@babel/types": "^7.23.0" }, "engines": { "node": ">=6.9.0" @@ -533,9 +543,10 @@ } }, "node_modules/@babel/parser": { - "version": "7.22.16", + "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.0.tgz", + "integrity": "sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==", "dev": true, - "license": "MIT", "bin": { "parser": "bin/babel-parser.js" }, @@ -2037,18 +2048,19 @@ } }, "node_modules/@babel/traverse": { - "version": "7.22.17", + "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.0.tgz", + "integrity": "sha512-t/QaEvyIoIkwzpiZ7aoSKK8kObQYeF7T2v+dazAYCb8SXtp58zEVkWW7zAnju8FNKNdr4ScAOEDmMItbyOmEYw==", "dev": true, - "license": "MIT", "dependencies": { "@babel/code-frame": "^7.22.13", - "@babel/generator": "^7.22.15", - "@babel/helper-environment-visitor": "^7.22.5", - "@babel/helper-function-name": "^7.22.5", + "@babel/generator": "^7.23.0", + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-function-name": "^7.23.0", "@babel/helper-hoist-variables": "^7.22.5", "@babel/helper-split-export-declaration": "^7.22.6", - "@babel/parser": "^7.22.16", - "@babel/types": "^7.22.17", + "@babel/parser": "^7.23.0", + "@babel/types": "^7.23.0", "debug": "^4.1.0", "globals": "^11.1.0" }, diff --git a/package.json b/package.json index b983c2dda..b7c0df583 100644 --- a/package.json +++ b/package.json @@ -59,7 +59,7 @@ "lit": "^2.7.6" }, "devDependencies": { - "@babel/core": "7.22.9", + "@babel/core": "7.23.0", "@lerna-lite/cli": "2.5.1", "@lerna-lite/exec": "2.5.1", "@lerna-lite/publish": "2.5.1", diff --git a/packages/uui-action-bar/README.md b/packages/uui-action-bar/README.md index 3b943ba27..b971d8995 100644 --- a/packages/uui-action-bar/README.md +++ b/packages/uui-action-bar/README.md @@ -6,7 +6,7 @@ Umbraco style action-bar component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-action-bar) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-action-bar--docs) ## Installation diff --git a/packages/uui-avatar-group/README.md b/packages/uui-avatar-group/README.md index c5db4e162..fc6686b67 100644 --- a/packages/uui-avatar-group/README.md +++ b/packages/uui-avatar-group/README.md @@ -4,7 +4,7 @@ ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-avatar-group) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-avatar-group--docs) ## Installation diff --git a/packages/uui-avatar/README.md b/packages/uui-avatar/README.md index bee02358d..190a540f1 100644 --- a/packages/uui-avatar/README.md +++ b/packages/uui-avatar/README.md @@ -4,7 +4,7 @@ ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-avatar) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-avatar--docs) ## Installation diff --git a/packages/uui-badge/README.md b/packages/uui-badge/README.md index 8b53a903c..ba524620b 100644 --- a/packages/uui-badge/README.md +++ b/packages/uui-badge/README.md @@ -4,7 +4,7 @@ ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-badge) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-badge--docs) ## Installation diff --git a/packages/uui-box/README.md b/packages/uui-box/README.md index 32cd7ff85..50a08492b 100644 --- a/packages/uui-box/README.md +++ b/packages/uui-box/README.md @@ -4,7 +4,7 @@ ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-box) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-box--docs) ## Installation diff --git a/packages/uui-breadcrumbs/README.md b/packages/uui-breadcrumbs/README.md index 0de373b00..d89540d11 100644 --- a/packages/uui-breadcrumbs/README.md +++ b/packages/uui-breadcrumbs/README.md @@ -4,7 +4,7 @@ ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-breadcrumbs) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-breadcrumbs--docs) ## Installation diff --git a/packages/uui-button-group/README.md b/packages/uui-button-group/README.md index 82717edd7..e73606136 100644 --- a/packages/uui-button-group/README.md +++ b/packages/uui-button-group/README.md @@ -4,7 +4,7 @@ ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-button-group) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-button-group--docs) ## Installation diff --git a/packages/uui-button-inline-create/README.md b/packages/uui-button-inline-create/README.md index 16dd6195d..28cb01026 100644 --- a/packages/uui-button-inline-create/README.md +++ b/packages/uui-button-inline-create/README.md @@ -6,7 +6,7 @@ Umbraco style button-inline-create component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-button-inline-create) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-button-inline-create--docs) ## Installation diff --git a/packages/uui-button/README.md b/packages/uui-button/README.md index 78cc3af16..40218b1f3 100644 --- a/packages/uui-button/README.md +++ b/packages/uui-button/README.md @@ -4,7 +4,7 @@ ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-button) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-button--docs) ## Installation diff --git a/packages/uui-card-content-node/README.md b/packages/uui-card-content-node/README.md index 156f4fb56..1f9ba7823 100644 --- a/packages/uui-card-content-node/README.md +++ b/packages/uui-card-content-node/README.md @@ -6,7 +6,7 @@ Umbraco style card-content-node component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-card-content-node) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-card-content-node--docs) ## Installation diff --git a/packages/uui-card-media/README.md b/packages/uui-card-media/README.md index ba3e28f74..a6a021a86 100644 --- a/packages/uui-card-media/README.md +++ b/packages/uui-card-media/README.md @@ -6,7 +6,7 @@ Umbraco style card-media component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-card-media) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-card-media--docs) ## Installation diff --git a/packages/uui-card-user/README.md b/packages/uui-card-user/README.md index f19fcebf3..d1fe11136 100644 --- a/packages/uui-card-user/README.md +++ b/packages/uui-card-user/README.md @@ -4,7 +4,7 @@ ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-card-user) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-card-user--docs) ## Usage diff --git a/packages/uui-card/README.md b/packages/uui-card/README.md index d93f3c175..ab98ab12e 100644 --- a/packages/uui-card/README.md +++ b/packages/uui-card/README.md @@ -4,7 +4,7 @@ ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-card) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-card--docs) ## Installation diff --git a/packages/uui-caret/README.md b/packages/uui-caret/README.md index 834f1f612..0995e8858 100644 --- a/packages/uui-caret/README.md +++ b/packages/uui-caret/README.md @@ -6,7 +6,7 @@ Umbraco style caret component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-caret) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-caret--docs) ## Installation diff --git a/packages/uui-checkbox/README.md b/packages/uui-checkbox/README.md index edb29d95f..4b811f5c2 100644 --- a/packages/uui-checkbox/README.md +++ b/packages/uui-checkbox/README.md @@ -4,7 +4,7 @@ ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-checkbox) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-checkbox--docs) ## Installation diff --git a/packages/uui-combobox-list/README.md b/packages/uui-combobox-list/README.md index dd02b9da9..4282e1c17 100644 --- a/packages/uui-combobox-list/README.md +++ b/packages/uui-combobox-list/README.md @@ -6,7 +6,7 @@ Umbraco style combobox-list component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-combobox-list) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-combobox-list--docs) ## Installation diff --git a/packages/uui-combobox/README.md b/packages/uui-combobox/README.md index 366f31b27..d19764326 100644 --- a/packages/uui-combobox/README.md +++ b/packages/uui-combobox/README.md @@ -6,7 +6,7 @@ Umbraco style combo-box component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-combobox) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-combobox--docs) ## Installation diff --git a/packages/uui-css/README.md b/packages/uui-css/README.md index d54017b58..9bd2ccde2 100644 --- a/packages/uui-css/README.md +++ b/packages/uui-css/README.md @@ -15,7 +15,7 @@ Bundle: ### See it in action -Preview on [Storybook](https://uui.umbraco.com/?path=/story/uui-) +Preview on [Storybook](https://uui.umbraco.com/?path=/docs/uui-) # Usage in your project diff --git a/packages/uui-dialog-layout/README.md b/packages/uui-dialog-layout/README.md index a270090f9..816d8862a 100644 --- a/packages/uui-dialog-layout/README.md +++ b/packages/uui-dialog-layout/README.md @@ -6,7 +6,7 @@ Umbraco style dialog-layout component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-dialog-layout) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-dialog-layout--docs) ## Installation diff --git a/packages/uui-dialog/README.md b/packages/uui-dialog/README.md index a81bc37ad..b291ba4bd 100644 --- a/packages/uui-dialog/README.md +++ b/packages/uui-dialog/README.md @@ -6,7 +6,7 @@ Umbraco style dialog component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-dialog) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-dialog--docs) ## Installation diff --git a/packages/uui-file-dropzone/README.md b/packages/uui-file-dropzone/README.md index c7880adb0..af1a99544 100644 --- a/packages/uui-file-dropzone/README.md +++ b/packages/uui-file-dropzone/README.md @@ -6,7 +6,7 @@ Umbraco style file-dropzone component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-file-dropzone) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-file-dropzone--docs) ## Installation diff --git a/packages/uui-file-preview/README.md b/packages/uui-file-preview/README.md index af0d67d97..f5644d18a 100644 --- a/packages/uui-file-preview/README.md +++ b/packages/uui-file-preview/README.md @@ -6,7 +6,7 @@ Umbraco style file-preview component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-file-preview) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-file-preview--docs) ## Installation diff --git a/packages/uui-form-layout-item/README.md b/packages/uui-form-layout-item/README.md index dc7b5119a..c4c4c7f98 100644 --- a/packages/uui-form-layout-item/README.md +++ b/packages/uui-form-layout-item/README.md @@ -6,7 +6,7 @@ Umbraco style uui-form-layout-item component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-form-layout-item) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-form-layout-item--docs) ## Installation diff --git a/packages/uui-form-validation-message/README.md b/packages/uui-form-validation-message/README.md index 8716d8549..6cf7d18f3 100644 --- a/packages/uui-form-validation-message/README.md +++ b/packages/uui-form-validation-message/README.md @@ -6,7 +6,7 @@ Umbraco style form-validation-message component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-form-validation-message) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-form-validation-message--docs) ## Installation diff --git a/packages/uui-form/README.md b/packages/uui-form/README.md index 9a70577da..6480094fe 100644 --- a/packages/uui-form/README.md +++ b/packages/uui-form/README.md @@ -6,7 +6,7 @@ Umbraco style form component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-form) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-form--docs) ## Installation diff --git a/packages/uui-icon-registry-essential/README.md b/packages/uui-icon-registry-essential/README.md index e89fccbfc..bc66c85ff 100644 --- a/packages/uui-icon-registry-essential/README.md +++ b/packages/uui-icon-registry-essential/README.md @@ -6,7 +6,7 @@ Umbraco style icon-registry-essential component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-icon-registry-essential) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-icon-registry-essential--docs) ## Installation diff --git a/packages/uui-icon-registry/README.md b/packages/uui-icon-registry/README.md index 307942427..26557832e 100644 --- a/packages/uui-icon-registry/README.md +++ b/packages/uui-icon-registry/README.md @@ -6,7 +6,7 @@ Umbraco style icon-registry component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-icon-registry) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-icon-registry--docs) ## Installation diff --git a/packages/uui-icon/README.md b/packages/uui-icon/README.md index f34d10129..cb00d477a 100644 --- a/packages/uui-icon/README.md +++ b/packages/uui-icon/README.md @@ -6,7 +6,7 @@ Umbraco style icon component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-icon) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-icon--docs) ## Installation diff --git a/packages/uui-input-file/README.md b/packages/uui-input-file/README.md index 2db9a2791..e56c4a2cc 100644 --- a/packages/uui-input-file/README.md +++ b/packages/uui-input-file/README.md @@ -6,7 +6,7 @@ Umbraco style input-file component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-input-file) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-input-file--docs) ## Installation diff --git a/packages/uui-input-lock/README.md b/packages/uui-input-lock/README.md index 355a4a54c..b880a8d79 100644 --- a/packages/uui-input-lock/README.md +++ b/packages/uui-input-lock/README.md @@ -6,7 +6,7 @@ Umbraco style input-lock component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-input-lock) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-input-lock--docs) ## Installation diff --git a/packages/uui-input-password/README.md b/packages/uui-input-password/README.md index 1295631fc..0b109f8ac 100644 --- a/packages/uui-input-password/README.md +++ b/packages/uui-input-password/README.md @@ -6,7 +6,7 @@ Umbraco style input-password component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-input-password) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-input-password--docs) ## Installation diff --git a/packages/uui-input/README.md b/packages/uui-input/README.md index 1069e3973..794e9f32c 100644 --- a/packages/uui-input/README.md +++ b/packages/uui-input/README.md @@ -4,7 +4,7 @@ ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-input) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-input--docs) ## Installation diff --git a/packages/uui-input/lib/uui-input.element.ts b/packages/uui-input/lib/uui-input.element.ts index ce9323260..c909d53ae 100644 --- a/packages/uui-input/lib/uui-input.element.ts +++ b/packages/uui-input/lib/uui-input.element.ts @@ -158,6 +158,11 @@ export class UUIInputElement extends FormControlMixin( input::placeholder { transition: opacity 120ms; } + + input[type='password']::-ms-reveal { + display: none; + } + :host(:not([readonly])) input:focus::placeholder { opacity: 0; } diff --git a/packages/uui-keyboard-shortcut/README.md b/packages/uui-keyboard-shortcut/README.md index c454dd3f7..9ede48d76 100644 --- a/packages/uui-keyboard-shortcut/README.md +++ b/packages/uui-keyboard-shortcut/README.md @@ -4,7 +4,7 @@ ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-keyboard-shortcut) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-keyboard-shortcut--docs) ## Installation diff --git a/packages/uui-label/README.md b/packages/uui-label/README.md index 7c44558f8..2c0a3f3f5 100644 --- a/packages/uui-label/README.md +++ b/packages/uui-label/README.md @@ -6,7 +6,7 @@ Umbraco style label component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-label) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-label--docs) ## Installation diff --git a/packages/uui-loader-bar/README.md b/packages/uui-loader-bar/README.md index 5563ea45c..e5434165e 100644 --- a/packages/uui-loader-bar/README.md +++ b/packages/uui-loader-bar/README.md @@ -4,7 +4,7 @@ ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-loader-bar) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-loader-bar--docs) ## Installation diff --git a/packages/uui-loader-circle/README.md b/packages/uui-loader-circle/README.md index 25a7a5b1f..5a3f3bbe3 100644 --- a/packages/uui-loader-circle/README.md +++ b/packages/uui-loader-circle/README.md @@ -4,7 +4,7 @@ ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-loader-circle) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-loader-circle--docs) ## Installation diff --git a/packages/uui-loader/README.md b/packages/uui-loader/README.md index 9d7adfd85..c28b76f0c 100644 --- a/packages/uui-loader/README.md +++ b/packages/uui-loader/README.md @@ -4,7 +4,7 @@ ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-loader) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-loader--docs) ## Installation diff --git a/packages/uui-menu-item/README.md b/packages/uui-menu-item/README.md index aff96fb1c..115e9d728 100644 --- a/packages/uui-menu-item/README.md +++ b/packages/uui-menu-item/README.md @@ -6,7 +6,7 @@ Umbraco style menu-item component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-menu-item) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-menu-item--docs) ## Installation diff --git a/packages/uui-pagination/README.md b/packages/uui-pagination/README.md index 730ff0bee..597ad18a7 100644 --- a/packages/uui-pagination/README.md +++ b/packages/uui-pagination/README.md @@ -6,7 +6,7 @@ Umbraco style pagination component. By implementing a resizeObserver it changes ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-pagination) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-pagination--docs) ## Installation diff --git a/packages/uui-popover/README.md b/packages/uui-popover/README.md index 91b59c2de..f68cfa258 100644 --- a/packages/uui-popover/README.md +++ b/packages/uui-popover/README.md @@ -6,7 +6,7 @@ Umbraco style popover component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-popover) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-popover--docs) ## Installation diff --git a/packages/uui-progress-bar/README.md b/packages/uui-progress-bar/README.md index b2f2000e9..8cebeae64 100644 --- a/packages/uui-progress-bar/README.md +++ b/packages/uui-progress-bar/README.md @@ -6,7 +6,7 @@ Umbraco style progress-bar component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-progress-bar) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-progress-bar--docs) ## Installation diff --git a/packages/uui-radio/README.md b/packages/uui-radio/README.md index 0d3e61615..d32821865 100644 --- a/packages/uui-radio/README.md +++ b/packages/uui-radio/README.md @@ -4,7 +4,7 @@ ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-radio) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-radio--docs) ## Installation diff --git a/packages/uui-ref-list/README.md b/packages/uui-ref-list/README.md index 0c8f3a793..3dcd54244 100644 --- a/packages/uui-ref-list/README.md +++ b/packages/uui-ref-list/README.md @@ -6,7 +6,7 @@ Umbraco style ref-list component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-ref-list) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/displays-reference-list--docs) ## Installation diff --git a/packages/uui-ref-node-data-type/README.md b/packages/uui-ref-node-data-type/README.md index 8bdb09b47..a6d6157b7 100644 --- a/packages/uui-ref-node-data-type/README.md +++ b/packages/uui-ref-node-data-type/README.md @@ -6,7 +6,7 @@ Umbraco style ref-node-data-type component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-ref-node-data-type) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-ref-node-data-type--docs) ## Installation diff --git a/packages/uui-ref-node-document-type/README.md b/packages/uui-ref-node-document-type/README.md index 8a6a317a3..6307e62e7 100644 --- a/packages/uui-ref-node-document-type/README.md +++ b/packages/uui-ref-node-document-type/README.md @@ -6,7 +6,7 @@ Umbraco style ref-node-document-type component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-ref-node-document-type) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-ref-node-document-type--docs) ## Installation diff --git a/packages/uui-ref-node-form/README.md b/packages/uui-ref-node-form/README.md index aa3a44c45..49102b40b 100644 --- a/packages/uui-ref-node-form/README.md +++ b/packages/uui-ref-node-form/README.md @@ -6,7 +6,7 @@ Umbraco style ref-node-form component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-ref-node-form) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-ref-node-form--docs) ## Installation diff --git a/packages/uui-ref-node-member/README.md b/packages/uui-ref-node-member/README.md index 95446d578..fee7df4d0 100644 --- a/packages/uui-ref-node-member/README.md +++ b/packages/uui-ref-node-member/README.md @@ -6,7 +6,7 @@ Umbraco style ref-node-member component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-ref-node-member) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-ref-node-member--docs) ## Installation diff --git a/packages/uui-ref-node-package/README.md b/packages/uui-ref-node-package/README.md index 483bd0246..446c76665 100644 --- a/packages/uui-ref-node-package/README.md +++ b/packages/uui-ref-node-package/README.md @@ -6,7 +6,7 @@ Umbraco style ref-node-package component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-ref-node-package) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-ref-node-package--docs) ## Installation diff --git a/packages/uui-ref-node-user/README.md b/packages/uui-ref-node-user/README.md index c4a5baad9..2fddae487 100644 --- a/packages/uui-ref-node-user/README.md +++ b/packages/uui-ref-node-user/README.md @@ -6,7 +6,7 @@ Umbraco style ref-node-user component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-ref-node-user) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-ref-node-user--docs) ## Installation diff --git a/packages/uui-ref-node/README.md b/packages/uui-ref-node/README.md index f3b20a245..295f42919 100644 --- a/packages/uui-ref-node/README.md +++ b/packages/uui-ref-node/README.md @@ -6,7 +6,7 @@ Umbraco style ref-node component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-ref-node) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-ref-node--docs) ## Installation diff --git a/packages/uui-ref/README.md b/packages/uui-ref/README.md index 684706a4b..0f1c58e84 100644 --- a/packages/uui-ref/README.md +++ b/packages/uui-ref/README.md @@ -6,7 +6,7 @@ Umbraco style ref component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-ref) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-ref--docs) ## Installation diff --git a/packages/uui-scroll-container/README.md b/packages/uui-scroll-container/README.md index b3ec9f508..52e464102 100644 --- a/packages/uui-scroll-container/README.md +++ b/packages/uui-scroll-container/README.md @@ -6,7 +6,7 @@ Umbraco style scroll-container component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-scroll-container) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-scroll-container--docs) ## Installation diff --git a/packages/uui-select/README.md b/packages/uui-select/README.md index caddfbf15..8535a6779 100644 --- a/packages/uui-select/README.md +++ b/packages/uui-select/README.md @@ -6,7 +6,7 @@ Umbraco style select component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-select) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-select--docs) ## Installation diff --git a/packages/uui-slider/README.md b/packages/uui-slider/README.md index 752f3bb4f..4a969a66e 100644 --- a/packages/uui-slider/README.md +++ b/packages/uui-slider/README.md @@ -4,7 +4,7 @@ ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-slider) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-slider--docs) ## Installation diff --git a/packages/uui-symbol-expand/README.md b/packages/uui-symbol-expand/README.md index 67c97f51c..b2fd5cb67 100644 --- a/packages/uui-symbol-expand/README.md +++ b/packages/uui-symbol-expand/README.md @@ -6,7 +6,7 @@ Umbraco style expand symbol component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-symbol-expand) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-symbol-expand--docs) ## Installation diff --git a/packages/uui-symbol-file/README.md b/packages/uui-symbol-file/README.md index 65478c3ef..713020295 100644 --- a/packages/uui-symbol-file/README.md +++ b/packages/uui-symbol-file/README.md @@ -4,7 +4,7 @@ ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-symbol-file) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-symbol-file--docs) ## Usage diff --git a/packages/uui-symbol-folder/README.md b/packages/uui-symbol-folder/README.md index 6b16b9866..5bc04ddf7 100644 --- a/packages/uui-symbol-folder/README.md +++ b/packages/uui-symbol-folder/README.md @@ -6,7 +6,7 @@ Umbraco style symbol-folder component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-symbol-folder) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-symbol-folder--docs) ## Usage diff --git a/packages/uui-symbol-more/README.md b/packages/uui-symbol-more/README.md index 20828b404..31cf0f43a 100644 --- a/packages/uui-symbol-more/README.md +++ b/packages/uui-symbol-more/README.md @@ -6,7 +6,7 @@ Umbraco style symbol-more component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-symbol-more) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-symbol-more--docs) ## Installation diff --git a/packages/uui-symbol-sort/README.md b/packages/uui-symbol-sort/README.md index bf48a0c19..6d917e4d6 100644 --- a/packages/uui-symbol-sort/README.md +++ b/packages/uui-symbol-sort/README.md @@ -6,7 +6,7 @@ Umbraco style sort-symbol component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-symbol-sort) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-symbol-sort--docs) ## Installation diff --git a/packages/uui-table/README.md b/packages/uui-table/README.md index db63f7502..9277a1ebb 100644 --- a/packages/uui-table/README.md +++ b/packages/uui-table/README.md @@ -4,7 +4,7 @@ ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-table) +Preview the component on [Storybook](hhttps://uui.umbraco.com/?path=/docs/uui-table--docs) ## Installation diff --git a/packages/uui-tabs/README.md b/packages/uui-tabs/README.md index b816a49fe..b6ce280de 100644 --- a/packages/uui-tabs/README.md +++ b/packages/uui-tabs/README.md @@ -4,7 +4,7 @@ ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-tabs) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-tabs--docs) ## Installation diff --git a/packages/uui-tabs/lib/uui-tab-group.element.ts b/packages/uui-tabs/lib/uui-tab-group.element.ts index cde096957..66e7df8b0 100644 --- a/packages/uui-tabs/lib/uui-tab-group.element.ts +++ b/packages/uui-tabs/lib/uui-tab-group.element.ts @@ -4,9 +4,9 @@ import { property, query, queryAssignedElements } from 'lit/decorators.js'; import { repeat } from 'lit/directives/repeat.js'; import type { UUIButtonElement } from '@umbraco-ui/uui-button/lib'; -import '@umbraco-ui/uui-button/lib/uui-button.element'; -import '@umbraco-ui/uui-popover-container/lib/uui-popover-container.element'; -import '@umbraco-ui/uui-symbol-more/lib/uui-symbol-more.element'; +import '@umbraco-ui/uui-button/lib'; +import '@umbraco-ui/uui-popover-container/lib'; +import '@umbraco-ui/uui-symbol-more/lib'; import { UUITabElement } from './uui-tab.element'; diff --git a/packages/uui-tabs/package.json b/packages/uui-tabs/package.json index 483a8782e..dbe84a8c1 100644 --- a/packages/uui-tabs/package.json +++ b/packages/uui-tabs/package.json @@ -30,7 +30,10 @@ "custom-elements.json" ], "dependencies": { - "@umbraco-ui/uui-base": "1.5.0-rc.0" + "@umbraco-ui/uui-base": "1.5.0-rc.0", + "@umbraco-ui/uui-button": "1.5.0-rc.0", + "@umbraco-ui/uui-popover-container": "1.5.0-rc.0", + "@umbraco-ui/uui-symbol-more": "1.5.0-rc.0" }, "scripts": { "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js", diff --git a/packages/uui-tag/README.md b/packages/uui-tag/README.md index f3de636bc..2a60d5ed1 100644 --- a/packages/uui-tag/README.md +++ b/packages/uui-tag/README.md @@ -6,7 +6,7 @@ Tag component from Umbraco UI components library. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-tag) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-tag--docs) ## Installation diff --git a/packages/uui-textarea/README.md b/packages/uui-textarea/README.md index ab7b563e8..87e81e513 100644 --- a/packages/uui-textarea/README.md +++ b/packages/uui-textarea/README.md @@ -6,7 +6,7 @@ Umbraco style textarea component. ### See it in action -Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-textarea) +Preview the component on [Storybook](https://uui.umbraco.com/?path=/docs/uui-textarea--docs) ## Installation diff --git a/packages/uui-textarea/lib/uui-textarea.element.ts b/packages/uui-textarea/lib/uui-textarea.element.ts index edec89d35..932c5f59a 100644 --- a/packages/uui-textarea/lib/uui-textarea.element.ts +++ b/packages/uui-textarea/lib/uui-textarea.element.ts @@ -13,7 +13,9 @@ import { ifDefined } from 'lit/directives/if-defined.js'; * @cssprop --uui-textarea-min-height - Sets the minimum height of the textarea * @cssprop --uui-textarea-max-height - Sets the maximum height of the textarea * @cssprop {color} --uui-textarea-background-color - Sets the background color of the textarea + * @cssprop --uui-textarea-font-size - Overwrites the default font size */ + @defineElement('uui-textarea') export class UUITextareaElement extends FormControlMixin(LitElement) { /** @@ -71,10 +73,10 @@ export class UUITextareaElement extends FormControlMixin(LitElement) { box-sizing: border-box; min-width: 100%; max-width: 100%; - font-size: var(--uui-size-5); + font-size: inherit; padding: var(--uui-size-2); border: 1px solid - var(--uui-textarea-border-color, var(--uui-color-border)); + var(--uui-textarea-border-color, var(--uui-color-border)); /** Note: Specified border size is needed and hardcoded in autoUpdateHeight() */ border-radius: 0; outline: none; min-height: var(--uui-textarea-min-height); @@ -262,6 +264,12 @@ export class UUITextareaElement extends FormControlMixin(LitElement) { if (!this.label) { console.warn(this.tagName + ' needs a `label`', this); } + + if (this.autoHeight) { + requestAnimationFrame(() => { + this.autoUpdateHeight(); + }); + } } /** @@ -305,8 +313,11 @@ export class UUITextareaElement extends FormControlMixin(LitElement) { input.style.height = 'auto'; - if (input.scrollHeight > input.clientHeight) { - input.style.height = input.scrollHeight + 'px'; + // Note: Add + 2 because of the border top+bottom 1px each + if (input.scrollHeight + 2 > input.clientHeight) { + input.style.height = input.scrollHeight + 2 + 'px'; + } else if (input.scrollHeight + 2 < input.clientHeight) { + input.style.removeProperty('height'); } // Reset host styles and scroll to where we were @@ -319,8 +330,8 @@ export class UUITextareaElement extends FormControlMixin(LitElement) { return html`