@quartzds/core-react 1.0.0-beta.120 → 1.0.0-beta.121

package/CHANGELOG.md

@@ -11,6 +11,20 @@ SPDX-License-Identifier: Apache-2.0
 
 > All notable changes to this project will be documented in this file
 
+## @quartzds/core-react 1.0.0-beta.121 (2026-03-26)
+
+* Merge pull request #1781 from quartzds/refactor/remove-unused-file ([ed7f1a9](https://github.com/quartzds/core-foundations/commit/ed7f1a9)), closes [#1781](https://github.com/quartzds/core-foundations/issues/1781)
+* chore(qds-avatar-media): improve a11y semantics ([35306c2](https://github.com/quartzds/core-foundations/commit/35306c2))
+* refactor: remove unused react binding file ([885a060](https://github.com/quartzds/core-foundations/commit/885a060))
+
+
+
+
+
+### Dependencies
+
+* **@quartzds/core:** upgraded to 1.0.0-beta.122
+
 ## @quartzds/core-react 1.0.0-beta.120 (2026-03-11)
 
 

package/lib/index.cjs

@@ -135,7 +135,10 @@ var QdsAvatarMedia = /* @__PURE__ */ (0, import_runtime.createComponent)({
   elementClass: import_qds_avatar_media.QdsAvatarMedia,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: import_react.default,
-  events: { onQdsError: "qdsError" },
+  events: {
+    onQdsLoad: "qdsLoad",
+    onQdsError: "qdsError"
+  },
   defineCustomElement: import_qds_avatar_media.defineCustomElement
 });
 var QdsBadgeCounter = /* @__PURE__ */ (0, import_runtime.createComponent)({

package/lib/index.d.cts

@@ -50,6 +50,7 @@ type QdsActionItemEvents = {
 };
 declare const QdsActionItem: StencilReactComponent<QdsActionItem$1, QdsActionItemEvents>;
 type QdsAvatarMediaEvents = {
+    onQdsLoad: EventName<CustomEvent<void>>;
     onQdsError: EventName<CustomEvent<void>>;
 };
 declare const QdsAvatarMedia: StencilReactComponent<QdsAvatarMedia$1, QdsAvatarMediaEvents>;

package/lib/index.d.ts

@@ -50,6 +50,7 @@ type QdsActionItemEvents = {
 };
 declare const QdsActionItem: StencilReactComponent<QdsActionItem$1, QdsActionItemEvents>;
 type QdsAvatarMediaEvents = {
+    onQdsLoad: EventName<CustomEvent<void>>;
     onQdsError: EventName<CustomEvent<void>>;
 };
 declare const QdsAvatarMedia: StencilReactComponent<QdsAvatarMedia$1, QdsAvatarMediaEvents>;

package/lib/index.js

@@ -55,7 +55,10 @@ var QdsAvatarMedia = /* @__PURE__ */ createComponent({
   elementClass: QdsAvatarMediaElement,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: React,
-  events: { onQdsError: "qdsError" },
+  events: {
+    onQdsLoad: "qdsLoad",
+    onQdsError: "qdsError"
+  },
   defineCustomElement: defineQdsAvatarMedia
 });
 var QdsBadgeCounter = /* @__PURE__ */ createComponent({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quartzds/core-react",
-  "version": "1.0.0-beta.120",
+  "version": "1.0.0-beta.121",
   "description": "React wrapper for @quartzds/core",
   "homepage": "https://github.com/quartzds/core-foundations/tree/main/packages/react",
   "bugs": {
@@ -29,7 +29,7 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@quartzds/core": "1.0.0-beta.121",
+    "@quartzds/core": "1.0.0-beta.122",
     "@stencil/core": "^4.37.0",
     "@stencil/react-output-target": "^1.2.0",
     "@stencil/ssr": "^0.1.1"

package/styles/core.css

@@ -318,8 +318,10 @@
   background-color: var(--qds-theme-popup-background);
   border-radius: var(--qds-popup-border-radius);
   box-shadow: var(--qds-popup-elevation);
-  padding: var(--qds-popup-padding-top) var(--qds-popup-padding-end)
-    var(--qds-popup-padding-bottom) var(--qds-popup-padding-start);
+  padding: var(--qds-popup-subsection-padding-top)
+    var(--qds-popup-subsection-padding-end)
+    var(--qds-popup-subsection-padding-bottom)
+    var(--qds-popup-subsection-padding-start);
 }
 
 .qds-popup,
@@ -464,22 +466,22 @@
 }
 
 .qds-control-group-inline > :first-child:not(:only-child) {
-  --qds-control-border-radius-top-right: 0px;
-  --qds-control-border-radius-bottom-right: 0px;
-  --qds-control-border-width-inline-end: 0px;
+  --qds-form-input-border-radius-top-right: 0px;
+  --qds-form-input-border-radius-bottom-right: 0px;
+  --qds-form-input-border-width-inline-end: 0px;
 }
 
 .qds-control-group-inline > :not(:first-child, :last-child) {
-  --qds-control-border-radius-top-left: 0px;
-  --qds-control-border-radius-top-right: 0px;
-  --qds-control-border-radius-bottom-right: 0px;
-  --qds-control-border-radius-bottom-left: 0px;
-  --qds-control-border-width-inline-end: 0px;
+  --qds-form-input-border-radius-top-left: 0px;
+  --qds-form-input-border-radius-top-right: 0px;
+  --qds-form-input-border-radius-bottom-right: 0px;
+  --qds-form-input-border-radius-bottom-left: 0px;
+  --qds-form-input-border-width-inline-end: 0px;
 }
 
 .qds-control-group-inline > :last-child:not(:only-child) {
-  --qds-control-border-radius-top-left: 0px;
-  --qds-control-border-radius-bottom-left: 0px;
+  --qds-form-input-border-radius-top-left: 0px;
+  --qds-form-input-border-radius-bottom-left: 0px;
 }
 
 .qds-control-group-block {
@@ -488,20 +490,20 @@
 }
 
 .qds-control-group-block > :first-child:not(:only-child) {
-  --qds-control-border-radius-bottom-left: 0px;
-  --qds-control-border-radius-bottom-right: 0px;
-  --qds-control-border-width-block-end: 0px;
+  --qds-form-input-border-radius-bottom-left: 0px;
+  --qds-form-input-border-radius-bottom-right: 0px;
+  --qds-form-input-border-width-block-end: 0px;
 }
 
 .qds-control-group-block > :not(:first-child, :last-child) {
-  --qds-control-border-radius-top-left: 0px;
-  --qds-control-border-radius-top-right: 0px;
-  --qds-control-border-radius-bottom-right: 0px;
-  --qds-control-border-radius-bottom-left: 0px;
-  --qds-control-border-width-block-end: 0px;
+  --qds-form-input-border-radius-top-left: 0px;
+  --qds-form-input-border-radius-top-right: 0px;
+  --qds-form-input-border-radius-bottom-right: 0px;
+  --qds-form-input-border-radius-bottom-left: 0px;
+  --qds-form-input-border-width-block-end: 0px;
 }
 
 .qds-control-group-block > :last-child:not(:only-child) {
-  --qds-control-border-radius-top-left: 0px;
-  --qds-control-border-radius-top-right: 0px;
+  --qds-form-input-border-radius-top-left: 0px;
+  --qds-form-input-border-radius-top-right: 0px;
 }