@gyldendal/kobber-components - npm Package Compare versions

Comparing version 0.3.78 to 0.3.79

dist/react-ssr-safe/index.js

@@ -15,3 +15,3 @@ import {
   TextWrapper
-} from "../chunks/chunk-N7YW7YEV.js";
+} from "../chunks/chunk-VWIO3F6C.js";
 import "../chunks/chunk-FLJAUY7Z.js";
@@ -18,0 +18,0 @@ import "../chunks/chunk-7DTZ5YWS.js";

dist/react/index.js

@@ -15,3 +15,3 @@ import {
   TextWrapper
-} from "../chunks/chunk-N7YW7YEV.js";
+} from "../chunks/chunk-VWIO3F6C.js";
 import {
@@ -35,3 +35,3 @@ BoxLayout,
   stringifyStyleObject
-} from "../chunks/chunk-UDNDYJGQ.js";
+} from "../chunks/chunk-4QF5TSD3.js";
 import "../chunks/chunk-FLJAUY7Z.js";
@@ -38,0 +38,0 @@ import {

dist/web-components/index.js

@@ -23,3 +23,3 @@ import {
   watch
-} from "../chunks/chunk-UDNDYJGQ.js";
+} from "../chunks/chunk-4QF5TSD3.js";
 import {
@@ -709,3 +709,4 @@ accordionClassNames,
       cursor: pointer;
-      padding: var(${unsafeCSS(input.wrapper.padding)});
+      padding: calc(var(--kobber-component-input-selection-wrapper-padding) + 0.15em)
+        var(--kobber-component-input-selection-wrapper-padding) var(--kobber-component-input-selection-wrapper-padding); /* A larger top padding emulates label being vertically aligned with idle input control, but not when multiple lines. */
 
@@ -805,2 +806,4 @@ ${typographyInput()}
       --transition-time: 0.5s;
+      --icon-wrapper-height: var(${unsafeCSS2(button.indicator.height)});
+      --icon-wrapper-width: var(${unsafeCSS2(button.indicator.width)});
       --icon-height: var(${unsafeCSS2(button.shape.height)});
@@ -811,7 +814,5 @@ --icon-width: var(${unsafeCSS2(button.shape.width)});
     .${unsafeCSS2("kobber-radio-input-control")} {
-      box-sizing: content-box; /* Avoid vertical "shrinking" effect. */
-      margin-top: 0.2em; /* Emulate vertical justification, but not when multiple lines.  */
-
-      width: var(--icon-width);
-      height: var(--icon-height);
+      margin-top: 0.1em; /* A top margin emulates label being vertically aligned with idle input control, but not when multiple lines. */
+      width: var(--icon-wrapper-width);
+      height: var(--icon-wrapper-height);
       color: var(--control-color);
@@ -842,4 +843,49 @@ border: var(${unsafeCSS2(button.border.width)}) solid;
 
+// src/internal-icons/InternalIcons.styles.ts
+import { css as css4 } from "lit";
+var createIconStyles = () => {
+  return css4`
+    :host {
+      display: block;
+      transform: translate(1px, 1px); /* Necessary for Safari */
+      width: 100%;
+      height: 100%;
+    }
+    svg {
+      display: block;
+      width: var(--icon-width, 1em);
+      height: var(--icon-height, 1em);
+    }
+  `;
+};
+var internalIconsStyles = createIconStyles();
+
+// src/internal-icons/form-radio/index.js
+var FormRadio = class extends HTMLElement {
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+    this.heightValueFallback = "var(--kobber-global-visual-icon-size-small)";
+    this.widthValueFallback = "var(--kobber-global-visual-icon-size-small)";
+  }
+  renderComponent() {
+    const ariaLabel = this.getAttribute("aria-label") || "";
+    const ariaHidden = ariaLabel === "";
+    const role = ariaHidden ? "presentation" : "img";
+    this.shadowRoot.innerHTML = `
+      <style>
+      ${internalIconsStyles}
+      </style>
+			<svg viewBox="0 0 10 11" aria-label="${ariaLabel}" aria-hidden="${ariaHidden}" role="${role}"><circle cx="5" cy="5.5" r="5" fill="currentColor"></circle></svg>`;
+  }
+  connectedCallback() {
+    this.renderComponent();
+  }
+};
+var customElementName2 = "icon-form_radio";
+if (!customElements.get(customElementName2)) {
+  customElements.define(customElementName2, FormRadio);
+}
+
 // src/radio/radioInputControl/RadioInputControl.ts
-import "@gyldendal/kobber-icons/web-components";
 var RadioInputControl = class extends ShoelaceElement {
@@ -915,3 +961,5 @@ constructor() {
   setInitialAttributes() {
-    this.setAttribute("role", "radio");
+    if (!this.isLink()) {
+      this.setAttribute("role", "radio");
+    }
     this.setAttribute("tabindex", "-1");
@@ -918,0 +966,0 @@ this.setAttribute("aria-disabled", this.disabled ? "true" : "false");

package.json

 {
   "name": "@gyldendal/kobber-components",
-  "version": "0.3.78",
+  "version": "0.3.79",
   "license": "MIT",
@@ -72,3 +72,3 @@ "type": "module",
     "typedoc-plugin-markdown": "^4.4.1",
-    "typescript": "^5.7.3",
+    "typescript": "^5.8.2",
     "typescript-eslint": "^8.15.0"
@@ -75,0 +75,0 @@ },

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

352252

increased by0.51%

Lines of code

8828

increased by0.73%

Number of low supply chain risk alerts

1

decreased by-50%

No dependency changes