lightning-base-components 1.28.7-alpha → 1.28.10-alpha

package/src/lightning/inputName/inputName.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inputName.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/inputName/inputName.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"inputName.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/inputName/inputName.ts"],"names":[],"mappings":"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"}

package/src/lightning/inputName/inputName.js

@@ -20,6 +20,7 @@ import { assert, normalizeBoolean, classListMutation, reflectAttribute, } from '
 import { isEmptyString, InteractingState, FieldConstraintApi, normalizeVariant, VARIANT, } from 'lightning/inputUtils';
 import { getFieldsOrder } from './nameFormatter';
 import { privateContext } from 'lightning/utilsInternal';
+import { features } from 'lightning/features';
 const { setContext, assertContext } = privateContext;
 const FIELD_TYPE = {
     INPUT: 'input',
@@ -329,6 +330,9 @@ export default class LightningInputName extends LightningShadowBaseClass {
         return fields;
     }
     getFieldValue(fieldName) {
+        if (features.enableAssertContext260) {
+            assertContext(this);
+        }
         return this[fieldName];
     }
     getFieldElement(fieldName) {

package/src/lightning/interactiveDialogBase/button.slds.css

@@ -16,11 +16,11 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
  */
 :host([data-render-mode="shadow"]) [part~='button'] {
   display: inline-flex;
-  gap: var(--sds-c-button-spacing-gap, var(--sds-s-button-spacing-gap));
-  background: var(--sds-c-button-color-background, var(--sds-s-button-color-background));
-  color: var(--sds-c-button-text-color, var(--sds-s-button-color));
-  font-weight: var(--sds-c-button-font-weight, var(--sds-s-button-font-weight));
-  font-size: var(--sds-c-button-font-size, var(--sds-s-button-font-size, inherit));
+  gap: var(--sds-c-button-spacing-gap, var(--slds-s-button-spacing-gap));
+  background: var(--sds-c-button-color-background, var(--slds-s-button-color-background));
+  color: var(--sds-c-button-text-color, var(--slds-s-button-color));
+  font-weight: var(--sds-c-button-font-weight, var(--slds-s-button-font-weight));
+  font-size: var(--sds-c-button-font-size, var(--slds-s-button-font-size, inherit));
   line-height: var(--sds-c-button-font-lineheight);
   height: var(--sds-c-button-sizing-height);
   width: var(--sds-c-button-sizing-width);
@@ -28,62 +28,62 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
     --sds-c-button-spacing-inlinestart,
     var(
       --sds-c-button-spacing-inline,
-      var(--sds-c-button-spacing, var(--sds-s-button-spacing-inline, var(--sds-s-button-spacing)))
+      var(--sds-c-button-spacing, var(--slds-s-button-spacing-inline, var(--slds-s-button-spacing)))
     )
   );
   padding-inline-end: var(
     --sds-c-button-spacing-inlineend,
     var(
       --sds-c-button-spacing-inline,
-      var(--sds-c-button-spacing, var(--sds-s-button-spacing-inline, var(--sds-s-button-spacing)))
+      var(--sds-c-button-spacing, var(--slds-s-button-spacing-inline, var(--slds-s-button-spacing)))
     )
   );
   padding-block-start: var(
     --sds-c-button-spacing-blockstart,
     var(
       --sds-c-button-spacing-block,
-      var(--sds-c-button-spacing, var(--sds-s-button-spacing-block, var(--sds-s-button-spacing)))
+      var(--sds-c-button-spacing, var(--slds-s-button-spacing-block, var(--slds-s-button-spacing)))
     )
   );
   padding-block-end: var(
     --sds-c-button-spacing-blockend,
     var(
       --sds-c-button-spacing-block,
-      var(--sds-c-button-spacing, var(--sds-s-button-spacing-block, var(--sds-s-button-spacing)))
+      var(--sds-c-button-spacing, var(--slds-s-button-spacing-block, var(--slds-s-button-spacing)))
     )
   );
-  border-width: var(--sds-c-button-sizing-border, var(--sds-s-button-sizing-border, 1px));
+  border-width: var(--sds-c-button-sizing-border, var(--slds-s-button-sizing-border, 1px));
   border-style: solid;
-  border-color: var(--sds-c-button-color-border, var(--sds-s-button-color-border, currentColor));
+  border-color: var(--sds-c-button-color-border, var(--slds-s-button-color-border, currentColor));
   border-start-start-radius: var(
     --sds-c-button-radius-border-startstart,
     var(
       --sds-c-button-radius-border,
-      var(--sds-s-button-radius-border-startstart, var(--sds-s-button-radius-border))
+      var(--slds-s-button-radius-border-startstart, var(--slds-s-button-radius-border))
     )
   );
   border-start-end-radius: var(
     --sds-c-button-radius-border-startend,
     var(
       --sds-c-button-radius-border,
-      var(--sds-s-button-radius-border-startend, var(--sds-s-button-radius-border))
+      var(--slds-s-button-radius-border-startend, var(--slds-s-button-radius-border))
     )
   );
   border-end-start-radius: var(
     --sds-c-button-radius-border-endstart,
     var(
       --sds-c-button-radius-border,
-      var(--sds-s-button-radius-border-endstart, var(--sds-s-button-radius-border))
+      var(--slds-s-button-radius-border-endstart, var(--slds-s-button-radius-border))
     )
   );
   border-end-end-radius: var(
     --sds-c-button-radius-border-endend,
     var(
       --sds-c-button-radius-border,
-      var(--sds-s-button-radius-border-endend, var(--sds-s-button-radius-border))
+      var(--slds-s-button-radius-border-endend, var(--slds-s-button-radius-border))
     )
   );
-  box-shadow: var(--sds-c-button-shadow, var(--sds-s-button-shadow));
+  box-shadow: var(--sds-c-button-shadow, var(--slds-s-button-shadow));
   text-decoration: var(--sds-c-button-font-decoration);
   white-space: normal;
   user-select: none;
@@ -97,16 +97,16 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
  * Fallback order: Hover > Base
  */
 :host([data-render-mode="shadow"]) [part~='button']:hover {
-  --sds-c-button-text-color: var(--sds-c-button-text-color-hover, var(--sds-s-button-color-hover, revert));
+  --sds-c-button-text-color: var(--sds-c-button-text-color-hover, var(--slds-s-button-color-hover, revert));
   --sds-c-button-color-background: var(
     --sds-c-button-color-background-hover,
-    var(--sds-s-button-color-background-hover, revert)
+    var(--slds-s-button-color-background-hover, revert)
   );
   --sds-c-button-color-border: var(
     --sds-c-button-color-border-hover,
-    var(--sds-s-button-color-border-hover, revert)
+    var(--slds-s-button-color-border-hover, revert)
   );
-  --sds-c-button-shadow: var(--sds-c-button-shadow-hover, var(--sds-s-button-shadow-hover, revert));
+  --sds-c-button-shadow: var(--sds-c-button-shadow-hover, var(--slds-s-button-shadow-hover, revert));
 
   cursor: pointer;
 }
@@ -118,14 +118,14 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
 :host([data-render-mode="shadow"]) [part~='button']:focus {
   --sds-c-button-color-background: var(
     --sds-c-button-color-background-focus,
-    var(--sds-s-button-color-background-focus, revert)
+    var(--slds-s-button-color-background-focus, revert)
   );
   --sds-c-button-color-border: var(
     --sds-c-button-color-border-focus,
-    var(--sds-s-button-color-border-focus, revert)
+    var(--slds-s-button-color-border-focus, revert)
   );
-  --sds-c-button-text-color: var(--sds-c-button-text-color-focus, var(--sds-s-button-color-focus, revert));
-  --sds-c-button-shadow: var(--sds-c-button-shadow-focus, var(--sds-s-button-shadow-focus, revert));
+  --sds-c-button-text-color: var(--sds-c-button-text-color-focus, var(--slds-s-button-color-focus, revert));
+  --sds-c-button-shadow: var(--sds-c-button-shadow-focus, var(--slds-s-button-shadow-focus, revert));
 
   outline: 0;
 }
@@ -137,16 +137,16 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
  * @TODO: keep this order (no hover) so active has feedback or go all out?
  */
 :host([data-render-mode="shadow"]) [part~='button']:active {
-  --sds-c-button-text-color: var(--sds-c-button-text-color-active, var(--sds-s-button-color-active, revert));
+  --sds-c-button-text-color: var(--sds-c-button-text-color-active, var(--slds-s-button-color-active, revert));
   --sds-c-button-color-background: var(
     --sds-c-button-color-background-active,
-    var(--sds-s-button-color-background-active, revert)
+    var(--slds-s-button-color-background-active, revert)
   );
   --sds-c-button-color-border: var(
     --sds-c-button-color-border-active,
-    var(--sds-s-button-color-border-active, revert)
+    var(--slds-s-button-color-border-active, revert)
   );
-  --sds-c-button-shadow: var(--sds-c-button-shadow-active, var(--sds-s-button-shadow-active, revert));
+  --sds-c-button-shadow: var(--sds-c-button-shadow-active, var(--slds-s-button-shadow-active, revert));
 }
 /**
  * Disabled button styles

package/src/lightning/modalHeader/modalHeader.css

@@ -1,11 +1,2 @@
-@import 'lightning/sldsCommon';
-@import './modal-header.slds.css';
-@import 'lightning/sldsUtilsHyphenation';
-
-@media only screen and (max-width: 42.688rem) {
-    .slds-modal__header__reflow_resize,
-    .slds-modal_full .slds-modal__header__reflow_resize {
-        padding-top: 0;
-        padding-bottom: 0;
-    }
-}
+@import './modalHeader.lbc.synthetic.css';
+@import './modalHeader.lbc.native.css';

package/src/lightning/modalHeader/modalHeader.lbc.synthetic.css

@@ -0,0 +1,7 @@
+@media only screen and (max-width: 42.688rem) {
+    .slds-modal__header__reflow_resize,
+    .slds-modal_full .slds-modal__header__reflow_resize {
+        padding-top: 0;
+        padding-bottom: 0;
+    }
+}

package/src/lightning/pillContainer/button.slds.css

@@ -16,11 +16,11 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
  */
 :host([data-render-mode="shadow"]) [part~='button'] {
   display: inline-flex;
-  gap: var(--sds-c-button-spacing-gap, var(--sds-s-button-spacing-gap));
-  background: var(--sds-c-button-color-background, var(--sds-s-button-color-background));
-  color: var(--sds-c-button-text-color, var(--sds-s-button-color));
-  font-weight: var(--sds-c-button-font-weight, var(--sds-s-button-font-weight));
-  font-size: var(--sds-c-button-font-size, var(--sds-s-button-font-size, inherit));
+  gap: var(--sds-c-button-spacing-gap, var(--slds-s-button-spacing-gap));
+  background: var(--sds-c-button-color-background, var(--slds-s-button-color-background));
+  color: var(--sds-c-button-text-color, var(--slds-s-button-color));
+  font-weight: var(--sds-c-button-font-weight, var(--slds-s-button-font-weight));
+  font-size: var(--sds-c-button-font-size, var(--slds-s-button-font-size, inherit));
   line-height: var(--sds-c-button-font-lineheight);
   height: var(--sds-c-button-sizing-height);
   width: var(--sds-c-button-sizing-width);
@@ -28,62 +28,62 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
     --sds-c-button-spacing-inlinestart,
     var(
       --sds-c-button-spacing-inline,
-      var(--sds-c-button-spacing, var(--sds-s-button-spacing-inline, var(--sds-s-button-spacing)))
+      var(--sds-c-button-spacing, var(--slds-s-button-spacing-inline, var(--slds-s-button-spacing)))
     )
   );
   padding-inline-end: var(
     --sds-c-button-spacing-inlineend,
     var(
       --sds-c-button-spacing-inline,
-      var(--sds-c-button-spacing, var(--sds-s-button-spacing-inline, var(--sds-s-button-spacing)))
+      var(--sds-c-button-spacing, var(--slds-s-button-spacing-inline, var(--slds-s-button-spacing)))
     )
   );
   padding-block-start: var(
     --sds-c-button-spacing-blockstart,
     var(
       --sds-c-button-spacing-block,
-      var(--sds-c-button-spacing, var(--sds-s-button-spacing-block, var(--sds-s-button-spacing)))
+      var(--sds-c-button-spacing, var(--slds-s-button-spacing-block, var(--slds-s-button-spacing)))
     )
   );
   padding-block-end: var(
     --sds-c-button-spacing-blockend,
     var(
       --sds-c-button-spacing-block,
-      var(--sds-c-button-spacing, var(--sds-s-button-spacing-block, var(--sds-s-button-spacing)))
+      var(--sds-c-button-spacing, var(--slds-s-button-spacing-block, var(--slds-s-button-spacing)))
     )
   );
-  border-width: var(--sds-c-button-sizing-border, var(--sds-s-button-sizing-border, 1px));
+  border-width: var(--sds-c-button-sizing-border, var(--slds-s-button-sizing-border, 1px));
   border-style: solid;
-  border-color: var(--sds-c-button-color-border, var(--sds-s-button-color-border, currentColor));
+  border-color: var(--sds-c-button-color-border, var(--slds-s-button-color-border, currentColor));
   border-start-start-radius: var(
     --sds-c-button-radius-border-startstart,
     var(
       --sds-c-button-radius-border,
-      var(--sds-s-button-radius-border-startstart, var(--sds-s-button-radius-border))
+      var(--slds-s-button-radius-border-startstart, var(--slds-s-button-radius-border))
     )
   );
   border-start-end-radius: var(
     --sds-c-button-radius-border-startend,
     var(
       --sds-c-button-radius-border,
-      var(--sds-s-button-radius-border-startend, var(--sds-s-button-radius-border))
+      var(--slds-s-button-radius-border-startend, var(--slds-s-button-radius-border))
     )
   );
   border-end-start-radius: var(
     --sds-c-button-radius-border-endstart,
     var(
       --sds-c-button-radius-border,
-      var(--sds-s-button-radius-border-endstart, var(--sds-s-button-radius-border))
+      var(--slds-s-button-radius-border-endstart, var(--slds-s-button-radius-border))
     )
   );
   border-end-end-radius: var(
     --sds-c-button-radius-border-endend,
     var(
       --sds-c-button-radius-border,
-      var(--sds-s-button-radius-border-endend, var(--sds-s-button-radius-border))
+      var(--slds-s-button-radius-border-endend, var(--slds-s-button-radius-border))
     )
   );
-  box-shadow: var(--sds-c-button-shadow, var(--sds-s-button-shadow));
+  box-shadow: var(--sds-c-button-shadow, var(--slds-s-button-shadow));
   text-decoration: var(--sds-c-button-font-decoration);
   white-space: normal;
   user-select: none;
@@ -97,16 +97,16 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
  * Fallback order: Hover > Base
  */
 :host([data-render-mode="shadow"]) [part~='button']:hover {
-  --sds-c-button-text-color: var(--sds-c-button-text-color-hover, var(--sds-s-button-color-hover, revert));
+  --sds-c-button-text-color: var(--sds-c-button-text-color-hover, var(--slds-s-button-color-hover, revert));
   --sds-c-button-color-background: var(
     --sds-c-button-color-background-hover,
-    var(--sds-s-button-color-background-hover, revert)
+    var(--slds-s-button-color-background-hover, revert)
   );
   --sds-c-button-color-border: var(
     --sds-c-button-color-border-hover,
-    var(--sds-s-button-color-border-hover, revert)
+    var(--slds-s-button-color-border-hover, revert)
   );
-  --sds-c-button-shadow: var(--sds-c-button-shadow-hover, var(--sds-s-button-shadow-hover, revert));
+  --sds-c-button-shadow: var(--sds-c-button-shadow-hover, var(--slds-s-button-shadow-hover, revert));
 
   cursor: pointer;
 }
@@ -118,14 +118,14 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
 :host([data-render-mode="shadow"]) [part~='button']:focus {
   --sds-c-button-color-background: var(
     --sds-c-button-color-background-focus,
-    var(--sds-s-button-color-background-focus, revert)
+    var(--slds-s-button-color-background-focus, revert)
   );
   --sds-c-button-color-border: var(
     --sds-c-button-color-border-focus,
-    var(--sds-s-button-color-border-focus, revert)
+    var(--slds-s-button-color-border-focus, revert)
   );
-  --sds-c-button-text-color: var(--sds-c-button-text-color-focus, var(--sds-s-button-color-focus, revert));
-  --sds-c-button-shadow: var(--sds-c-button-shadow-focus, var(--sds-s-button-shadow-focus, revert));
+  --sds-c-button-text-color: var(--sds-c-button-text-color-focus, var(--slds-s-button-color-focus, revert));
+  --sds-c-button-shadow: var(--sds-c-button-shadow-focus, var(--slds-s-button-shadow-focus, revert));
 
   outline: 0;
 }
@@ -137,16 +137,16 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
  * @TODO: keep this order (no hover) so active has feedback or go all out?
  */
 :host([data-render-mode="shadow"]) [part~='button']:active {
-  --sds-c-button-text-color: var(--sds-c-button-text-color-active, var(--sds-s-button-color-active, revert));
+  --sds-c-button-text-color: var(--sds-c-button-text-color-active, var(--slds-s-button-color-active, revert));
   --sds-c-button-color-background: var(
     --sds-c-button-color-background-active,
-    var(--sds-s-button-color-background-active, revert)
+    var(--slds-s-button-color-background-active, revert)
   );
   --sds-c-button-color-border: var(
     --sds-c-button-color-border-active,
-    var(--sds-s-button-color-border-active, revert)
+    var(--slds-s-button-color-border-active, revert)
   );
-  --sds-c-button-shadow: var(--sds-c-button-shadow-active, var(--sds-s-button-shadow-active, revert));
+  --sds-c-button-shadow: var(--sds-c-button-shadow-active, var(--slds-s-button-shadow-active, revert));
 }
 /**
  * Disabled button styles

package/src/lightning/pillContainer/standardPillContainer.css

@@ -1,5 +1 @@
-@import 'lightning/sldsCommon';
-@import './pill.slds.css';
-@import './pill-container.slds.css';
-@import './listbox.slds.css';
-@import './button.slds.css';
+@import './standardPillContainer.lbc.native.css';

package/src/lightning/pillContainer/standardPillContainer.lbc.native.css

@@ -0,0 +1,5 @@
+@import 'lightning/sldsCommon';
+@import './pill.slds.css';
+@import './pill-container.slds.css';
+@import './listbox.slds.css';
+@import './button.slds.css';

package/src/lightning/positionLibrary/elementProxy.d.ts

@@ -17,7 +17,8 @@ export class ElementProxy {
     refresh(): boolean | void;
     getNode(): any;
     isDirty(): boolean;
-    getElementZoomRatio(): number;
+    getElementZoomRatio(style: any): any;
+    setAdjustedBoundingRect(varToSet: any, boundingRect: DOMRect, computedStyle: CSSStyleDeclaration, zoomLevel: number): boolean;
     bake(): void;
     originalHeight: any;
     originalWidth: any;

package/src/lightning/positionLibrary/elementProxy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"elementProxy.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/positionLibrary/elementProxy.js"],"names":[],"mappings":"AAEA;IACI,8BA2BC;IA1BG,QAAY;IACZ,cAAc;IACd,eAAe;IACf,aAAa;IACb,YAAY;IACZ,cAAc;IACd,eAAe;IACf,gBAAmB;IACnB,WAAiB;IACjB,gBAAsB;IAmB1B,sBAuBC;IAfO,eAEC;IAeT,8CAGC;IAED,4BAOC;IAED,0BA+CC;IAED,eAEC;IAED,mBAEC;IAED,8BAYC;IAED,aAgFC;IAfW,oBAA6C;IAG7C,mBAA2C;IAcvD,6CAOC;IAFO,sBAAwB;IAIhC,gBAkBC;IAED,qCAEC;CACJ"}
+{"version":3,"file":"elementProxy.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/positionLibrary/elementProxy.js"],"names":[],"mappings":"AAIA;IACI,8BA2BC;IA1BG,QAAY;IACZ,cAAc;IACd,eAAe;IACf,aAAa;IACb,YAAY;IACZ,cAAc;IACd,eAAe;IACf,gBAAmB;IACnB,WAAiB;IACjB,gBAAsB;IAmB1B,sBAuBC;IAfO,eAEC;IAeT,8CAGC;IAED,4BAOC;IAED,0BAgDC;IAED,eAEC;IAED,mBAEC;IAED,qCAmBC;IAaD,qDALW,OAAO,iBACP,mBAAmB,aACnB,MAAM,WAqBhB;IAED,aAsFC;IAfW,oBAA6C;IAG7C,mBAA2C;IAcvD,6CAOC;IAFO,sBAAwB;IAIhC,gBAkBC;IAED,qCAEC;CACJ"}

package/src/lightning/positionLibrary/elementProxy.js

@@ -4,6 +4,8 @@
  * For full license text, see the LICENSE.txt file
  */
 import { isInDom, WindowManager, pxToFloat } from './util';
+import { isSafari } from 'lightning/utilsPrivate';
+import { features } from 'lightning/features';
 export class ElementProxy {
     constructor(el, id) {
         this.id = id;
@@ -71,6 +73,7 @@ export class ElementProxy {
                 for (x in box) {
                     this[x] = Math.floor(box[x]);
                 }
+                this.setAdjustedBoundingRect(this, box);
                 this.top = Math.floor(this.top + scrollTop);
                 this.bottom = Math.floor(this.top + box.height);
                 this.left = Math.floor(this.left + scrollLeft);
@@ -96,8 +99,14 @@ export class ElementProxy {
     isDirty() {
         return this._dirty;
     }
-    getElementZoomRatio() {
+    getElementZoomRatio(style) {
         const element = this._node;
+        if (features.enablePositionLibraryTransformScaleFix) {
+            if (!import.meta.env.SSR && 'currentCSSZoom' in Element.prototype) {
+                return element.currentCSSZoom;
+            }
+            return parseFloat(style.zoom) || 1;
+        }
         const rect = element.getBoundingClientRect();
         const offsetWidth = element.offsetWidth || Math.round(rect.width) || 1;
         const offsetHeight = element.offsetHeight || Math.round(rect.height) || 1;
@@ -107,10 +116,31 @@ export class ElementProxy {
         const heightRatio = Number((actualHeight / offsetHeight).toFixed(2));
         return Math.min(widthRatio, heightRatio);
     }
+    setAdjustedBoundingRect(varToSet, boundingRect, computedStyle, zoomLevel) {
+        if (features.enablePositionLibraryTransformScaleFix &&
+            !import.meta.env.SSR &&
+            isSafari) {
+            const style = computedStyle || getComputedStyle(this._node);
+            const zoom = zoomLevel || this.getElementZoomRatio(style);
+            if (zoom !== 1) {
+                const rect = boundingRect || this._node.getBoundingClientRect();
+                for (const x in rect) {
+                    varToSet[x] = rect[x] * zoom;
+                }
+                return true;
+            }
+        }
+        return false;
+    }
     bake() {
         const w = WindowManager.window;
-        const absPos = this._node.getBoundingClientRect();
+        let absPos = {};
         const style = w.getComputedStyle(this._node) || this._node.style;
+        const zoomLevel = this.getElementZoomRatio(style);
+        const setAbsPos = this.setAdjustedBoundingRect(absPos, null, style, zoomLevel);
+        if (!setAbsPos) {
+            absPos = this._node.getBoundingClientRect();
+        }
         const hasPageOffset = typeof w.pageYOffset !== 'undefined';
         const scrollTop = hasPageOffset ? w.pageYOffset : w.scrollY;
         const scrollLeft = hasPageOffset ? w.pageXOffset : w.scrollX;
@@ -120,7 +150,6 @@ export class ElementProxy {
         const originalTop = style.top.match(/auto|fixed/)
             ? '0'
             : pxToFloat(style.top);
-        const zoomLevel = this.getElementZoomRatio();
         const adjustForZoom = (value) => value / zoomLevel;
         const marginTop = adjustForZoom(pxToFloat(style.marginTop));
         const adjustedAbsPosTop = adjustForZoom(Math.round(absPos.top)) +

package/src/lightning/primitiveCellCheckbox/checkbox.css

@@ -1,3 +1 @@
-@import 'lightning/sldsCommon';
-@import 'lightning/sldsUtilsVisibility';
 @import './checkbox.lbc.native.css';

package/src/lightning/primitiveCellCheckbox/checkbox.lbc.native.css

@@ -1 +1,3 @@
+@import 'lightning/sldsCommon';
+@import 'lightning/sldsUtilsVisibility';
 @import './input-checkbox.slds.css';

package/src/lightning/primitiveCellCheckbox/input-checkbox.slds.css

@@ -12,7 +12,7 @@
 :host([data-render-mode="shadow"]) [part~='input-checkbox'] {
   display: inline-flex;
   align-items: center;
-  gap: var(--sds-c-inputcheckbox-spacing-gap, var(--sds-s-input-spacing-gap));
+  gap: var(--sds-c-inputcheckbox-spacing-gap, var(--slds-s-input-spacing-gap));
 }
 /**
  * The visual container of the checkbox indicator
@@ -22,12 +22,12 @@
   align-items: center;
   justify-content: center;
   position: relative;
-  background-color: var(--sds-c-inputcheckbox-color-background, var(--sds-s-input-color-background));
+  background-color: var(--sds-c-inputcheckbox-color-background, var(--slds-s-input-color-background));
   box-shadow: var(--sds-c-inputcheckbox-shadow);
   width: var(--sds-c-inputcheckbox-sizing, 1rem);
   height: var(--sds-c-inputcheckbox-sizing, 1rem);
-  border: var(--sds-c-inputcheckbox-sizing-border, var(--sds-s-input-sizing-border, 1px)) solid
-    var(--sds-c-inputcheckbox-color-border, var(--sds-s-input-color-border, currentColor));
+  border: var(--sds-c-inputcheckbox-sizing-border, var(--slds-s-input-sizing-border, 1px)) solid
+    var(--sds-c-inputcheckbox-color-border, var(--slds-s-input-color-border, currentColor));
   border-radius: var(--sds-c-inputcheckbox-radius-border);
 }
 /**
@@ -37,15 +37,15 @@
 [part='checkbox']:has(:checked):has(:focus) {
   --sds-c-inputcheckbox-shadow: var(
     --sds-c-inputcheckbox-shadow-focus,
-    var(--sds-s-input-shadow-focus, revert)
+    var(--slds-s-input-shadow-focus, revert)
   );
   --sds-c-inputcheckbox-color-background: var(
     --sds-c-inputcheckbox-color-background-focus,
-    var(--sds-s-input-color-background-focus, revert)
+    var(--slds-s-input-color-background-focus, revert)
   );
   --sds-c-inputcheckbox-color-border: var(
     --sds-c-inputcheckbox-color-border-focus,
-    var(--sds-s-input-color-border-focus, revert)
+    var(--slds-s-input-color-border-focus, revert)
   );
 }
 /**
@@ -70,10 +70,10 @@
 :host([data-render-mode="shadow"]) [part='mark'] {
   display: inline-flex;
   opacity: 0;
-  color: var(--sds-c-inputcheckbox-mark-color-foreground, var(--sds-s-mark-color-foreground));
-  background-color: var(--sds-c-inputcheckbox-mark-color-background, var(--sds-s-mark-color-background));
-  width: var(--sds-c-inputcheckbox-mark-sizing, var(--sds-s-mark-sizing, 1em));
-  height: var(--sds-c-inputcheckbox-mark-sizing, var(--sds-s-mark-sizing, 1em));
+  color: var(--sds-c-inputcheckbox-mark-color-foreground, var(--slds-s-mark-color-foreground));
+  background-color: var(--sds-c-inputcheckbox-mark-color-background, var(--slds-s-mark-color-background));
+  width: var(--sds-c-inputcheckbox-mark-sizing, var(--slds-s-mark-sizing, 1em));
+  height: var(--sds-c-inputcheckbox-mark-sizing, var(--slds-s-mark-sizing, 1em));
 }
 /**
  * When the label or checkbox is clicked, a checked state is applied to the host element
@@ -83,7 +83,7 @@
 
   --sds-c-inputcheckbox-mark-color-background: var(
     --sds-c-inputcheckbox-mark-color-background-checked,
-    var(--sds-s-mark-color-background-checked, revert)
+    var(--slds-s-mark-color-background-checked, revert)
   );
 }
 /**
@@ -103,8 +103,8 @@
  * The label of the checkbox
  */
 :host([data-render-mode="shadow"]) [part~='label'] {
-  color: var(--sds-c-inputcheckbox-label-color, var(--sds-s-label-color));
-  font-size: var(--sds-c-inputcheckbox-label-font-size, var(--sds-s-label-font-size));
+  color: var(--sds-c-inputcheckbox-label-color, var(--slds-s-label-color));
+  font-size: var(--sds-c-inputcheckbox-label-font-size, var(--slds-s-label-font-size));
 }
 /**
  * If told, the label will be hidden from view
@@ -128,23 +128,23 @@
  * This prevents box-model customizations from being applied, in the case of no children
  */
 :host([data-render-mode="shadow"]) [part='help-text visible'] {
-  font-size: var(--sds-c-inputcheckbox-helptext-font-size, var(--sds-s-helptext-font-size));
-  color: var(--sds-c-inputcheckbox-helptext-text-color, var(--sds-s-helptext-color));
+  font-size: var(--sds-c-inputcheckbox-helptext-font-size, var(--slds-s-helptext-font-size));
+  color: var(--sds-c-inputcheckbox-helptext-text-color, var(--slds-s-helptext-color));
   padding-inline-start: var(
     --sds-c-inputcheckbox-helptext-spacing-inlinestart,
-    var(--sds-c-inputcheckbox-helptext-spacing-inline, var(--sds-s-helptext-spacing))
+    var(--sds-c-inputcheckbox-helptext-spacing-inline, var(--slds-s-helptext-spacing))
   );
   padding-inline-end: var(
     --sds-c-inputcheckbox-helptext-spacing-inlineend,
-    var(--sds-c-inputcheckbox-helptext-spacing-inline, var(--sds-s-helptext-spacing))
+    var(--sds-c-inputcheckbox-helptext-spacing-inline, var(--slds-s-helptext-spacing))
   );
   padding-block-start: var(
     --sds-c-inputcheckbox-helptext-spacing-blockstart,
-    var(--sds-c-inputcheckbox-helptext-spacing-block, var(--sds-s-helptext-spacing))
+    var(--sds-c-inputcheckbox-helptext-spacing-block, var(--slds-s-helptext-spacing))
   );
   padding-block-end: var(
     --sds-c-inputcheckbox-helptext-spacing-blockend,
-    var(--sds-c-inputcheckbox-helptext-spacing-block, var(--sds-s-helptext-spacing))
+    var(--sds-c-inputcheckbox-helptext-spacing-block, var(--slds-s-helptext-spacing))
   );
 }
 /**