chore: updated dev deps

dist/button/button.css

@@ -140,12 +140,10 @@ button.btn svg.icon {
 }
 a.fake-btn svg.icon:first-child,
 button.btn svg.icon:first-child {
-    -webkit-margin-end: 8px;
     margin-inline-end: 8px;
 }
 a.fake-btn svg.icon:last-child,
 button.btn svg.icon:last-child {
-    -webkit-margin-start: 8px;
     margin-inline-start: 8px;
 }
 a.fake-btn svg.icon:only-child,

dist/carousel/carousel.css

@@ -135,11 +135,9 @@ div.carousel {
 }
 .carousel__control--prev {
     left: calc(var(--spacing-200) * -1);
-    -webkit-margin-end: 1px;
     margin-inline-end: 1px;
 }
 .carousel__control--next {
-    -webkit-margin-start: 1px;
     margin-inline-start: 1px;
     right: calc(var(--spacing-200) * -1);
 }

dist/chart-legend/chart-legend.css

@@ -24,7 +24,6 @@
     content: "";
     display: inline-block;
     height: 10px;
-    -webkit-margin-end: var(--spacing-100);
     margin-inline-end: var(--spacing-100);
     width: 10px;
 }

dist/chip/chip.css

@@ -28,7 +28,6 @@ button.chip__button {
     flex-shrink: 0;
     height: var(--spacing-300);
     line-height: 0;
-    -webkit-margin-end: -8px;
     margin-inline-end: -8px;
     padding: 0;
     width: var(--spacing-300);

dist/chips-combobox/chips-combobox.css

@@ -4,9 +4,7 @@
     border-radius: var(--border-radius-50);
     display: inline-block;
     padding-bottom: var(--spacing-100);
-    -webkit-padding-end: var(--spacing-200);
     padding-inline-end: var(--spacing-200);
-    -webkit-padding-start: var(--spacing-100);
     padding-inline-start: var(--spacing-100);
     padding-top: var(--spacing-100);
     position: relative;
@@ -49,7 +47,6 @@
 }
 
 .chips-combobox .combobox {
-    -webkit-margin-start: calc(var(--spacing-100) * -1);
     margin-inline-start: calc(var(--spacing-100) * -1);
     width: calc(100% + var(--spacing-300));
 }

dist/combobox/combobox.css

@@ -58,7 +58,6 @@ span.combobox {
 
 .combobox__control > button,
 .combobox__control > svg.icon {
-    -webkit-margin-start: 8px;
     margin-inline-start: 8px;
 }
 

dist/cta-button/cta-button.css

@@ -101,11 +101,9 @@ a.cta-btn svg.icon {
     width: 10px;
 }
 a.cta-btn svg.icon:first-child {
-    -webkit-margin-end: 8px;
     margin-inline-end: 8px;
 }
 a.cta-btn svg.icon:last-child {
-    -webkit-margin-start: 8px;
     margin-inline-start: 8px;
 }
 a.cta-btn svg.icon:only-child {

dist/details/details.css

@@ -40,7 +40,6 @@ summary.details__summary--small {
 }
 
 span.details__icon {
-    -webkit-margin-start: 8px;
     margin-inline-start: 8px;
 }
 span.details__icon[hidden] {

dist/drawer-dialog/drawer-dialog.css

@@ -42,7 +42,6 @@
     overflow-wrap: anywhere;
 }
 .drawer-dialog__header > :last-child:not(:only-child) {
-    -webkit-margin-start: var(--spacing-200);
     margin-inline-start: var(--spacing-200);
 }
 

dist/education-notice/education-notice.css

@@ -30,7 +30,6 @@
     font-weight: 700;
     line-height: 1.5em;
     margin: 0;
-    -webkit-margin-start: var(--spacing-150);
     margin-inline-start: var(--spacing-150);
 }
 
@@ -39,7 +38,6 @@
 }
 
 .education-notice__dismiss {
-    -webkit-margin-start: var(--spacing-150);
     margin-inline-start: var(--spacing-150);
 }
 

dist/field/field.css

@@ -31,7 +31,6 @@ div.field--table {
 }
 
 .field__description--group > :last-child {
-    -webkit-margin-start: 5px;
     margin-inline-start: 5px;
     text-align: right;
 }

dist/filter-menu-button/filter-menu-button.css

@@ -64,7 +64,6 @@ button.filter-menu-button__button:hover {
 }
 .filter-menu-button__button-cell svg.icon--12 {
     align-self: center;
-    -webkit-margin-start: 8px;
     color: var(
         --filter-menu-button-icon-color,
         var(--color-foreground-primary)

dist/fullscreen-dialog/fullscreen-dialog.css

@@ -56,7 +56,6 @@
     overflow-wrap: anywhere;
 }
 .fullscreen-dialog__header > :last-child:not(:only-child) {
-    -webkit-margin-start: var(--spacing-200);
     margin-inline-start: var(--spacing-200);
 }
 

dist/inline-notice/inline-notice.css

@@ -12,7 +12,6 @@ span.inline-notice {
 
 .inline-notice__header {
     display: flex;
-    -webkit-margin-end: var(--spacing-100);
     margin-inline-end: var(--spacing-100);
     margin-top: var(--spacing-50);
 }

dist/lightbox-dialog/lightbox-dialog.css

@@ -59,7 +59,6 @@
     overflow-wrap: anywhere;
 }
 .lightbox-dialog__header > :last-child:not(:only-child) {
-    -webkit-margin-start: var(--spacing-200);
     margin-inline-start: var(--spacing-200);
 }
 
@@ -129,7 +128,6 @@ button.icon-btn.lightbox-dialog__prev {
 }
 
 button.icon-btn.lightbox-dialog__prev {
-    -webkit-margin-end: var(--spacing-200);
     margin-inline-end: var(--spacing-200);
 }
 

dist/listbox-button/listbox-button.css

@@ -201,7 +201,6 @@ button.expand-btn[aria-expanded="true"] ~ div.listbox-button__listbox {
     opacity: 0;
     stroke: currentColor;
     stroke-width: 0;
-    -webkit-margin-start: var(--spacing-100);
     margin-inline-start: var(--spacing-100);
 }
 

dist/listbox/listbox.css

@@ -105,7 +105,6 @@ div.listbox__option svg.icon {
     opacity: 0;
     stroke: currentColor;
     stroke-width: 0;
-    -webkit-margin-start: var(--spacing-100);
     margin-inline-start: var(--spacing-100);
 }
 

dist/page-notice/page-notice.css

@@ -132,7 +132,6 @@ span[role="region"].page-notice {
 .page-notice__header,
 .page-notice__main {
     grid-row: 1;
-    -webkit-margin-end: var(--spacing-200);
     margin-inline-end: var(--spacing-200);
 }
 

dist/pagination/pagination.css

@@ -45,13 +45,11 @@ button.pagination__previous {
 
 a.pagination__next,
 button.pagination__next {
-    -webkit-margin-start: var(--spacing-100);
     margin-inline-start: var(--spacing-100);
 }
 
 a.pagination__previous,
 button.pagination__previous {
-    -webkit-margin-end: var(--spacing-100);
     margin-inline-end: var(--spacing-100);
 }
 

dist/panel-dialog/panel-dialog.css

@@ -60,7 +60,6 @@
     overflow-wrap: anywhere;
 }
 .panel-dialog__header > :last-child:not(:only-child) {
-    -webkit-margin-start: var(--spacing-200);
     margin-inline-start: var(--spacing-200);
 }
 

dist/phone-input/phone-input.css

@@ -18,7 +18,6 @@
 }
 
 .phone-input button.btn svg.icon:last-child {
-    -webkit-margin-start: var(--spacing-50);
     margin-inline-start: var(--spacing-50);
 }
 
@@ -34,12 +33,10 @@
 }
 .phone-input .listbox-button__value svg,
 .phone-input .listbox__value svg {
-    -webkit-margin-end: var(--spacing-200);
     margin-inline-end: var(--spacing-200);
 }
 .phone-input .listbox-button__value span,
 .phone-input .listbox__value span {
-    -webkit-margin-end: var(--spacing-100);
     margin-inline-end: var(--spacing-100);
 }
 .phone-input .listbox-button__value span:last-child,

dist/progress-stepper/progress-stepper.css

@@ -137,14 +137,12 @@ hr.progress-stepper__separator {
 
 .progress-stepper__item:first-child .progress-stepper__text {
     align-self: flex-start;
-    -webkit-margin-start: var(--spacing-50);
     margin-inline-start: var(--spacing-50);
     text-align: left;
 }
 
 .progress-stepper__item:last-child .progress-stepper__text {
     align-self: flex-end;
-    -webkit-margin-end: var(--spacing-50);
     margin-inline-end: var(--spacing-50);
     text-align: right;
 }
@@ -187,7 +185,6 @@ hr.progress-stepper__separator {
 
 .progress-stepper--vertical .progress-stepper__item .progress-stepper__text {
     align-self: center;
-    -webkit-margin-start: var(--spacing-200);
     margin-inline-start: var(--spacing-200);
     margin-top: 0;
     text-align: left;

dist/section-notice/section-notice.css

@@ -69,19 +69,15 @@ span[role="region"].section-notice {
 
 .section-notice__header {
     grid-column: 1;
+    grid-row: 1;
     height: var(--spacing-200);
     margin-inline-end: var(--spacing-200);
     margin-top: 1px;
 }
 
-.section-notice__header,
-.section-notice__main {
-    grid-row: 1;
-    -webkit-margin-end: var(--spacing-200);
-}
-
 .section-notice__main {
     grid-column: 1 / 3;
+    grid-row: 1;
     margin-inline-end: var(--spacing-200);
 }
 

dist/section-title/section-title.css

@@ -27,7 +27,6 @@
 .section-title__title svg.icon {
     background-color: var(--color-background-secondary);
     border-radius: 12px;
-    -webkit-margin-start: var(--spacing-100);
     margin-inline-start: var(--spacing-100);
     padding: 7px;
 }

dist/segmented-buttons/segmented-buttons.css

@@ -19,7 +19,6 @@
 }
 
 .segmented-buttons > ul > li:not(:first-child) {
-    -webkit-margin-start: var(--spacing-100);
     margin-inline-start: var(--spacing-100);
 }
 
@@ -49,11 +48,9 @@
     align-self: center;
 }
 .segmented-buttons__button svg.icon:first-child {
-    -webkit-margin-end: 8px;
     margin-inline-end: 8px;
 }
 .segmented-buttons__button svg.icon:last-child {
-    -webkit-margin-start: 8px;
     margin-inline-start: 8px;
 }
 .segmented-buttons__button svg.icon:only-child {

dist/skeleton/skeleton.css

@@ -104,7 +104,6 @@ span.skeleton__button:not(:last-child),
 span.skeleton__image:not(:last-child),
 span.skeleton__text:not(:last-child),
 span.skeleton__textbox:not(:last-child) {
-    -webkit-margin-end: var(--spacing-100);
     margin-inline-end: var(--spacing-100);
 }
 
@@ -113,7 +112,6 @@ div.skeleton__button:not(:last-child),
 div.skeleton__image:not(:last-child),
 div.skeleton__text:not(:last-child),
 div.skeleton__textbox:not(:last-child) {
-    -webkit-margin-after: var(--spacing-150);
     margin-block-end: var(--spacing-150);
 }
 .skeleton--elevated {

dist/snackbar-dialog/snackbar-dialog.css

@@ -59,7 +59,6 @@
 }
 
 .snackbar-dialog__main {
-    -webkit-margin-end: var(--spacing-400);
     margin-inline-end: var(--spacing-400);
 }
 
@@ -68,7 +67,6 @@
 }
 
 .snackbar-dialog__actions {
-    -webkit-margin-start: auto;
     margin-inline-start: auto;
 }
 

dist/table/table.css

@@ -38,7 +38,6 @@
 
 .table td:last-child,
 .table th:last-child {
-    -webkit-padding-end: 0;
     padding-inline-end: 0;
 }
 

dist/tabs/tabs.css

@@ -32,7 +32,6 @@ li.fake-tabs__item {
 }
 div.tabs__item[role="tab"]:not(:last-child),
 li.fake-tabs__item:not(:last-child) {
-    -webkit-margin-end: var(--spacing-450);
     margin-inline-end: var(--spacing-450);
 }
 

dist/textbox/textbox.css

@@ -88,12 +88,10 @@ input.textbox__control {
 }
 
 input.textbox__control:first-child:not([readonly]) {
-    -webkit-padding-start: var(--spacing-200);
     padding-inline-start: var(--spacing-200);
 }
 
 input.textbox__control:last-child:not([readonly]) {
-    -webkit-padding-end: var(--spacing-200);
     padding-inline-end: var(--spacing-200);
 }
 
@@ -174,23 +172,19 @@ input.textbox__control {
 
 .textbox > span:first-child,
 .textbox > svg:first-child {
-    -webkit-margin-start: var(--spacing-200);
     margin-inline-start: var(--spacing-200);
 }
 
 .textbox > span:last-child,
 .textbox > svg:last-child {
-    -webkit-margin-end: var(--spacing-200);
     margin-inline-end: var(--spacing-200);
 }
 
 .textbox .icon-btn:last-child {
-    -webkit-margin-start: calc(var(--spacing-100) * -1);
     margin-inline-start: calc(var(--spacing-100) * -1);
 }
 
 .textbox .icon-btn:first-child {
-    -webkit-margin-end: calc(var(--spacing-100) * -1);
     margin-inline-end: calc(var(--spacing-100) * -1);
 }