Next Version Bump (#2021)

* chore(deps): bump @pine-ds/icons from 8.6.0 to 8.10.0 (#2019)

Bumps [@pine-ds/icons](https://github.com/Kajabi/pine-icons) from 8.6.0 to 8.10.0.
- [Release notes](https://github.com/Kajabi/pine-icons/releases)
- [Changelog](https://github.com/Kajabi/pine-icons/blob/main/CHANGELOG.md)
- [Commits](Kajabi/pine-icons@v8.6.0...v8.10.0)

---
updated-dependencies:
- dependency-name: "@pine-ds/icons"
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* style: resolve logical properties issue with dropdown (#2020)

* style: update physical properties to not use logical props

* Revert "style: update physical properties to not use logical props"

This reverts commit 18d20e0.

* style: update incorrect logical properties

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

packages/sage-assets/lib/stylesheets/components/_button.scss

@@ -281,7 +281,7 @@ $-btn-loading-min-height: rem(36px);
     display: flex;
     justify-content: center;
     position: absolute;
-    inset-inline-start: 0;
+    inset-inline-end: 0;
     width: $-btn-interactive-badge-icon-size;
     margin: auto 0;
     border-radius: 0 sage-border(radius-x-large) sage-border(radius-x-large) 0;
@@ -348,7 +348,7 @@ $-btn-loading-min-height: rem(36px);
 
   .sage-panel-controls__toolbar-btn-group > &:not(.sage-btn--secondary) {
     position: absolute;
-    inset-inline-start: 0;
+    inset-inline-end: 0;
     inset-block-end: 0;
     min-height: calc(#{$-btn-toolbar-group-height} + #{rem(2px)}); /* expand to toolbar group height + border offset */
   }
@@ -438,18 +438,18 @@ $-btn-loading-min-height: rem(36px);
       @include sage-icon-base(caret-down, md, pine);
 
       position: absolute;
-      inset-inline-start: 1rem;
+      inset-inline-end: 1rem;
     }
 
     &[class*="icon-only"]::after {
       @include sage-icon-base(caret-down, xs, pine);
 
-      inset-inline-start: $-btn-disclosure-left-padding;
+      inset-inline-end: $-btn-disclosure-left-padding;
       font-weight: sage-font-weight(bold);
     }
 
     &[class*="icon-only"].sage-btn--small::after {
-      inset-inline-start: rem(12px);
+      inset-inline-end: rem(12px);
     }
 
     &:has(pds-icon) {
@@ -475,7 +475,7 @@ $-btn-loading-min-height: rem(36px);
     }
 
     &::after {
-      left: 7px;
+      right: 7px;
       font-size: 11px;
       font-weight: sage-font-weight(bold);
     }
@@ -731,7 +731,7 @@ a.sage-btn {
         // Remove class when Sage Label is fully deprecated in Products
         .sage-label & {
           position: absolute;
-          inset-inline-start: sage-spacing(xs);
+          inset-inline-end: sage-spacing(xs);
         }
       }
     }

packages/sage-assets/lib/stylesheets/components/_dropdown.scss

@@ -317,7 +317,7 @@ $-dropdown-trigger-dropdown-offset: rem(16px) + sage-spacing(xs);
   }
 
   .sage-dropdown--anchor-right > .sage-dropdown__panel & {
-    inset-inline-start: 0;
+    inset-inline-end: 0;
   }
 
   .sage-dropdown--small & {
@@ -359,7 +359,7 @@ $-dropdown-trigger-dropdown-offset: rem(16px) + sage-spacing(xs);
   }
 
   .sage-dropdown--anchor-right & {
-    inset-inline-start: 0;
+    inset-inline-end: 0;
   }
 
   .sage-dropdown--anchor-center & {

packages/sage-assets/lib/stylesheets/components/_tooltip.scss

@@ -63,7 +63,7 @@ $-tooltip-large-maxwidth: rem(320px);
 .sage-tooltip--bottom {
   &::after {
     left: 50%;
-    right: 100%;
+    bottom: 100%;
     transform: translate3d(-50%, 0, 0);
     border-inline-start: $-tooltip-arrow-inactive;
     border-inline-end: $-tooltip-arrow-inactive;
@@ -80,7 +80,7 @@ $-tooltip-large-maxwidth: rem(320px);
 .sage-tooltip--left {
   &::after {
     left: 100%;
-    right: 50%;
+    bottom: 50%;
     transform: translate3d(0, 50%, 0);
     border-block-start: $-tooltip-arrow-inactive;
     border-block-end: $-tooltip-arrow-inactive;
@@ -102,7 +102,7 @@ $-tooltip-large-maxwidth: rem(320px);
 .sage-tooltip--right {
   &::after {
     left: 0;
-    right: 50%;
+    bottom: 50%;
     transform: translate3d(-100%, 50%, 0);
     border-block-start: $-tooltip-arrow-inactive;
     border-block-end: $-tooltip-arrow-inactive;

yarn.lock

@@ -2849,9 +2849,9 @@
     "@octokit/openapi-types" "^12.11.0"
 
 "@pine-ds/icons@^8.0.0":
-  version "8.6.0"
-  resolved "https://registry.yarnpkg.com/@pine-ds/icons/-/icons-8.6.0.tgz#22faaa67832d38d4d4ca64cd56bbc497781a11a6"
-  integrity sha512-UuvQ+kve39Nhewy1+xPkVjnpp84N3B03DIUowDC1vYanVnU92LDryf7fohcOmiwEiONG/jI6KgiiSvRiz5U1SA==
+  version "8.10.0"
+  resolved "https://registry.yarnpkg.com/@pine-ds/icons/-/icons-8.10.0.tgz#92b5cd4f159aff42cbf194b8b64dcf06786d5434"
+  integrity sha512-wli20s0/C00BQdBFkOydwWu3muGcSXSkFy8NGhWHgGheP52aEJzBtfYYH34M495pNLODQ6oif5z/WNt8Ezz/8w==
   dependencies:
     "@stencil/core" "^4.20.0"