.cspell-project-words.txt

+apng
+backtosite
+basethemeurl
+colours
+cpath
+csvg
+customisations
+darkmode
+dasjo
+dermario
+deskinset
+dragdrop
+dropzonejs
+eggenberger
+ESlint
+flyouts
+fullscreeneditor
+ginter
+grouptitle
+gvar
+highcontrastmode
+imageapi
+imce
+lightmode
+linkit
+menubutton
+navigationcreate
+navigaton
+overfloating
+overried
+sascha
+saschaeggi
+scrollsync
+smartdate
+spritemap
+subtheming
+syncscroll
+tablesaw
+tmgmt
+toleft
+toogle
+toolsextra
+topbar
+totop
+treetable
+tvscreen
+uidom
+webform
+xsmall
+xxxs

.gitignore

@@ -20,3 +20,6 @@ domain.json
 
 # Ignore npm debugs
 npm-debug.log
+
+# Ignore JetBrains`s IDE files
+.idea

.gitlab-ci.yml

-include:
-  # This remote project centralize our CI "golden path" https://docs.gitlab.com/ee/ci/yaml/#includefile
-  remote: 'https://gitlab.com/drupalspoons/composer-plugin/-/raw/master/templates/.gitlab-ci.yml'
 
-# Override phpcs config
-phpcs:
-  stage: test
-  script:
-    - cp -u phpcs.xml $WEB_ROOT/modules/custom
-    - composer phpcs -- --report-junit=junit.xml --report-full --report-summary
-  allow_failure: false
-  artifacts:
-    expose_as: junit
-    expire_in: 6 mos
-    paths:
-      - junit.xml
-    reports:
-      junit: junit.xml
-
-# Disable stylelint
-stylelint:
-  stage: test
-  script:
-    - yarn version
+################
+# GitLabCI template for Drupal projects.
+#
+# This template is designed to give any Contrib maintainer everything they need to test, without requiring modification.
+# It is also designed to keep up to date with Core Development automatically through the use of include files that can be centrally maintained.
+# As long as you include the project, ref and three files below, any future updates added by the Drupal Association will be used in your
+# pipelines automatically. However, you can modify this template if you have additional needs for your project.
+# The full documentation is on https://project.pages.drupalcode.org/gitlab_templates/
+################
+# For information on alternative values for 'ref' see https://project.pages.drupalcode.org/gitlab_templates/info/templates-version/
+# To test a Drupal 7 project, change the first include filename from .main.yml to .main-d7.yml
+include:
+  - project: $_GITLAB_TEMPLATES_REPO
+    ref: $_GITLAB_TEMPLATES_REF
+    file:
+      - '/includes/include.drupalci.main.yml'
+      - '/includes/include.drupalci.variables.yml'
+      - '/includes/include.drupalci.workflows.yml'
+#
+################
+# Pipeline configuration variables are defined with default values and descriptions in the file
+# https://git.drupalcode.org/project/gitlab_templates/-/blob/main/includes/include.drupalci.variables.yml
+# Uncomment the lines below if you want to override any of the variables. The following is just an example.
+################
+variables:
+  PROJECT_TYPE: 'theme'
+  SKIP_STYLELINT: '1'
+  # @todo Enable ESlint and resolve issues.
+  SKIP_ESLINT: '1'
+#   OPT_IN_TEST_NEXT_MAJOR: '1'
+#   _CURL_TEMPLATES_REF: 'main'
 
 frontend:
   stage: build
-  image: node:16.13-alpine
+  image: node:20.14.0-alpine
   variables:
     GIT_STRATEGY: fetch
     GIT_CHECKOUT: "true"
@@ -37,4 +45,4 @@ frontend:
   artifacts:
     paths:
       - node_modules/
-    expire_in: 6 mos
\ No newline at end of file
+    expire_in: 6 mos

.tugboat/config.yml

@@ -13,6 +13,8 @@ services:
         # Check out a branch using the unique Tugboat ID for this repository, to
         # ensure we don't clobber an existing branch.
         git checkout -b $TUGBOAT_REPO_ID
+        # Set PHP LIMIT up to 512MB.
+        echo "memory_limit = 512M" >> /usr/local/etc/php/conf.d/my-php.ini
         # Composer is hungry. You need a Tugboat project with a pretty sizeable
         # chunk of memory.
         export COMPOSER_MEMORY_LIMIT=-1
@@ -25,9 +27,11 @@ services:
         # Require Gin Toolbar
         composer require 'drupal/gin_toolbar:^1.0@beta'
         # Require Gin Login
-        composer require 'drupal/gin_login:^1.0@RC'
+        composer require 'drupal/gin_login:^2.1'
         # Require Admin Toolbar
         composer require 'drupal/admin_toolbar:^3.0'
+        # Require Project Browser
+        composer require 'drupal/project_browser:^1.0@beta'
         # Now we can require Gin, specifing the branch name we created
         # above that uses the $TUGBOAT_REPO_ID environment variable.
         composer require drupal/gin:dev-$TUGBOAT_REPO_ID
@@ -53,6 +57,8 @@ services:
         vendor/bin/drush --yes en gin_toolbar
         # Enable gin_login Module.
         vendor/bin/drush --yes en gin_login
+        # Enable project_browser Module.
+        vendor/bin/drush --yes en project_browser
       build: |
         set -eux
         # Delete and re-check out this branch in case this is built from a Base Preview.

CODE_OF_CONDUCT.md

@@ -48,7 +48,7 @@ offensive, or harmful.
 
 This Code of Conduct applies both within project spaces and in public spaces
 when an individual is representing the project or its community. Examples of
-representing a project or community include using an official project e-mail
+representing a project or community include using an official project email
 address, posting via an official social media account, or acting as an appointed
 representative at an online or offline event. Representation of a project may be
 further defined and clarified by project maintainers.

composer.json

@@ -33,7 +33,7 @@
     ],
     "minimum-stability": "dev",
     "require": {
-        "drupal/gin_toolbar": "^1.0@beta"
+        "drupal/gin_toolbar": "^2.0"
     },
     "scripts": {
         "phpcs": "phpcs -s --runtime-set ignore_warnings_on_exit 1 --runtime-set ignore_errors_on_exit 0 'web/modules/custom'"

config/install/gin.settings.yml

 preset_accent_color: 'blue'
 preset_focus_color: 'gin'
 enable_darkmode: '0'
-classic_toolbar: 'vertical'
+classic_toolbar: 'new'
 secondary_toolbar_frontend: true
 logo:
   use_default: true
@@ -9,6 +9,7 @@ high_contrast_mode: false
 layout_density: 'default'
 show_description_toggle: false
 show_user_theme_settings: false
+sticky_action_buttons: false
 third_party_settings:
   shortcut:
     module_link: true

config/schema/gin.schema.yml

@@ -36,6 +36,9 @@ gin.settings:
     show_user_theme_settings:
       type: boolean
       label: 'Let user override theme'
+    sticky_action_buttons:
+      type: boolean
+      label: 'Sticky action buttons'
     third_party_settings:
       type: mapping
       label: 'Third party settings'

dist/css/components/ajax.css

@@ -12,14 +12,7 @@
 .ui-dialog .ajax-progress__throbber,
 .media-library-item .ajax-progress__throbber {
   border: 3px solid var(--gin-color-primary);
-}
-
-[dir="ltr"] .ajax-progress__throbber, [dir="ltr"] .ajax-progress__throbber--fullscreen, [dir="ltr"] .ui-dialog .ajax-progress__throbber, [dir="ltr"] .media-library-item .ajax-progress__throbber {
-  border-right: 3px dotted transparent;
-}
-
-[dir="rtl"] .ajax-progress__throbber, [dir="rtl"] .ajax-progress__throbber--fullscreen, [dir="rtl"] .ui-dialog .ajax-progress__throbber, [dir="rtl"] .media-library-item .ajax-progress__throbber {
-  border-left: 3px dotted transparent;
+  border-inline-end: 3px dotted transparent;
 }
 
 .ajax-progress .ajax-progress__message {
@@ -34,19 +27,12 @@
 
 [dir].gin--dark-mode .ajax-progress--fullscreen .ajax-progress__throbber, [dir].gin--dark-mode .ajax-progress--fullscreen .ajax-progress__throbber--fullscreen {
   border: 3px solid var(--gin-bg-app);
-  border-right: 3px dotted transparent;
+  border-inline-end: 3px dotted transparent;
 }
 
 .media-library-widget .ajax-progress__throbber, .media-library-widget .ajax-progress__throbber--fullscreen {
   border: 2px solid var(--gin-color-primary);
-}
-
-[dir="ltr"] .media-library-widget .ajax-progress__throbber, [dir="ltr"] .media-library-widget .ajax-progress__throbber--fullscreen {
-  border-right: 2px dotted transparent;
-}
-
-[dir="rtl"] .media-library-widget .ajax-progress__throbber, [dir="rtl"] .media-library-widget .ajax-progress__throbber--fullscreen {
-  border-left: 2px dotted transparent;
+  border-inline-end: 2px dotted transparent;
 }
 
 .ui-dialog .ajax-progress-throbber {
@@ -68,26 +54,16 @@
   content: "";
   display: block;
   position: absolute;
-  top: var(--gin-spacing-xs);
+  inset-block-start: var(--gin-spacing-xs);
+  inset-inline-start: var(--gin-spacing-xs);
   width: 1.125rem;
   height: 1.125rem;
   border: 2px solid var(--gin-color-primary);
+  border-inline-end: 2px dotted transparent;
   border-radius: 50%;
   animation: gin-throbber .75s linear infinite;
 }
 
-[dir="ltr"] .ui-dialog .ajax-progress-throbber::before,
-[dir="ltr"] .contextual-links .ajax-progress-throbber::before {
-  left: var(--gin-spacing-xs);
-  border-right: 2px dotted transparent;
-}
-
-[dir="rtl"] .ui-dialog .ajax-progress-throbber::before,
-[dir="rtl"] .contextual-links .ajax-progress-throbber::before {
-  right: var(--gin-spacing-xs);
-  border-left: 2px dotted transparent;
-}
-
 .gin--dark-mode .ui-dialog .ajax-progress,
 .gin--dark-mode .media-library-item .ajax-progress.ajax-progress.ajax-progress {
   background-color: var(--gin-bg-app);
@@ -100,29 +76,15 @@
 
 .contextual-links .ajax-progress-throbber {
   position: absolute;
-  top: 0;
+  inset-block-start: 0;
+  inset-inline-end: var(--gin-spacing-xxs);
   width: 24px;
   height: 24px;
 }
 
-[dir="ltr"] .contextual-links .ajax-progress-throbber {
-  right: var(--gin-spacing-xxs);
-}
-
-[dir="rtl"] .contextual-links .ajax-progress-throbber {
-  left: var(--gin-spacing-xxs);
-}
-
 .contextual-links .ajax-progress-throbber::before {
-  top: 0;
-}
-
-[dir="ltr"] .contextual-links .ajax-progress-throbber::before {
-  left: .25em;
-}
-
-[dir="rtl"] .contextual-links .ajax-progress-throbber::before {
-  right: .25em;
+  inset-block-start: 0;
+  inset-inline-start: .25em;
 }
 
 .claro-autocomplete__message {

dist/css/components/autocomplete.css

@@ -58,30 +58,20 @@ div.autocomplete-deluxe-container div.autocomplete-deluxe-throbber.autocomplete-
 div.autocomplete-deluxe-container div.autocomplete-deluxe-throbber.autocomplete-deluxe-open::after {
   content: "";
   position: absolute;
-  top: 35px;
+  inset-block-start: 35px;
+  inset-inline-end: 12px;
   display: block;
+  text-align: end;
   border: 2px solid var(--gin-bg-input);
   border-radius: 50%;
-  border-top: 2px solid var(--gin-color-primary);
+  border-block-start: 2px solid var(--gin-color-primary);
   width: 14px;
   height: 14px;
   animation: gin-throbber 1s linear infinite;
 }
 
-[dir="ltr"] .form-autocomplete.is-autocompleting + .claro-autocomplete__message::after,
-[dir="ltr"] div.autocomplete-deluxe-container div.autocomplete-deluxe-throbber.autocomplete-deluxe-open::after {
-  right: 12px;
-  text-align: right;
-}
-
-[dir="rtl"] .form-autocomplete.is-autocompleting + .claro-autocomplete__message::after,
-[dir="rtl"] div.autocomplete-deluxe-container div.autocomplete-deluxe-throbber.autocomplete-deluxe-open::after {
-  left: 12px;
-  text-align: left;
-}
-
 div.autocomplete-deluxe-container div.autocomplete-deluxe-throbber.autocomplete-deluxe-open::after {
-  top: 2px;
+  inset-block-start: 2px;
 }
 
 div.autocomplete-deluxe-multiple {
@@ -100,27 +90,22 @@ div.autocomplete-deluxe-multiple {
 
 .autocomplete-deluxe-item {
   color: var(--gin-color-primary-hover);
+  padding-block: 6px;
+  padding-inline: 12px var(--gin-spacing-l);
   background-color: var(--gin-color-primary-light-hover);
   border-radius: var(--gin-border-l);
   border: 0 none;
   box-shadow: none;
 }
 
-[dir="ltr"] .autocomplete-deluxe-item {
-  padding: 6px var(--gin-spacing-l) 6px 12px;
-}
-
-[dir="rtl"] .autocomplete-deluxe-item {
-  padding: 6px 12px 6px var(--gin-spacing-l);
-}
-
 .autocomplete-deluxe-item:hover, .autocomplete-deluxe-item:active {
   color: var(--gin-color-button-text);
   background-color: var(--gin-color-primary);
 }
 
 .autocomplete-deluxe-item .autocomplete-deluxe-item-delete {
-  top: 6px;
+  inset-block-start: 6px;
+  inset-inline-end: 6px;
   -webkit-mask-image: url("../../media/sprite.svg#close-view");
           mask-image: url("../../media/sprite.svg#close-view");
   -webkit-mask-size: 10px 10px;
@@ -132,14 +117,6 @@ div.autocomplete-deluxe-multiple {
   background: var(--gin-color-primary);
 }
 
-[dir="ltr"] .autocomplete-deluxe-item .autocomplete-deluxe-item-delete {
-  right: 6px;
-}
-
-[dir="rtl"] .autocomplete-deluxe-item .autocomplete-deluxe-item-delete {
-  left: 6px;
-}
-
 .autocomplete-deluxe-item:hover .autocomplete-deluxe-item-delete,
 .autocomplete-deluxe-item .autocomplete-deluxe-item-delete:hover {
   background: var(--gin-color-button-text);

dist/css/components/autosave.css

 #autosave-notification {
   font-size: var(--gin-font-size-s);
-  bottom: var(--gin-spacing-xs);
+  inset-block-end: var(--gin-spacing-xs);
+  inset-inline-end: var(--gin-spacing-xs);
   border-radius: var(--gin-border-xs);
 }
 
-[dir="ltr"] #autosave-notification {
-  right: var(--gin-spacing-xs);
-}
-
-[dir="rtl"] #autosave-notification {
-  left: var(--gin-spacing-xs);
-}
-

dist/css/components/breadcrumb.css

@@ -14,17 +14,9 @@
   width: auto;
   text-overflow: ellipsis;
   overflow: hidden;
-  margin-top: 0;
-}
-
-[dir="ltr"] .gin-breadcrumb__list {
-  padding-left: var(--gin-spacing-xxs);
-  margin-left: calc(var(--gin-spacing-xxs) * -1);
-}
-
-[dir="rtl"] .gin-breadcrumb__list {
-  padding-right: var(--gin-spacing-xxs);
-  margin-right: calc(var(--gin-spacing-xxs) * -1);
+  padding-inline-start: var(--gin-spacing-xxs);
+  margin-block-start: 0;
+  margin-inline-start: calc(var(--gin-spacing-xxs) * -1);
 }
 
 .gin-breadcrumb__item, .gin-breadcrumb__link, .gin-breadcrumb__text {
@@ -57,21 +49,15 @@
 
 .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link {
   position: relative;
-}
-
-[dir="ltr"] .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link {
-  padding-left: 1.75em;
-}
-
-[dir="rtl"] .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link {
-  padding-right: 1.75em;
+  padding-inline-start: 1.75em;
 }
 
 .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link::before {
   content: "";
   display: inline-block;
   position: absolute;
-  top: calc(50% - 1px);
+  inset-block-start: calc(50% - 1px);
+  inset-inline-start: 0;
   width: var(--gin-icon-size-toolbar-secondary);
   height: var(--gin-icon-size-toolbar-secondary);
   transform: translateY(-50%);
@@ -84,14 +70,6 @@
           mask-position: center center;
 }
 
-[dir="ltr"] .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link::before {
-  left: 0;
-}
-
-[dir="rtl"] .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link::before {
-  right: 0;
-}
-
 @media (forced-colors: active) {
   .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link::before {
     background: linktext;
@@ -111,22 +89,12 @@
 .gin-breadcrumb__item:first-of-type + .gin-breadcrumb__item::before {
   content: "";
   opacity: .3;
+  border-inline-end: 1px solid var(--gin-color-text);
   width: 1px;
   height: 20px;
-}
-
-[dir="ltr"] .gin-breadcrumb__item:first-of-type + .gin-breadcrumb__item::before {
-  border-right: 1px solid var(--gin-color-text);
-  padding-left: .75em;
-  padding-right: 0;
-  margin-right: .75em;
-}
-
-[dir="rtl"] .gin-breadcrumb__item:first-of-type + .gin-breadcrumb__item::before {
-  border-left: 1px solid var(--gin-color-text);
-  padding-right: .75em;
-  padding-left: 0;
-  margin-left: .75em;
+  padding-inline-start: .75em;
+  padding-inline-end: 0;
+  margin-inline-end: .75em;
 }
 
 @media (forced-colors: active) {

dist/css/components/chosen.css

@@ -12,13 +12,18 @@
   height: 100%;
   display: block;
   line-height: 1.5rem;
-  padding: calc(var(--gin-spacing-s) - 1px) calc(var(--gin-spacing-m) - 1px);
+  padding-block: calc(var(--input-padding-vertical) - 1px);
+  padding-inline: var(--input-padding-horizontal);
 }
 
 .form-element.chosen-container-single .chosen-single b {
   background: none !important;
 }
 
+.form-element.chosen-container-single .chosen-single span {
+  color: var(--gin-color-text);
+}
+
 .form-element.chosen-container-multi {
   width: auto !important;
 }

dist/css/components/ckeditor.css

@@ -16,7 +16,7 @@
 
 .cke.cke .cke_top {
   background: var(--gin-bg-layer);
-  border-bottom: 1px solid var(--gin-border-color);
+  border-block-end: 1px solid var(--gin-border-color);
   border-radius: calc(var(--gin-border-m) - 1px) calc(var(--gin-border-m) - 1px) 0 0;
 }
 
@@ -30,20 +30,15 @@
 }
 
 .cke.cke .cke_contents {
-  padding-left: var(--gin-spacing-xs);
-  padding-right: var(--gin-spacing-xs);
+  padding-inline: var(--gin-spacing-xs);
 }
 
 .cke.cke .cke_path_empty:only-child::after {
   background: transparent;
 }
 
-[dir="ltr"] .cke.cke .cke_combo::after {
-  border-right: 1px solid var(--gin-border-color);
-}
-
-[dir="rtl"] .cke.cke .cke_combo::after {
-  border-left: 1px solid var(--gin-border-color);
+.cke.cke .cke_combo::after {
+  border-inline-end: 1px solid var(--gin-border-color);
 }
 
 .cke.cke .cke_combo_text {
@@ -102,7 +97,7 @@
 }
 
 .cke:hover .cke_top, .gin--dark-mode .cke:hover .cke_top {
-  border-bottom-color: var(--gin-border-color);
+  border-block-end-color: var(--gin-border-color);
 }
 
 .cke.cke_chrome.cke_focus:hover,
@@ -121,7 +116,7 @@
 .cke.cke_focus .cke_top,
 .error + .cke.cke_focus .cke_top,
 .error + .cke.cke_chrome.cke_focus:hover .cke_top {
-  border-bottom: 1px solid var(--gin-border-color);
+  border-block-end: 1px solid var(--gin-border-color);
 }
 
 .cke textarea.cke_source {
@@ -144,7 +139,8 @@ body .cke_notification_info .cke_notification_message {
 }
 
 body .cke_notification_info .cke_notification_close {
-  top: var(--gin-spacing-xxs);
+  inset-block-start: var(--gin-spacing-xxs);
+  inset-inline-end: var(--gin-spacing-xxs);
   background: var(--gin-color-text);
   -webkit-mask-image: url("../../media/sprite.svg#close-view");
           mask-image: url("../../media/sprite.svg#close-view");
@@ -156,14 +152,6 @@ body .cke_notification_info .cke_notification_close {
           mask-size: 12px 12px;
 }
 
-[dir="ltr"] body .cke_notification_info .cke_notification_close {
-  right: var(--gin-spacing-xxs);
-}
-
-[dir="rtl"] body .cke_notification_info .cke_notification_close {
-  left: var(--gin-spacing-xxs);
-}
-
 .filter-tips {
   color: var(--gin-color-text-light);
 }

dist/css/components/ckeditor5.css

 .ck {
-  --ck-spacing-small: var(--gin-spacing-xxs);
   --ck-color-text: var(--gin-color-text);
   --ck-color-toolbar-background: var(--gin-bg-layer3);
   --ck-color-toolbar-border: var(--gin-border-color-form-element);
@@ -51,7 +50,11 @@
 
 .ck.ck-sticky-panel .ck-sticky-panel__content.ck-sticky-panel__content_sticky {
   z-index: 2;
-  top: calc(var(--gin-toolbar-y-offset) + var(--gin-sticky-offset)) !important;
+  inset-block-start: calc(var(--gin-toolbar-y-offset) + var(--gin-sticky-offset)) !important;
+}
+
+.ck[data-fullscreen=fullscreeneditor] .ck-sticky-panel__content.ck-sticky-panel__content_sticky {
+  inset-block-start: 0 !important;
 }
 
 .ck .ck-toolbar__separator {
@@ -67,17 +70,17 @@
   padding: 0 var(--gin-spacing-s);
 }
 
+.ck .ck.ck-content {
+  padding-bottom: var(--gin-spacing-l);
+}
+
 .ck .ck-button[aria-pressed=true] {
   color: var(--gin-color-primary-active);
   border: 2px solid var(--gin-color-primary);
 }
 
-[dir="ltr"] .ck .ck-button.ck-source-editing-button {
-  padding-left: var(--gin-spacing-m);
-}
-
-[dir="rtl"] .ck .ck-button.ck-source-editing-button {
-  padding-right: var(--gin-spacing-m);
+.ck .ck-button.ck-source-editing-button {
+  padding-inline-start: var(--gin-spacing-m);
 }
 
 .ck.ck-button:not(.ck-disabled):hover {
@@ -107,3 +110,8 @@
   background: var(--ck-color-image-caption-background);
 }
 
+.ck .ck.ck.ck-balloon-panel.ck-powered-by-balloon {
+  z-index: 2;
+  transform: translateY(-13px);
+}
+

dist/css/components/coffee.css

@@ -18,7 +18,7 @@
 
 #coffee-form #coffee-results a .description {
   color: var(--gin-color-text-light);
-  padding-top: var(--gin-spacing-xxs);
+  padding-block-start: var(--gin-spacing-xxs);
 }
 
 #coffee-form #coffee-results a:hover, #coffee-form #coffee-results a.ui-state-active {

dist/css/components/contextual_links.css

@@ -13,7 +13,8 @@
 .contextual .trigger::before {
   content: "";
   position: absolute;
-  top: 50%;
+  inset-block-start: 50%;
+  inset-inline-start: 50%;
   display: block;
   width: .75rem;
   height: .75rem;
@@ -27,12 +28,10 @@
 }
 
 [dir="ltr"] .contextual .trigger::before {
-  left: 50%;
   transform: translate(-50%, -50%);
 }
 
 [dir="rtl"] .contextual .trigger::before {
-  right: 50%;
   transform: translate(50%, -50%);
 }
 
@@ -47,11 +46,11 @@
 
 .contextual.open .trigger {
   border-radius: 50%;
-  border-bottom: 0 none;
+  border-block-end: 0 none;
 }
 
 .contextual-region .contextual .contextual-links {
-  top: var(--gin-spacing-xxs);
+  inset-block-start: var(--gin-spacing-xxs);
   padding: .5em;
   margin: 0;
   min-width: 120px;
@@ -87,26 +86,18 @@
 }
 
 .contextual-region .contextual .contextual-links .ajax-progress-throbber {
-  top: .125rem;
+  inset-block-start: .125rem;
   background: var(--gin-color-primary);
   border-radius: 50%;
 }
 
 .contextual-region .contextual .contextual-links .ajax-progress-throbber::before {
-  top: var(--gin-spacing-xxs);
+  inset-block-start: var(--gin-spacing-xxs);
+  inset-inline-start: var(--gin-spacing-xxs);
   width: 1rem;
   height: 1rem;
   border: 2px solid var(--gin-color-button-text);
-}
-
-[dir="ltr"] .contextual-region .contextual .contextual-links .ajax-progress-throbber::before {
-  left: var(--gin-spacing-xxs);
-  border-right: 2px dotted transparent;
-}
-
-[dir="rtl"] .contextual-region .contextual .contextual-links .ajax-progress-throbber::before {
-  right: var(--gin-spacing-xxs);
-  border-left: 2px dotted transparent;
+  border-inline-end: 2px dotted transparent;
 }
 
 .no-touchevents .contextual-region .contextual .contextual-links li a:hover, .no-touchevents .contextual-region .contextual .contextual-links li a:active {

dist/css/components/description_toggle.css

@@ -5,19 +5,13 @@
 .help-icon__description-toggle {
   all: unset;
   flex-shrink: 0;
+  margin-block: .1rem 0;
+  margin-inline: .3rem var(--gin-spacing-m);
   height: 16px;
   width: 16px;
   border-radius: 50%;
 }
 
-[dir="ltr"] .help-icon__description-toggle {
-  margin: .1rem var(--gin-spacing-m) 0 .3rem;
-}
-
-[dir="rtl"] .help-icon__description-toggle {
-  margin: .1rem .3rem 0 var(--gin-spacing-m);
-}
-
 .help-icon__description-toggle:before {
   background-color: var(--gin-icon-color);
   content: "";
@@ -44,71 +38,36 @@
   align-items: normal;
 }
 
-[dir="ltr"] .form-type--checkbox > .help-icon__element-has-description > label,
-[dir="ltr"] .form-type--radio > .help-icon__element-has-description > label {
-  margin-left: 6px;
-}
-
-[dir="rtl"] .form-type--checkbox > .help-icon__element-has-description > label,
-[dir="rtl"] .form-type--radio > .help-icon__element-has-description > label {
-  margin-right: 6px;
-}
-
-[dir="ltr"] .form-type--checkbox .checkbox-toggle + .help-icon,
-[dir="ltr"] .form-type--radio .checkbox-toggle + .help-icon {
-  padding-left: var(--gin-spacing-xxs);
-}
-
-[dir="rtl"] .form-type--checkbox .checkbox-toggle + .help-icon,
-[dir="rtl"] .form-type--radio .checkbox-toggle + .help-icon {
-  padding-right: var(--gin-spacing-xxs);
-}
-
-.form-type-checkbox .help-icon__element-has-description .checkbox-toggle {
-  width: 50px !important;
+.form-type--checkbox > .help-icon__element-has-description > label,
+.form-type--radio > .help-icon__element-has-description > label {
+  margin-inline-start: 6px;
 }
 
 .field-group-details.help-icon__description-container .help-icon__description-toggle {
-  margin-top: 0;
-}
-
-[dir="ltr"] fieldset:not(.fieldgroup) .help-icon > .fieldset__legend .fieldset__label {
-  padding-right: 0;
+  margin-block-start: 0;
 }
 
-[dir="rtl"] fieldset:not(.fieldgroup) .help-icon > .fieldset__legend .fieldset__label {
-  padding-left: 0;
+fieldset:not(.fieldgroup) .help-icon > .fieldset__legend .fieldset__label {
+  padding-inline-end: 0;
 }
 
 .field-group-fieldset > .help-icon > .help-icon__description-toggle,
 fieldset.media-library-widget .help-icon > .help-icon__description-toggle,
 .field--type-datetime fieldset .help-icon > .help-icon__description-toggle {
-  margin-top: 1rem;
+  margin-block-start: 1rem;
 }
 
-[dir="ltr"] .field-group-fieldset > .fieldset__description,
-[dir="ltr"] fieldset.media-library-widget .fieldset__description,
-[dir="ltr"] .field--type-datetime fieldset .fieldset__description {
-  padding-left: var(--gin-spacing-m);
-}
-
-[dir="rtl"] .field-group-fieldset > .fieldset__description,
-[dir="rtl"] fieldset.media-library-widget .fieldset__description,
-[dir="rtl"] .field--type-datetime fieldset .fieldset__description {
-  padding-right: var(--gin-spacing-m);
+.field-group-fieldset > .fieldset__description,
+fieldset.media-library-widget .fieldset__description,
+.field--type-datetime fieldset .fieldset__description {
+  padding-inline-start: var(--gin-spacing-m);
 }
 
 @media (min-width: 48em) {
-  [dir="ltr"] .field-group-fieldset > .fieldset__description,
-  [dir="ltr"] fieldset.media-library-widget .fieldset__description,
-  [dir="ltr"] .field--type-datetime fieldset .fieldset__description {
-    padding-left: var(--gin-spacing-l);
-  }
-
-  [dir="rtl"] .field-group-fieldset > .fieldset__description,
-  [dir="rtl"] fieldset.media-library-widget .fieldset__description,
-  [dir="rtl"] .field--type-datetime fieldset .fieldset__description {
-    padding-right: var(--gin-spacing-l);
+  .field-group-fieldset > .fieldset__description,
+  fieldset.media-library-widget .fieldset__description,
+  .field--type-datetime fieldset .fieldset__description {
+    padding-inline-start: var(--gin-spacing-l);
   }
 }
 
@@ -120,16 +79,7 @@ fieldset.media-library-widget .help-icon > .help-icon__description-toggle,
 .system-modules .table-filter .form-type--search .help-icon__description-toggle,
 .system-modules-uninstall .table-filter .form-type--search .help-icon__description-toggle {
   position: absolute;
-  top: var(--gin-spacing-m);
-}
-
-[dir="ltr"] .system-modules .table-filter .form-type--search .help-icon__description-toggle,
-[dir="ltr"] .system-modules-uninstall .table-filter .form-type--search .help-icon__description-toggle {
-  right: calc(var(--gin-spacing-xs) * -1);
-}
-
-[dir="rtl"] .system-modules .table-filter .form-type--search .help-icon__description-toggle,
-[dir="rtl"] .system-modules-uninstall .table-filter .form-type--search .help-icon__description-toggle {
-  left: calc(var(--gin-spacing-xs) * -1);
+  inset-inline-end: calc(var(--gin-spacing-xs) * -1);
+  inset-block-start: var(--gin-spacing-m);
 }
 

dist/css/components/dialog.css

@@ -12,24 +12,16 @@
 }
 
 .ui-dialog:not(.ui-dialog-off-canvas) .ui-dialog-content:first-of-type {
-  border-top-left-radius: var(--gin-border-m);
-  border-top-right-radius: var(--gin-border-m);
+  border-start-start-radius: var(--gin-border-m);
+  border-start-end-radius: var(--gin-border-m);
 }
 
 .ui-dialog:not(.ui-dialog-off-canvas) .layout-region-node-actions {
   position: absolute;
-  bottom: 0;
-  top: auto;
-}
-
-[dir="ltr"] .ui-dialog:not(.ui-dialog-off-canvas) .layout-region-node-actions {
-  left: var(--gin-spacing-m);
-  right: auto;
-}
-
-[dir="rtl"] .ui-dialog:not(.ui-dialog-off-canvas) .layout-region-node-actions {
-  right: var(--gin-spacing-m);
-  left: auto;
+  inset-block-end: 0;
+  inset-inline-start: var(--gin-spacing-m);
+  inset-block-start: auto;
+  inset-inline-end: auto;
 }
 
 .ui-dialog:not(.ui-dialog-off-canvas) .layout-region-node-secondary {
@@ -50,12 +42,19 @@
 
 .ui-dialog {
   position: absolute;
-  left: 0;
-  top: 0;
+  inset-block-start: 0;
   font-family: var(--gin-font);
   outline: none;
 }
 
+[dir="ltr"] .ui-dialog {
+  inset-inline-start: 0;
+}
+
+[dir="rtl"] .ui-dialog {
+  inset-inline-end: 0;
+}
+
 .ui-dialog, .ui-dialog:focus, .ui-dialog:focus:active, .ui-dialog:focus:hover {
   box-shadow: var(--gin-shadow-l1);
 }
@@ -71,7 +70,7 @@
 
 @media (forced-colors: active) {
   .ui-dialog .ui-dialog-titlebar {
-    border-bottom: 1px solid buttonBorder;
+    border-block-end: 1px solid buttonBorder;
   }
 }
 
@@ -80,41 +79,34 @@
   font-weight: var(--gin-font-weight-normal);
   color: #fff;
   width: 100%;
+  padding-inline-end: var(--gin-spacing-xl);
   box-sizing: border-box;
 }
 
-[dir="ltr"] .ui-dialog .ui-dialog-title {
-  padding-right: var(--gin-spacing-xl);
-}
-
-[dir="rtl"] .ui-dialog .ui-dialog-title {
-  padding-left: var(--gin-spacing-xl);
-}
-
 .ui-dialog .ui-dialog-content {
   color: var(--gin-color-text);
 }
 
 .ui-dialog .ui-widget-content.ui-dialog-buttonpane {
   padding: var(--gin-spacing-s) var(--gin-spacing-l);
-  border-top: 1px solid var(--gin-border-color-layer);
-  border-bottom-left-radius: var(--gin-border-m);
-  border-bottom-right-radius: var(--gin-border-m);
+  border-block-start: 1px solid var(--gin-border-color-layer);
+  border-end-start-radius: var(--gin-border-m);
+  border-end-end-radius: var(--gin-border-m);
   background: var(--gin-bg-app);
 }
 
 .ui-dialog .ui-widget-content.ui-dialog-buttonpane .button {
-  font-weight: var(--gin-font-weight-heavy);
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-[dir="ltr"] .ui-dialog .ui-widget-content.ui-dialog-buttonpane .button:last-of-type {
-  margin-right: 0;
+  font-family: var(--gin-font);
+  font-size: var(--gin-font-size-s);
+  font-weight: var(--gin-font-weight-semibold);
+  padding-block: calc(var(--gin-spacing-s) - 2px);
+  padding-inline: var(--gin-spacing-m);
+  margin-block: 0;
+  height: auto;
 }
 
-[dir="rtl"] .ui-dialog .ui-widget-content.ui-dialog-buttonpane .button:last-of-type {
-  margin-left: 0;
+.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button:last-of-type {
+  margin-inline-end: 0;
 }
 
 .ui-dialog .ui-widget-content.ui-dialog-buttonpane .button.button--danger,
@@ -123,12 +115,14 @@
 }
 
 .ui-dialog .ui-dialog-buttonset {
-  margin-top: 0;
+  margin-block-start: 0;
 }
 
 .ui-dialog .ui-dialog-titlebar-close {
   position: absolute;
-  top: 50%;
+  inset-block-start: 50%;
+  inset-inline-start: auto;
+  inset-inline-end: 0;
   width: 2rem;
   height: 2rem;
   opacity: .8;
@@ -138,20 +132,11 @@
   border: none;
 }
 
-[dir="ltr"] .ui-dialog .ui-dialog-titlebar-close {
-  left: auto;
-  right: 0;
-}
-
-[dir="rtl"] .ui-dialog .ui-dialog-titlebar-close {
-  right: auto;
-  left: 0;
-}
-
 .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
   width: 100%;
   height: 100%;
-  top: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   margin: 0;
   transform: none;
   background: #fff;
@@ -165,14 +150,6 @@
           mask-position: center center;
 }
 
-[dir="ltr"] .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
-  left: 0;
-}
-
-[dir="rtl"] .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
-  right: 0;
-}
-
 @media (forced-colors: active) {
   .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
     background: linktext;
@@ -184,31 +161,39 @@
 }
 
 .ui-dialog .ui-widget-content.ui-dialog-content {
-  padding-left: var(--gin-spacing-l);
-  padding-right: var(--gin-spacing-l);
+  padding-inline: var(--gin-spacing-l);
   background: var(--gin-bg-layer);
 }
 
 .ui-dialog .gin-layer-wrapper {
-  margin-bottom: var(--gin-spacing-l);
+  margin-block-end: var(--gin-spacing-l);
+}
+
+.ui-dialog .gin-confirm-form {
+  margin-block-start: var(--gin-spacing-m);
+  margin-block-end: var(--gin-spacing-s);
+}
+
+.ui-dialog.token-tree-dialog {
+  max-width: none;
+  z-index: 505;
 }
 
 .erl-overlay,
 .layout-paragraphs-dialog {
   position: fixed !important;
-  top: 50% !important;
+  inset-block-start: 50% !important;
+  inset-inline-start: 50% !important;
   width: calc(100% - var(--gin-spacing-xl)) !important;
 }
 
 [dir="ltr"] .erl-overlay,
 [dir="ltr"] .layout-paragraphs-dialog {
-  left: 50% !important;
   transform: translate(-50%, -50%);
 }
 
 [dir="rtl"] .erl-overlay,
 [dir="rtl"] .layout-paragraphs-dialog {
-  right: 50% !important;
   transform: translate(50%, -50%);
 }
 
@@ -229,12 +214,12 @@ ul.paragraphs-add-dialog-list {
 }
 
 .views-ui-dialog .views-offset-bottom {
-  border-top: 1px solid var(--gin-border-color);
+  border-block-start: 1px solid var(--gin-border-color);
 }
 
 @media (forced-colors: active) {
   .views-ui-dialog .views-offset-bottom {
-    border-top: none;
+    border-block-start: none;
   }
 }
 
@@ -280,7 +265,14 @@ table.treetable tr.branch {
 }
 
 .ui-dialog .gin-layer-wrapper {
-  margin-bottom: var(--gin-spacing-l);
-  margin-top: var(--gin-spacing-l);
+  margin-block: var(--gin-spacing-l);
+}
+
+.views-ui-dialog.views-ui-dialog > .ui-dialog-content {
+  padding: 0;
+}
+
+#drupal-modal .gin-sticky-form-actions.form-actions {
+  display: none;
 }