gd-bs 6.2.5 → 6.2.7

package/build/components/button/index.js

@@ -93,6 +93,9 @@ var _Button = /** @class */ (function (_super) {
         this.props.isSmall ? this.el.classList.add("btn-sm") : null;
         // Set the default type
         this.setType(this.props.type || ButtonTypes.Primary);
+        // Set the aria label/description
+        this.props.description ? this.el.setAttribute("aria-description", this.props.description) : null;
+        this.el.setAttribute("aria-label", this.props.label || this.props.text);
         // Set the attributes
         this.props.dismiss ? this.el.setAttribute("data-bs-dismiss", this.props.dismiss) : null;
         this.props.href ? this.el.href = this.props.href : null;

package/build/components/dropdown/index.js

@@ -144,6 +144,7 @@ var _Dropdown = /** @class */ (function (_super) {
         if (toggle) {
             toggle.classList.add(btnType);
             toggle.disabled = this.props.isReadonly ? true : false;
+            toggle.setAttribute("aria-label", this.props.label || "");
         }
         // See if we are rendering the menu only
         var menu = this.el.querySelector(".dropdown-menu");
@@ -497,6 +498,7 @@ var _Dropdown = /** @class */ (function (_super) {
         if (ddl) {
             // Set the inner html
             ddl.innerHTML = value;
+            ddl.setAttribute("aria-label", value);
         }
     };
     // Enables/Disables the dark theme

package/build/components/tooltip/index.js

@@ -94,6 +94,11 @@ var _Tooltip = /** @class */ (function (_super) {
             // Default the toggle property for the button
             var btnProps = this.props.btnProps || {};
             btnProps.type = btnProps.type || button_1.ButtonTypes.OutlineSecondary;
+            // See if the content is text
+            if (typeof (this.props.content) === "string") {
+                // Set the label
+                btnProps.description = this.props.content;
+            }
             // Create the button
             this._btn = (0, button_1.Button)(btnProps);
             // Update the element
@@ -347,6 +352,11 @@ var _Tooltip = /** @class */ (function (_super) {
     _Tooltip.prototype.setContent = function (content) {
         // Set the tippy content
         this.tippy.setContent(content);
+        // See if the button exists
+        if (this._btn && typeof (content) === "string") {
+            // Update the content
+            this._btn.el.setAttribute("aria-description", content);
+        }
     };
     // Shows the tooltip
     _Tooltip.prototype.show = function () {

package/build/icons/generate.js

@@ -19,6 +19,8 @@ var generateIcon = function (svg, height, width, className) {
                 icon.classList.add(classNames[i]);
             }
         }
+        // Make this icon invisible to the screen reader
+        icon.setAttribute("aria-hidden", "true");
         // Set the height/width
         icon.setAttribute("height", (height ? height : 32).toString());
         icon.setAttribute("width", (width ? width : 32).toString());