@sebgroup/green-core 1.1.0 → 1.2.0

package/transitional-styles.js

@@ -540,6 +540,63 @@ button:where(:not(.primary,
 [aria-haspopup=listbox],
 [aria-haspopup=menu],
 [role=switch],
+.gds-filter-chip)):disabled::-moz-placeholder, button:where(:not(.primary,
+.tertiary,
+.ghost,
+.danger,
+.close,
+.sg-table-sort,
+.link,
+[aria-haspopup=listbox],
+[aria-haspopup=menu],
+[role=switch],
+.gds-filter-chip)).disabled::-moz-placeholder, button:where(:not(.primary,
+.tertiary,
+.ghost,
+.danger,
+.close,
+.sg-table-sort,
+.link,
+[aria-haspopup=listbox],
+[aria-haspopup=menu],
+[role=switch],
+.gds-filter-chip))[aria-disabled=true]::-moz-placeholder, a.button:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link)):disabled::-moz-placeholder, a.button:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link)).disabled::-moz-placeholder, a.button:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link))[aria-disabled=true]::-moz-placeholder, button.secondary:disabled::-moz-placeholder, button.secondary.disabled::-moz-placeholder, button.secondary[aria-disabled=true]::-moz-placeholder, a.button.secondary:disabled::-moz-placeholder, a.button.secondary.disabled::-moz-placeholder, a.button.secondary[aria-disabled=true]::-moz-placeholder, input:is([type=button], [type=reset]):disabled::-moz-placeholder, input:is([type=button], [type=reset]).disabled::-moz-placeholder, input:is([type=button], [type=reset])[aria-disabled=true]::-moz-placeholder, button[type=button]:where(:not(.primary,
+.tertiary,
+.ghost,
+.danger,
+.close,
+.link,
+.icon,
+[aria-haspopup=listbox],
+[aria-haspopup=menu])):disabled::-moz-placeholder, button[type=button]:where(:not(.primary,
+.tertiary,
+.ghost,
+.danger,
+.close,
+.link,
+.icon,
+[aria-haspopup=listbox],
+[aria-haspopup=menu])).disabled::-moz-placeholder, button[type=button]:where(:not(.primary,
+.tertiary,
+.ghost,
+.danger,
+.close,
+.link,
+.icon,
+[aria-haspopup=listbox],
+[aria-haspopup=menu]))[aria-disabled=true]::-moz-placeholder, button[type=reset]:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link)):disabled::-moz-placeholder, button[type=reset]:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link)).disabled::-moz-placeholder, button[type=reset]:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link))[aria-disabled=true]::-moz-placeholder {
+  color: var(--text-disabled-color);
+}
+button:where(:not(.primary,
+.tertiary,
+.ghost,
+.danger,
+.close,
+.sg-table-sort,
+.link,
+[aria-haspopup=listbox],
+[aria-haspopup=menu],
+[role=switch],
 .gds-filter-chip)):disabled::placeholder, button:where(:not(.primary,
 .tertiary,
 .ghost,
@@ -821,6 +878,39 @@ button:where(:not(.primary,
 [aria-haspopup=listbox],
 [aria-haspopup=menu],
 [role=switch],
+.gds-filter-chip)):disabled::-moz-placeholder, button:where(:not(.primary,
+.secondary,
+.ghost,
+.danger,
+.close,
+.sg-table-sort,
+.link,
+[aria-haspopup=listbox],
+[aria-haspopup=menu],
+[role=switch],
+.gds-filter-chip)).disabled::-moz-placeholder, button:where(:not(.primary,
+.secondary,
+.ghost,
+.danger,
+.close,
+.sg-table-sort,
+.link,
+[aria-haspopup=listbox],
+[aria-haspopup=menu],
+[role=switch],
+.gds-filter-chip))[aria-disabled=true]::-moz-placeholder, a.button:where(:not(.primary, .secondary, .ghost, .close, .link)):disabled::-moz-placeholder, a.button:where(:not(.primary, .secondary, .ghost, .close, .link)).disabled::-moz-placeholder, a.button:where(:not(.primary, .secondary, .ghost, .close, .link))[aria-disabled=true]::-moz-placeholder, button.tertiary:disabled::-moz-placeholder, button.tertiary.disabled::-moz-placeholder, button.tertiary[aria-disabled=true]::-moz-placeholder, a.button.tertiary:disabled::-moz-placeholder, a.button.tertiary.disabled::-moz-placeholder, a.button.tertiary[aria-disabled=true]::-moz-placeholder {
+  color: var(--text-disabled-color);
+}
+button:where(:not(.primary,
+.secondary,
+.ghost,
+.danger,
+.close,
+.sg-table-sort,
+.link,
+[aria-haspopup=listbox],
+[aria-haspopup=menu],
+[role=switch],
 .gds-filter-chip)):disabled::placeholder, button:where(:not(.primary,
 .secondary,
 .ghost,
@@ -987,6 +1077,24 @@ a.button.primary[aria-disabled=true] {
   border-color: var(--border-primary-disabled-color) !important;
   cursor: not-allowed;
 }
+button.primary:disabled::-moz-placeholder, button.primary.disabled::-moz-placeholder, button.primary[aria-disabled=true]::-moz-placeholder, input[type=submit]:disabled::-moz-placeholder, input[type=submit].disabled::-moz-placeholder, input[type=submit][aria-disabled=true]::-moz-placeholder, button[type=submit]:not(.secondary,
+.ghost,
+.danger,
+.close,
+.link,
+.gds-filter-chip):disabled::-moz-placeholder, button[type=submit]:not(.secondary,
+.ghost,
+.danger,
+.close,
+.link,
+.gds-filter-chip).disabled::-moz-placeholder, button[type=submit]:not(.secondary,
+.ghost,
+.danger,
+.close,
+.link,
+.gds-filter-chip)[aria-disabled=true]::-moz-placeholder, input[type=submit]:not(.secondary, .ghost, .danger, .close, .link):disabled::-moz-placeholder, input[type=submit]:not(.secondary, .ghost, .danger, .close, .link).disabled::-moz-placeholder, input[type=submit]:not(.secondary, .ghost, .danger, .close, .link)[aria-disabled=true]::-moz-placeholder, a.button.primary:disabled::-moz-placeholder, a.button.primary.disabled::-moz-placeholder, a.button.primary[aria-disabled=true]::-moz-placeholder {
+  color: var(--text-disabled-color);
+}
 button.primary:disabled::placeholder, button.primary.disabled::placeholder, button.primary[aria-disabled=true]::placeholder,
 input[type=submit]:disabled::placeholder,
 input[type=submit].disabled::placeholder,
@@ -1067,6 +1175,9 @@ button.ghost:disabled, button.ghost.disabled, button.ghost[aria-disabled=true],
   border-color: var(--border-disabled-color) !important;
   cursor: not-allowed;
 }
+button.ghost:disabled::-moz-placeholder, button.ghost.disabled::-moz-placeholder, button.ghost[aria-disabled=true]::-moz-placeholder, .button.ghost:disabled::-moz-placeholder, .button.ghost.disabled::-moz-placeholder, .button.ghost[aria-disabled=true]::-moz-placeholder {
+  color: var(--text-disabled-color);
+}
 button.ghost:disabled::placeholder, button.ghost.disabled::placeholder, button.ghost[aria-disabled=true]::placeholder,
 .button.ghost:disabled::placeholder,
 .button.ghost.disabled::placeholder,
@@ -1228,6 +1339,9 @@ input[type=submit].danger:not(.secondary, .ghost, .close, .link)[aria-disabled=t
   border-color: var(--border-primary-disabled-color) !important;
   cursor: not-allowed;
 }
+button.primary.danger:disabled::-moz-placeholder, button.primary.danger.disabled::-moz-placeholder, button.primary.danger[aria-disabled=true]::-moz-placeholder, .button.primary.danger:disabled::-moz-placeholder, .button.primary.danger.disabled::-moz-placeholder, .button.primary.danger[aria-disabled=true]::-moz-placeholder, button[type=submit].danger:not(.secondary, .ghost, .close, .link):disabled::-moz-placeholder, button[type=submit].danger:not(.secondary, .ghost, .close, .link).disabled::-moz-placeholder, button[type=submit].danger:not(.secondary, .ghost, .close, .link)[aria-disabled=true]::-moz-placeholder, input[type=submit].danger:not(.secondary, .ghost, .close, .link):disabled::-moz-placeholder, input[type=submit].danger:not(.secondary, .ghost, .close, .link).disabled::-moz-placeholder, input[type=submit].danger:not(.secondary, .ghost, .close, .link)[aria-disabled=true]::-moz-placeholder {
+  color: var(--text-disabled-color);
+}
 button.primary.danger:disabled::placeholder, button.primary.danger.disabled::placeholder, button.primary.danger[aria-disabled=true]::placeholder,
 .button.primary.danger:disabled::placeholder,
 .button.primary.danger.disabled::placeholder,
@@ -1735,7 +1849,9 @@ a.button.tertiary.danger:focus-visible {
   cursor: pointer;
   display: flex;
   gap: 0.75rem;
-  user-select: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
 }
 :host:not(:disabled, .disabled, [aria-disabled]):hover {
   background-color: #199be3;
@@ -1756,7 +1872,7 @@ a.button.tertiary.danger:focus-visible {
 }
 
 :host(:hover),
-:host(:focus) {
+:host(:focus-visible) {
   background-color: var(--gds-ref-pallet-base300);
 }
 
@@ -2306,6 +2422,63 @@ button:where(:not(.primary,
 [aria-haspopup=listbox],
 [aria-haspopup=menu],
 [role=switch],
+.gds-filter-chip)):disabled::-moz-placeholder, button:where(:not(.primary,
+.tertiary,
+.ghost,
+.danger,
+.close,
+.sg-table-sort,
+.link,
+[aria-haspopup=listbox],
+[aria-haspopup=menu],
+[role=switch],
+.gds-filter-chip)).disabled::-moz-placeholder, button:where(:not(.primary,
+.tertiary,
+.ghost,
+.danger,
+.close,
+.sg-table-sort,
+.link,
+[aria-haspopup=listbox],
+[aria-haspopup=menu],
+[role=switch],
+.gds-filter-chip))[aria-disabled=true]::-moz-placeholder, a.button:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link)):disabled::-moz-placeholder, a.button:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link)).disabled::-moz-placeholder, a.button:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link))[aria-disabled=true]::-moz-placeholder, button.secondary:disabled::-moz-placeholder, button.secondary.disabled::-moz-placeholder, button.secondary[aria-disabled=true]::-moz-placeholder, a.button.secondary:disabled::-moz-placeholder, a.button.secondary.disabled::-moz-placeholder, a.button.secondary[aria-disabled=true]::-moz-placeholder, input:is([type=button], [type=reset]):disabled::-moz-placeholder, input:is([type=button], [type=reset]).disabled::-moz-placeholder, input:is([type=button], [type=reset])[aria-disabled=true]::-moz-placeholder, button[type=button]:where(:not(.primary,
+.tertiary,
+.ghost,
+.danger,
+.close,
+.link,
+.icon,
+[aria-haspopup=listbox],
+[aria-haspopup=menu])):disabled::-moz-placeholder, button[type=button]:where(:not(.primary,
+.tertiary,
+.ghost,
+.danger,
+.close,
+.link,
+.icon,
+[aria-haspopup=listbox],
+[aria-haspopup=menu])).disabled::-moz-placeholder, button[type=button]:where(:not(.primary,
+.tertiary,
+.ghost,
+.danger,
+.close,
+.link,
+.icon,
+[aria-haspopup=listbox],
+[aria-haspopup=menu]))[aria-disabled=true]::-moz-placeholder, button[type=reset]:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link)):disabled::-moz-placeholder, button[type=reset]:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link)).disabled::-moz-placeholder, button[type=reset]:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link))[aria-disabled=true]::-moz-placeholder {
+  color: var(--text-disabled-color);
+}
+button:where(:not(.primary,
+.tertiary,
+.ghost,
+.danger,
+.close,
+.sg-table-sort,
+.link,
+[aria-haspopup=listbox],
+[aria-haspopup=menu],
+[role=switch],
 .gds-filter-chip)):disabled::placeholder, button:where(:not(.primary,
 .tertiary,
 .ghost,
@@ -2587,6 +2760,39 @@ button:where(:not(.primary,
 [aria-haspopup=listbox],
 [aria-haspopup=menu],
 [role=switch],
+.gds-filter-chip)):disabled::-moz-placeholder, button:where(:not(.primary,
+.secondary,
+.ghost,
+.danger,
+.close,
+.sg-table-sort,
+.link,
+[aria-haspopup=listbox],
+[aria-haspopup=menu],
+[role=switch],
+.gds-filter-chip)).disabled::-moz-placeholder, button:where(:not(.primary,
+.secondary,
+.ghost,
+.danger,
+.close,
+.sg-table-sort,
+.link,
+[aria-haspopup=listbox],
+[aria-haspopup=menu],
+[role=switch],
+.gds-filter-chip))[aria-disabled=true]::-moz-placeholder, a.button:where(:not(.primary, .secondary, .ghost, .close, .link)):disabled::-moz-placeholder, a.button:where(:not(.primary, .secondary, .ghost, .close, .link)).disabled::-moz-placeholder, a.button:where(:not(.primary, .secondary, .ghost, .close, .link))[aria-disabled=true]::-moz-placeholder, button.tertiary:disabled::-moz-placeholder, button.tertiary.disabled::-moz-placeholder, button.tertiary[aria-disabled=true]::-moz-placeholder, a.button.tertiary:disabled::-moz-placeholder, a.button.tertiary.disabled::-moz-placeholder, a.button.tertiary[aria-disabled=true]::-moz-placeholder {
+  color: var(--text-disabled-color);
+}
+button:where(:not(.primary,
+.secondary,
+.ghost,
+.danger,
+.close,
+.sg-table-sort,
+.link,
+[aria-haspopup=listbox],
+[aria-haspopup=menu],
+[role=switch],
 .gds-filter-chip)):disabled::placeholder, button:where(:not(.primary,
 .secondary,
 .ghost,
@@ -2753,6 +2959,24 @@ a.button.primary[aria-disabled=true] {
   border-color: var(--border-primary-disabled-color) !important;
   cursor: not-allowed;
 }
+button.primary:disabled::-moz-placeholder, button.primary.disabled::-moz-placeholder, button.primary[aria-disabled=true]::-moz-placeholder, input[type=submit]:disabled::-moz-placeholder, input[type=submit].disabled::-moz-placeholder, input[type=submit][aria-disabled=true]::-moz-placeholder, button[type=submit]:not(.secondary,
+.ghost,
+.danger,
+.close,
+.link,
+.gds-filter-chip):disabled::-moz-placeholder, button[type=submit]:not(.secondary,
+.ghost,
+.danger,
+.close,
+.link,
+.gds-filter-chip).disabled::-moz-placeholder, button[type=submit]:not(.secondary,
+.ghost,
+.danger,
+.close,
+.link,
+.gds-filter-chip)[aria-disabled=true]::-moz-placeholder, input[type=submit]:not(.secondary, .ghost, .danger, .close, .link):disabled::-moz-placeholder, input[type=submit]:not(.secondary, .ghost, .danger, .close, .link).disabled::-moz-placeholder, input[type=submit]:not(.secondary, .ghost, .danger, .close, .link)[aria-disabled=true]::-moz-placeholder, a.button.primary:disabled::-moz-placeholder, a.button.primary.disabled::-moz-placeholder, a.button.primary[aria-disabled=true]::-moz-placeholder {
+  color: var(--text-disabled-color);
+}
 button.primary:disabled::placeholder, button.primary.disabled::placeholder, button.primary[aria-disabled=true]::placeholder,
 input[type=submit]:disabled::placeholder,
 input[type=submit].disabled::placeholder,
@@ -2833,6 +3057,9 @@ button.ghost:disabled, button.ghost.disabled, button.ghost[aria-disabled=true],
   border-color: var(--border-disabled-color) !important;
   cursor: not-allowed;
 }
+button.ghost:disabled::-moz-placeholder, button.ghost.disabled::-moz-placeholder, button.ghost[aria-disabled=true]::-moz-placeholder, .button.ghost:disabled::-moz-placeholder, .button.ghost.disabled::-moz-placeholder, .button.ghost[aria-disabled=true]::-moz-placeholder {
+  color: var(--text-disabled-color);
+}
 button.ghost:disabled::placeholder, button.ghost.disabled::placeholder, button.ghost[aria-disabled=true]::placeholder,
 .button.ghost:disabled::placeholder,
 .button.ghost.disabled::placeholder,
@@ -2994,6 +3221,9 @@ input[type=submit].danger:not(.secondary, .ghost, .close, .link)[aria-disabled=t
   border-color: var(--border-primary-disabled-color) !important;
   cursor: not-allowed;
 }
+button.primary.danger:disabled::-moz-placeholder, button.primary.danger.disabled::-moz-placeholder, button.primary.danger[aria-disabled=true]::-moz-placeholder, .button.primary.danger:disabled::-moz-placeholder, .button.primary.danger.disabled::-moz-placeholder, .button.primary.danger[aria-disabled=true]::-moz-placeholder, button[type=submit].danger:not(.secondary, .ghost, .close, .link):disabled::-moz-placeholder, button[type=submit].danger:not(.secondary, .ghost, .close, .link).disabled::-moz-placeholder, button[type=submit].danger:not(.secondary, .ghost, .close, .link)[aria-disabled=true]::-moz-placeholder, input[type=submit].danger:not(.secondary, .ghost, .close, .link):disabled::-moz-placeholder, input[type=submit].danger:not(.secondary, .ghost, .close, .link).disabled::-moz-placeholder, input[type=submit].danger:not(.secondary, .ghost, .close, .link)[aria-disabled=true]::-moz-placeholder {
+  color: var(--text-disabled-color);
+}
 button.primary.danger:disabled::placeholder, button.primary.danger.disabled::placeholder, button.primary.danger[aria-disabled=true]::placeholder,
 .button.primary.danger:disabled::placeholder,
 .button.primary.danger.disabled::placeholder,
@@ -4180,6 +4410,63 @@ button:where(:not(.primary,
 [aria-haspopup=listbox],
 [aria-haspopup=menu],
 [role=switch],
+.gds-filter-chip)):disabled::-moz-placeholder, button:where(:not(.primary,
+.tertiary,
+.ghost,
+.danger,
+.close,
+.sg-table-sort,
+.link,
+[aria-haspopup=listbox],
+[aria-haspopup=menu],
+[role=switch],
+.gds-filter-chip)).disabled::-moz-placeholder, button:where(:not(.primary,
+.tertiary,
+.ghost,
+.danger,
+.close,
+.sg-table-sort,
+.link,
+[aria-haspopup=listbox],
+[aria-haspopup=menu],
+[role=switch],
+.gds-filter-chip))[aria-disabled=true]::-moz-placeholder, a.button:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link)):disabled::-moz-placeholder, a.button:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link)).disabled::-moz-placeholder, a.button:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link))[aria-disabled=true]::-moz-placeholder, button.secondary:disabled::-moz-placeholder, button.secondary.disabled::-moz-placeholder, button.secondary[aria-disabled=true]::-moz-placeholder, a.button.secondary:disabled::-moz-placeholder, a.button.secondary.disabled::-moz-placeholder, a.button.secondary[aria-disabled=true]::-moz-placeholder, input:is([type=button], [type=reset]):disabled::-moz-placeholder, input:is([type=button], [type=reset]).disabled::-moz-placeholder, input:is([type=button], [type=reset])[aria-disabled=true]::-moz-placeholder, button[type=button]:where(:not(.primary,
+.tertiary,
+.ghost,
+.danger,
+.close,
+.link,
+.icon,
+[aria-haspopup=listbox],
+[aria-haspopup=menu])):disabled::-moz-placeholder, button[type=button]:where(:not(.primary,
+.tertiary,
+.ghost,
+.danger,
+.close,
+.link,
+.icon,
+[aria-haspopup=listbox],
+[aria-haspopup=menu])).disabled::-moz-placeholder, button[type=button]:where(:not(.primary,
+.tertiary,
+.ghost,
+.danger,
+.close,
+.link,
+.icon,
+[aria-haspopup=listbox],
+[aria-haspopup=menu]))[aria-disabled=true]::-moz-placeholder, button[type=reset]:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link)):disabled::-moz-placeholder, button[type=reset]:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link)).disabled::-moz-placeholder, button[type=reset]:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link))[aria-disabled=true]::-moz-placeholder {
+  color: var(--text-disabled-color);
+}
+button:where(:not(.primary,
+.tertiary,
+.ghost,
+.danger,
+.close,
+.sg-table-sort,
+.link,
+[aria-haspopup=listbox],
+[aria-haspopup=menu],
+[role=switch],
 .gds-filter-chip)):disabled::placeholder, button:where(:not(.primary,
 .tertiary,
 .ghost,
@@ -4461,6 +4748,39 @@ button:where(:not(.primary,
 [aria-haspopup=listbox],
 [aria-haspopup=menu],
 [role=switch],
+.gds-filter-chip)):disabled::-moz-placeholder, button:where(:not(.primary,
+.secondary,
+.ghost,
+.danger,
+.close,
+.sg-table-sort,
+.link,
+[aria-haspopup=listbox],
+[aria-haspopup=menu],
+[role=switch],
+.gds-filter-chip)).disabled::-moz-placeholder, button:where(:not(.primary,
+.secondary,
+.ghost,
+.danger,
+.close,
+.sg-table-sort,
+.link,
+[aria-haspopup=listbox],
+[aria-haspopup=menu],
+[role=switch],
+.gds-filter-chip))[aria-disabled=true]::-moz-placeholder, a.button:where(:not(.primary, .secondary, .ghost, .close, .link)):disabled::-moz-placeholder, a.button:where(:not(.primary, .secondary, .ghost, .close, .link)).disabled::-moz-placeholder, a.button:where(:not(.primary, .secondary, .ghost, .close, .link))[aria-disabled=true]::-moz-placeholder, button.tertiary:disabled::-moz-placeholder, button.tertiary.disabled::-moz-placeholder, button.tertiary[aria-disabled=true]::-moz-placeholder, a.button.tertiary:disabled::-moz-placeholder, a.button.tertiary.disabled::-moz-placeholder, a.button.tertiary[aria-disabled=true]::-moz-placeholder {
+  color: var(--text-disabled-color);
+}
+button:where(:not(.primary,
+.secondary,
+.ghost,
+.danger,
+.close,
+.sg-table-sort,
+.link,
+[aria-haspopup=listbox],
+[aria-haspopup=menu],
+[role=switch],
 .gds-filter-chip)):disabled::placeholder, button:where(:not(.primary,
 .secondary,
 .ghost,
@@ -4627,6 +4947,24 @@ a.button.primary[aria-disabled=true] {
   border-color: var(--border-primary-disabled-color) !important;
   cursor: not-allowed;
 }
+button.primary:disabled::-moz-placeholder, button.primary.disabled::-moz-placeholder, button.primary[aria-disabled=true]::-moz-placeholder, input[type=submit]:disabled::-moz-placeholder, input[type=submit].disabled::-moz-placeholder, input[type=submit][aria-disabled=true]::-moz-placeholder, button[type=submit]:not(.secondary,
+.ghost,
+.danger,
+.close,
+.link,
+.gds-filter-chip):disabled::-moz-placeholder, button[type=submit]:not(.secondary,
+.ghost,
+.danger,
+.close,
+.link,
+.gds-filter-chip).disabled::-moz-placeholder, button[type=submit]:not(.secondary,
+.ghost,
+.danger,
+.close,
+.link,
+.gds-filter-chip)[aria-disabled=true]::-moz-placeholder, input[type=submit]:not(.secondary, .ghost, .danger, .close, .link):disabled::-moz-placeholder, input[type=submit]:not(.secondary, .ghost, .danger, .close, .link).disabled::-moz-placeholder, input[type=submit]:not(.secondary, .ghost, .danger, .close, .link)[aria-disabled=true]::-moz-placeholder, a.button.primary:disabled::-moz-placeholder, a.button.primary.disabled::-moz-placeholder, a.button.primary[aria-disabled=true]::-moz-placeholder {
+  color: var(--text-disabled-color);
+}
 button.primary:disabled::placeholder, button.primary.disabled::placeholder, button.primary[aria-disabled=true]::placeholder,
 input[type=submit]:disabled::placeholder,
 input[type=submit].disabled::placeholder,
@@ -4707,6 +5045,9 @@ button.ghost:disabled, button.ghost.disabled, button.ghost[aria-disabled=true],
   border-color: var(--border-disabled-color) !important;
   cursor: not-allowed;
 }
+button.ghost:disabled::-moz-placeholder, button.ghost.disabled::-moz-placeholder, button.ghost[aria-disabled=true]::-moz-placeholder, .button.ghost:disabled::-moz-placeholder, .button.ghost.disabled::-moz-placeholder, .button.ghost[aria-disabled=true]::-moz-placeholder {
+  color: var(--text-disabled-color);
+}
 button.ghost:disabled::placeholder, button.ghost.disabled::placeholder, button.ghost[aria-disabled=true]::placeholder,
 .button.ghost:disabled::placeholder,
 .button.ghost.disabled::placeholder,
@@ -4868,6 +5209,9 @@ input[type=submit].danger:not(.secondary, .ghost, .close, .link)[aria-disabled=t
   border-color: var(--border-primary-disabled-color) !important;
   cursor: not-allowed;
 }
+button.primary.danger:disabled::-moz-placeholder, button.primary.danger.disabled::-moz-placeholder, button.primary.danger[aria-disabled=true]::-moz-placeholder, .button.primary.danger:disabled::-moz-placeholder, .button.primary.danger.disabled::-moz-placeholder, .button.primary.danger[aria-disabled=true]::-moz-placeholder, button[type=submit].danger:not(.secondary, .ghost, .close, .link):disabled::-moz-placeholder, button[type=submit].danger:not(.secondary, .ghost, .close, .link).disabled::-moz-placeholder, button[type=submit].danger:not(.secondary, .ghost, .close, .link)[aria-disabled=true]::-moz-placeholder, input[type=submit].danger:not(.secondary, .ghost, .close, .link):disabled::-moz-placeholder, input[type=submit].danger:not(.secondary, .ghost, .close, .link).disabled::-moz-placeholder, input[type=submit].danger:not(.secondary, .ghost, .close, .link)[aria-disabled=true]::-moz-placeholder {
+  color: var(--text-disabled-color);
+}
 button.primary.danger:disabled::placeholder, button.primary.danger.disabled::placeholder, button.primary.danger[aria-disabled=true]::placeholder,
 .button.primary.danger:disabled::placeholder,
 .button.primary.danger.disabled::placeholder,
@@ -5524,6 +5868,9 @@ input[type=week][aria-disabled=true] {
   border-color: var(--border-disabled-color) !important;
   cursor: not-allowed;
 }
+input:not([type]):disabled::-moz-placeholder, input:not([type]).disabled::-moz-placeholder, input:not([type])[aria-disabled=true]::-moz-placeholder, input[type=date]:disabled::-moz-placeholder, input[type=date].disabled::-moz-placeholder, input[type=date][aria-disabled=true]::-moz-placeholder, input[type=datetime]:disabled::-moz-placeholder, input[type=datetime].disabled::-moz-placeholder, input[type=datetime][aria-disabled=true]::-moz-placeholder, input[type=datetime-local]:disabled::-moz-placeholder, input[type=datetime-local].disabled::-moz-placeholder, input[type=datetime-local][aria-disabled=true]::-moz-placeholder, input[type=email]:disabled::-moz-placeholder, input[type=email].disabled::-moz-placeholder, input[type=email][aria-disabled=true]::-moz-placeholder, input[type=month]:disabled::-moz-placeholder, input[type=month].disabled::-moz-placeholder, input[type=month][aria-disabled=true]::-moz-placeholder, input[type=number]:disabled::-moz-placeholder, input[type=number].disabled::-moz-placeholder, input[type=number][aria-disabled=true]::-moz-placeholder, input[type=password]:disabled::-moz-placeholder, input[type=password].disabled::-moz-placeholder, input[type=password][aria-disabled=true]::-moz-placeholder, input[type=search]:disabled::-moz-placeholder, input[type=search].disabled::-moz-placeholder, input[type=search][aria-disabled=true]::-moz-placeholder, input[type=tel]:disabled::-moz-placeholder, input[type=tel].disabled::-moz-placeholder, input[type=tel][aria-disabled=true]::-moz-placeholder, input[type=text]:disabled::-moz-placeholder, input[type=text].disabled::-moz-placeholder, input[type=text][aria-disabled=true]::-moz-placeholder, input[type=time]:disabled::-moz-placeholder, input[type=time].disabled::-moz-placeholder, input[type=time][aria-disabled=true]::-moz-placeholder, input[type=url]:disabled::-moz-placeholder, input[type=url].disabled::-moz-placeholder, input[type=url][aria-disabled=true]::-moz-placeholder, input[type=week]:disabled::-moz-placeholder, input[type=week].disabled::-moz-placeholder, input[type=week][aria-disabled=true]::-moz-placeholder {
+  color: var(--text-disabled-color);
+}
 input:not([type]):disabled::placeholder, input:not([type]).disabled::placeholder, input:not([type])[aria-disabled=true]::placeholder,
 input[type=date]:disabled::placeholder,
 input[type=date].disabled::placeholder,
@@ -5588,7 +5935,8 @@ input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner
 :host(:invalid) button + .form-info::before {
   background: transparent;
   border-radius: 0 0 4px 4px;
-  clip-path: inset(4px 0 0 0);
+  -webkit-clip-path: inset(4px 0 0 0);
+          clip-path: inset(4px 0 0 0);
   content: "";
   display: block;
   height: 4px;
@@ -5599,7 +5947,19 @@ input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner
 }
 :host(:invalid) button + .form-info::before {
   background: var(--intent-danger-background);
-  clip-path: inset(1px 0 0 0);
+  -webkit-clip-path: inset(1px 0 0 0);
+          clip-path: inset(1px 0 0 0);
+}
+
+::slotted([slot=trigger]) {
+  overflow: hidden;
+}
+
+slot[name=trigger] > span {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-wrap: nowrap;
 }
 
 .form-info {
@@ -5733,6 +6093,9 @@ button:disabled, button.disabled, button[aria-disabled=true] {
   border-color: var(--border-disabled-color) !important;
   cursor: not-allowed;
 }
+button:disabled::-moz-placeholder, button.disabled::-moz-placeholder, button[aria-disabled=true]::-moz-placeholder {
+  color: var(--text-disabled-color);
+}
 button:disabled::placeholder, button.disabled::placeholder, button[aria-disabled=true]::placeholder {
   color: var(--text-disabled-color);
 }
@@ -5794,10 +6157,197 @@ function register3() {
   TransitionalStyles.instance.register("gds-dropdown", dropdown_trans_styles_default.toString());
 }
 
+// libs/core/src/components/context-menu/context-menu.trans.styles.scss
+var context_menu_trans_styles_default = `/* stylelint-disable max-nesting-depth */
+/* stylelint-enable max-nesting-depth */
+/**
+ * Calculate the luminance for a color.
+ * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
+ */
+/**
+ * Calculate the contrast ratio between two colors.
+ * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
+ */
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/**
+* @deprecated
+* Use \`add-focus\` instead
+*/
+/** add background color, color and border-color to element when it has focus-visible i.e. tab focus */
+i.sg-icon {
+  font-size: 0;
+  width: 1rem;
+  height: 1rem;
+  display: inline-block;
+}
+i.sg-icon::before {
+  content: "";
+  display: inline-block;
+  background: var(--color);
+  width: 100%;
+  height: 100%;
+  -webkit-mask-repeat: no-repeat;
+          mask-repeat: no-repeat;
+}
+i.sg-icon.sg-icon-calendar::before {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 248h80v-56H48v56zm0 48v64h80v-64H48zm128 0v64h96v-64h-96zm144 0v64h80v-64h-80zm80-104h-80v56h80v-56zm0 216h-80v56h64c8.8 0 16-7.2 16-16v-40zm-128 0h-96v56h96v-56zm-144 0H48v40c0 8.8 7.16 16 16 16h64v-56zm144-216h-96v56h96v-56z '/%3E%3C/svg%3E");
+          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 248h80v-56H48v56zm0 48v64h80v-64H48zm128 0v64h96v-64h-96zm144 0v64h80v-64h-80zm80-104h-80v56h80v-56zm0 216h-80v56h64c8.8 0 16-7.2 16-16v-40zm-128 0h-96v56h96v-56zm-144 0H48v40c0 8.8 7.16 16 16 16h64v-56zm144-216h-96v56h96v-56z '/%3E%3C/svg%3E");
+}
+i.sg-icon.sg-icon-calendar-range::before {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M96 288c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm224 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-128-64c0-13.3 10.7-24 24-24h112c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24zm40 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24h112zM152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z'/%3E%3C/svg%3E");
+          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M96 288c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm224 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-128-64c0-13.3 10.7-24 24-24h112c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24zm40 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24h112zM152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z'/%3E%3C/svg%3E");
+}
+i.sg-icon.sg-icon-ellipsis::before {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E");
+          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E");
+}
+i.sg-icon.sg-icon-next::before {
+  background: none;
+  border-bottom: 2px solid;
+  border-left: 2px solid;
+  content: "";
+  display: block;
+  height: 12px;
+  margin-left: -10px;
+  margin-top: 2px;
+  transform: translate(75%) rotate(-135deg) scaleZ(-1);
+  transition: transform 0.3s ease-in;
+  width: 12px;
+}
+i.sg-icon.sg-icon-previous::before {
+  background: none;
+  border-bottom: 2px solid;
+  border-left: 2px solid;
+  content: "";
+  display: block;
+  height: 12px;
+  margin-left: -4px;
+  margin-top: 2px;
+  transform: translate(75%) rotate(45deg) scaleZ(-1);
+  transition: transform 0.3s ease-in;
+  width: 12px;
+}
+i.sg-icon.sg-icon-ellipsis::before {
+  margin-right: -2px;
+}
+
+@layer base, overrides;
+:host {
+  display: inline-block;
+}
+
+@layer base {
+  button {
+    background-color: transparent;
+    border: 0;
+    cursor: pointer;
+    font-family: inherit;
+    padding: 0;
+    padding-left: 1rem;
+    padding-right: 1rem;
+    padding-bottom: 0.75rem;
+    padding-top: 0.75rem;
+    border-radius: var(--sg-border-radius);
+    border: solid var(--sg-border-width) var(--sg-border-color);
+    font-weight: 500;
+    min-height: 2.75rem;
+    align-items: center;
+    display: inline-flex;
+    justify-content: center;
+    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1), outline-offset 0s, outline-width 0s;
+    border-color: rgb(51, 51, 51);
+    color: rgb(51, 51, 51);
+    --color: rgb(51, 51, 51);
+  }
+  button:focus:not(:focus-visible) {
+    box-shadow: none;
+    outline: 0;
+  }
+  button:focus, button:focus-visible {
+    outline-color: var(--gds-sys-color-focus-outline);
+    outline-style: solid;
+    outline-width: 0.125rem;
+    outline-offset: 0.125rem;
+  }
+  @media (max-width: 35.98em) {
+    button {
+      min-width: 100%;
+    }
+  }
+  @media screen and (-ms-high-contrast: active) {
+    button {
+      border: 2px solid currentcolor;
+    }
+  }
+  button.small {
+    min-height: 2rem;
+    padding: 0.4375rem 0.75rem;
+    line-height: 1rem;
+  }
+  button.large {
+    min-height: 4rem;
+    padding: 1rem 1.5rem;
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+  button:not(:disabled, .disabled, [aria-disabled]):hover {
+    background-color: rgb(51, 51, 51);
+    color: rgb(255, 255, 255);
+    --background: rgb(51, 51, 51);
+    --color: rgb(255, 255, 255);
+    border-color: rgb(51, 51, 51);
+  }
+  button[aria-selected], button:active, button.active, button.active:hover, button:active:hover {
+    background-color: rgb(51, 51, 51);
+    color: rgb(255, 255, 255);
+    --background: rgb(51, 51, 51);
+    --color: rgb(255, 255, 255);
+    border-color: rgb(51, 51, 51);
+  }
+  button[aria-selected]:hover, button.active:hover, button:active:hover {
+    opacity: 0.9;
+  }
+  button:focus-visible {
+    background-color: rgb(51, 51, 51);
+    color: rgb(255, 255, 255);
+    --background: rgb(51, 51, 51);
+    --color: rgb(255, 255, 255);
+    border-color: rgb(51, 51, 51) !important;
+  }
+  button:disabled, button.disabled, button[aria-disabled=true] {
+    color: var(--text-disabled-color) !important;
+    border-color: var(--border-disabled-color) !important;
+    cursor: not-allowed;
+  }
+  button:disabled::-moz-placeholder, button.disabled::-moz-placeholder, button[aria-disabled=true]::-moz-placeholder {
+    color: var(--text-disabled-color);
+  }
+  button:disabled::placeholder, button.disabled::placeholder, button[aria-disabled=true]::placeholder {
+    color: var(--text-disabled-color);
+  }
+}
+@layer overrides {
+  button {
+    border-color: transparent;
+    line-height: 0.75;
+    padding-inline: 0.4375rem;
+  }
+  button.highlighted {
+    background-color: var(--gds-ref-pallet-base300);
+  }
+}`;
+
+// libs/core/src/components/context-menu/context-menu.trans.styles.ts
+function register4() {
+  TransitionalStyles.instance.register("gds-context-menu", context_menu_trans_styles_default.toString());
+}
+
 // libs/core/src/utils/helpers/custom-element-scoping.ts
 import { html as litHtml } from "lit";
 import { customElement } from "lit/decorators.js";
-var VER_SUFFIX = "-0863bc";
+var VER_SUFFIX = "-91f802";
 var elementLookupTable = /* @__PURE__ */ new Map();
 var templateCache = /* @__PURE__ */ new WeakMap();
 function applyElementScoping(strings, ...values) {
@@ -5811,7 +6361,7 @@ function applyElementScoping(strings, ...values) {
 }
 var replaceTags = (inStr) => inStr.map((s) => {
   for (const [key, value] of elementLookupTable.entries()) {
-    s = s.split(key).join(value);
+    s = s.replace(new RegExp(`${key}(?![-a-z])`, "mg"), value);
   }
   return s;
 });
@@ -5831,6 +6381,7 @@ var registerTransitionalStyles = () => {
   register3();
   register();
   register2();
+  register4();
 };
 var TransitionalStyles = class _TransitionalStyles {
   constructor() {