.cspell-project-words.txt

+addressbook
+ALTEA
+Árpád
+Autocompleter
+autofills
+Avalara
+bcmath
+Bleu
+blockcommerce
+Braintree
+Centarro
+colcategory
+commerceguys
+Cpath
+cpath
+Csvg
+Ctitle
+dinersclub
+Drupalcommerce
+EDT
+faultstring
+fewfsfs
+luhn
+Luhn
+Leros
+mailsystem
+MIDDLE
+modestbranding
+Panelizer
+Péter
+Popov
+pricelist
+Produit
+produit
+Produits
+quickedit
+Sentier
+SLRL
+subelement
+templatecache
+testuser
+Tordai
+twohundred
+Unregisters
+unionpay
+Unionpay
+varchar
+Vecsés
+variationdefaultprice
+vcard
+WSOD
+Zumba
+Åland
+Верзија
+производ
+супер

.gitlab-ci.yml

-################
-# DrupalCI GitLabCI template
-#
-# Gitlab-ci.yml to replicate DrupalCI testing for Contrib
-#
-# With thanks to:
-#   * The GitLab Acceleration Initiative participants
-#   * DrupalSpoons
-################
-
-################
-# Guidelines
-#
-# 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.
-#
-# However, you can modify this template if you have additional needs for your project.
-################
-
-################
-# Includes
-#
-# Additional configuration can be provided through includes.
-# One advantage of include files is that if they are updated upstream, the changes affect all pipelines using that include.
-#
-# Includes can be overridden by re-declaring anything provided in an include, here in gitlab-ci.yml
-# https://docs.gitlab.com/ee/ci/yaml/includes.html#override-included-configuration-values
-################
-
 include:
   ################
   # DrupalCI includes:
@@ -49,51 +21,11 @@ include:
 # Docs at https://git.drupalcode.org/project/gitlab_templates/-/blob/1.0.x/includes/include.drupalci.variables.yml
 ################
 variables:
+  # Broaden test coverage.
+  OPT_IN_TEST_NEXT_MAJOR: 1
+  OPT_IN_TEST_NEXT_MINOR: 1
+  OPT_IN_TEST_PREVIOUS_MAJOR: 1
+  OPT_IN_TEST_MAX_PHP: 1
   _PHPUNIT_CONCURRENT: "1"
-  _PHPUNIT_EXTRA: --suppress-deprecations
-
-###################################################################################
-#
-#                                        *
-#                                       /(
-#                                      ((((,
-#                                    /(((((((
-#                                   ((((((((((*
-#                                ,(((((((((((((((
-#                              ,(((((((((((((((((((
-#                            ((((((((((((((((((((((((*
-#                         *(((((((((((((((((((((((((((((
-#                       ((((((((((((((((((((((((((((((((((*
-#                    *((((((((((((((((((  .((((((((((((((((((
-#                  ((((((((((((((((((.       /(((((((((((((((((*
-#                /(((((((((((((((((            .(((((((((((((((((,
-#             ,((((((((((((((((((                 ((((((((((((((((((
-#           .((((((((((((((((((((                   .(((((((((((((((((
-#          (((((((((((((((((((((((                     ((((((((((((((((/
-#        (((((((((((((((((((((((((((/                    ,(((((((((((((((*
-#      .((((((((((((((/  /(((((((((((((.                   ,(((((((((((((((
-#     *((((((((((((((      ,(((((((((((((/                   *((((((((((((((.
-#    ((((((((((((((,          /(((((((((((((.                  ((((((((((((((,
-#   (((((((((((((/              ,(((((((((((((*                 ,(((((((((((((,
-#  *(((((((((((((                .(((((((((((((((                ,(((((((((((((
-#  ((((((((((((/                /((((((((((((((((((.              ,((((((((((((/
-# (((((((((((((              *(((((((((((((((((((((((*             *((((((((((((
-# (((((((((((((            ,(((((((((((((..(((((((((((((           *((((((((((((
-# ((((((((((((,          /((((((((((((*      /((((((((((((/         ((((((((((((
-# (((((((((((((        /((((((((((((/          (((((((((((((*       ((((((((((((
-# (((((((((((((/     /((((((((((((               ,((((((((((((,    *((((((((((((
-#  ((((((((((((((  *(((((((((((/                   *((((((((((((.  ((((((((((((/
-#  *((((((((((((((((((((((((((,                      /(((((((((((((((((((((((((
-#   (((((((((((((((((((((((((                         ((((((((((((((((((((((((,
-#   .(((((((((((((((((((((((/                         ,(((((((((((((((((((((((
-#     ((((((((((((((((((((((/                         ,(((((((((((((((((((((/
-#      *(((((((((((((((((((((                         (((((((((((((((((((((,
-#       ,(((((((((((((((((((((,                      ((((((((((((((((((((/
-#         ,(((((((((((((((((((((*                  /((((((((((((((((((((
-#            ((((((((((((((((((((((,           ,/((((((((((((((((((((,
-#              ,(((((((((((((((((((((((((((((((((((((((((((((((((((
-#                 .(((((((((((((((((((((((((((((((((((((((((((((
-#                     .((((((((((((((((((((((((((((((((((((,.
-#                          .,(((((((((((((((((((((((((.
-#
-###################################################################################
+  _PHPUNIT_EXTRA: --verbose --suppress-deprecations
+  _CSPELL_IGNORE_PATHS: 'modules/tax/tests/fixtures/*, modules/promotion/tests/src/Kernel/PromotionMultilingualTest.php'

README.md

 Drupal Commerce
 ===============
-[![Build Status](https://travis-ci.org/drupalcommerce/commerce.svg?branch=8.x-2.x)](https://travis-ci.org/drupalcommerce/commerce)
+[![Build Status](https://git.drupalcode.org/project/commerce/badges/3.0.x/pipeline.svg)](https://git.drupalcode.org/project/commerce/-/pipelines)
 
 Drupal Commerce is the leading flexible eCommerce solution for Drupal,
 powering over 60,000 online stores of all sizes.
 
-Please report bugs in the [issue queue](https://www.drupal.org/project/issues/commerce?version=8.x).
+Please report bugs in the [issue queue](https://www.drupal.org/project/issues/commerce?version=any_3.).
 
 [Documentation](http://docs.drupalcommerce.org)
 
-[Issue Tracker](https://www.drupal.org/project/issues/commerce?version=8.x)
+[Issue Tracker](https://www.drupal.org/project/issues/commerce?version=any_3.)
 
 ## Installation
 
@@ -20,3 +20,12 @@ composer create-project drupalcommerce/project-base mysite --stability dev --no-
 ```
 
 See the [install documentation](https://docs.drupalcommerce.org/commerce2/developer-guide/install-update/installation) for more details.
+
+## Disabling Partner banners
+
+Drupal Commerce modules occasionally link to offers from technology partners in
+contextually relevant portions of the administrative interface. To simplify
+disabling these, the project has established a pattern of all such banners
+respecting a setting you can set in your site's settings.php:
+
+`$settings['commerce_show_partner_banners'] = FALSE;`

commerce.field_type_categories.yml

+commerce:
+  label: 'Commerce'
+  description: 'Commerce related field types.'
+  weight: -40
+  libraries:
+    - commerce/field-ui
+
+plugin:
+  label: 'Plugin'
+  description: 'Plugin configurations'
+  weight: -40

commerce.info.yml

@@ -2,7 +2,7 @@ name: Commerce
 type: module
 description: 'Defines common functionality for all Commerce modules.'
 package: Commerce
-core_version_requirement: ^9.3 || ^10
+core_version_requirement: ^10.3 || ^11
 configure: commerce.configuration
 dependencies:
   - address:address

commerce.install

@@ -130,3 +130,33 @@ function commerce_update_8203() {
   );
   \Drupal::service('commerce.inbox_message_storage')->save($inbox_message);
 }
+
+/**
+ * Remove \Drupal\commerce\BundleFieldDefinition from field storage definitions.
+ */
+function commerce_update_8204() {
+  $old_string = 'O:37:"Drupal\\commerce\\BundleFieldDefinition":5:';
+  $new_string = 'O:35:"Drupal\\entity\\BundleFieldDefinition":5:';
+
+  $database = \Drupal::database();
+  $query = $database->select('key_value', 'kv')
+    ->fields('kv', ['name', 'value'])
+    ->condition('collection', 'entity.definitions.installed')
+    ->condition('name', '%.field_storage_definitions', 'LIKE');
+  $results = $query->execute();
+  $updated_count = 0;
+
+  foreach ($results as $row) {
+    $new_value = str_replace($old_string, $new_string, $row->value);
+    if ($new_value !== $row->value) {
+      $database->update('key_value')
+        ->fields(['value' => $new_value])
+        ->condition('collection', 'entity.definitions.installed')
+        ->condition('name', $row->name)
+        ->execute();
+      $updated_count++;
+    }
+  }
+
+  \Drupal::logger('commerce')->notice('Updated @count records in key_value table.', ['@count' => $updated_count]);
+}

commerce.libraries.yml

 base:
-  version: VERSION
   css:
     base:
       css/commerce.base.css: {}
 
+admin-layout:
+  css:
+    layout:
+      css/commerce.admin-layout.css: {}
+
 dashboard:
-  version: VERSION
   css:
     component:
       css/commerce.management-links.css: {}
@@ -21,12 +24,14 @@ dashboard:
     js/commerce.management-links.js: {}
 
 conditions:
-  version: VERSION
   js:
     js/conditions.js: {}
+  dependencies:
+    - core/drupal
+    - core/drupal.vertical-tabs
+    - core/jquery
 
 toolbar:
-  version: VERSION
   css:
     theme:
       css/commerce.toolbar.css: {}
@@ -34,7 +39,20 @@ toolbar:
     - commerce/base
 
 local-actions:
-  version: VERSION
   css:
     theme:
       css/commerce.local-actions.css: {}
+
+field-ui:
+  css:
+    theme:
+      css/commerce.field_ui.css: {}
+
+copy-link:
+  css:
+    theme:
+      css/commerce.copy-link.css: { }
+  js:
+    js/commerce.copy-link.js: { }
+  dependencies:
+    - commerce/base

commerce.module

@@ -5,14 +5,14 @@
  * Defines common functionality for all Commerce modules.
  */
 
-use Drupal\commerce\InboxMessage;
-use Drupal\commerce\RenderCallbacks;
 use Drupal\Component\Serialization\Json;
 use Drupal\Core\Field\BaseFieldDefinition;
 use Drupal\Core\Form\FormStateInterface;
 use Drupal\Core\Render\Element;
 use Drupal\Core\Site\Settings;
 use Drupal\Core\Url;
+use Drupal\commerce\InboxMessage;
+use Drupal\commerce\RenderCallbacks;
 
 /**
  * Implements hook_theme().
@@ -44,6 +44,12 @@ function commerce_theme($existing, $type, $theme, $path) {
         'autoplay' => TRUE,
       ],
     ],
+    'commerce_copy_link' => [
+      'variables' => [
+        'link' => NULL,
+        'title' => NULL,
+      ],
+    ],
   ];
 }
 
@@ -63,7 +69,8 @@ function commerce_mail($key, &$message, $params) {
     $message['from'] = $params['from'];
   }
   $message['subject'] = $params['subject'];
-  $message['body'][] = $renderer->renderPlain($params['body']);
+
+  $message['body'][] = $renderer->renderInIsolation($params['body']);
 }
 
 /**

commerce.services.yml

 services:
   commerce.configurable_field_manager:
     class: Drupal\commerce\ConfigurableFieldManager
-    arguments: ['@entity_type.manager']
+    autowire: true
+  Drupal\commerce\ConfigurableFieldManagerInterface: '@commerce.configurable_field_manager'
 
   commerce.credentials_check_flood:
     class: Drupal\commerce\CredentialsCheckFlood
-    arguments: ['@flood', '@entity_type.manager', '@config.factory']
+    autowire: true
+  Drupal\commerce\CredentialsCheckFloodInterface: '@commerce.credentials_check_flood'
 
   commerce.current_country:
     class: Drupal\commerce\CurrentCountry
-    arguments: ['@request_stack', '@commerce.chain_country_resolver']
+    autowire: true
+  Drupal\commerce\CurrentCountryInterface: '@commerce.current_country'
 
   commerce.chain_country_resolver:
     class: Drupal\commerce\Resolver\ChainCountryResolver
     tags:
       - { name: service_collector, call: addResolver, tag: commerce.country_resolver }
+  Drupal\commerce\Resolver\ChainCountryResolverInterface: '@commerce.chain_country_resolver'
 
   commerce.default_country_resolver:
     class: Drupal\commerce\Resolver\DefaultCountryResolver
-    arguments: ['@config.factory']
+    autowire: true
     tags:
       - { name: commerce.country_resolver, priority: -100 }
 
   commerce.current_locale:
     class: Drupal\commerce\CurrentLocale
-    arguments: ['@request_stack', '@commerce.chain_locale_resolver']
+    autowire: true
+  Drupal\commerce\CurrentLocaleInterface: '@commerce.current_locale'
 
   commerce.chain_locale_resolver:
     class: Drupal\commerce\Resolver\ChainLocaleResolver
     tags:
       - { name: service_collector, call: addResolver, tag: commerce.locale_resolver }
+  Drupal\commerce\Resolver\ChainLocaleResolverInterface: '@commerce.chain_locale_resolver'
 
   commerce.default_locale_resolver:
     class: Drupal\commerce\Resolver\DefaultLocaleResolver
-    arguments: ['@language_manager', '@commerce.current_country']
+    autowire: true
     tags:
       - { name: commerce.locale_resolver, priority: -100 }
 
   commerce.config_updater:
     class: Drupal\commerce\Config\ConfigUpdater
-    arguments: ['@entity_type.manager', '@config.storage', '@config.factory']
+    arguments: ['@entity_type.manager', '@config.storage', '@config.factory', '%install_profile%']
+  Drupal\commerce\Config\ConfigUpdaterInterface: '@commerce.config_updater'
 
   commerce.entity_uuid_mapper:
     class: Drupal\commerce\EntityUuidMapper
-    arguments: ['@database', '@entity_type.manager']
+    autowire: true
+  Drupal\commerce\EntityUuidMapperInterface: '@commerce.entity_uuid_mapper'
 
   commerce.twig_extension:
     class: Drupal\commerce\TwigExtension\CommerceTwigExtension
@@ -52,29 +60,34 @@ services:
 
   cache_context.country:
     class: Drupal\commerce\Cache\Context\CountryCacheContext
-    arguments: ['@commerce.current_country']
+    autowire: true
     tags:
       - { name: cache.context}
 
   plugin.manager.commerce_condition:
     class: Drupal\commerce\ConditionManager
     arguments: ['@container.namespaces', '@cache.discovery', '@module_handler', '@entity_type.manager', '@event_dispatcher']
+  Drupal\commerce\ConditionManagerInterface: '@plugin.manager.commerce_condition'
 
   plugin.manager.commerce_entity_trait:
     class: Drupal\commerce\EntityTraitManager
     arguments: ['@container.namespaces', '@cache.discovery', '@module_handler', '@commerce.configurable_field_manager']
+  Drupal\commerce\EntityTraitManagerInterface: '@plugin.manager.commerce_entity_trait'
 
   plugin.manager.commerce_inline_form:
     class: Drupal\commerce\InlineFormManager
     arguments: ['@container.namespaces', '@cache.discovery', '@module_handler']
+  Drupal\commerce\InlineFormManager: '@plugin.manager.commerce_inline_form'
 
   commerce.mail_handler:
     class: Drupal\commerce\MailHandler
-    arguments: ['@language.default', '@language_manager', '@plugin.manager.mail', '@event_dispatcher']
+    autowire: true
+  Drupal\commerce\MailHandlerInterface: '@commerce.mail_handler'
 
   commerce.purchasable_entity_type_repository:
     class: Drupal\commerce\PurchasableEntityTypeRepository
-    arguments: ['@entity_type.manager']
+    autowire: true
+  Drupal\commerce\PurchasableEntityTypeRepositoryInterface: '@commerce.purchasable_entity_type_repository'
 
   commerce.response_subscriber:
     class: Drupal\commerce\EventSubscriber\ResponseSubscriber
@@ -83,11 +96,13 @@ services:
 
   commerce.inbox_message_storage:
     class: Drupal\commerce\InboxMessageStorage
-    arguments: ['@database']
+    autowire: true
+  Drupal\commerce\InboxMessageStorageInterface: '@commerce.inbox_message_storage'
 
   commerce.inbox_message_fetcher:
     class: Drupal\commerce\InboxMessageFetcher
-    arguments: ['@http_client', '@commerce.logger', '@module_handler', '@commerce.inbox_message_storage', '@date.formatter']
+    arguments: ['@http_client', '@commerce.logger', '@module_handler', '@commerce.inbox_message_storage', '@date.formatter', '@state', '@datetime.time']
+  Drupal\commerce\InboxMessageFetcherInterface: '@commerce.inbox_message_fetcher'
 
   commerce.logger:
     class: Drupal\Core\Logger\LoggerChannel
@@ -96,4 +111,4 @@ services:
 
   commerce.lazy_builders:
     class: Drupal\commerce\LazyBuilders
-    arguments: [ '@plugin.manager.element_info', '@commerce.inbox_message_storage']
+    autowire: true

composer.json

@@ -5,9 +5,9 @@
     "homepage": "https://drupal.org/project/commerce",
     "license": "GPL-2.0-or-later",
     "require": {
-        "php": "^8.0",
+        "php": "^8.1",
         "ext-bcmath": "*",
-        "drupal/core": "^9.3 || ^10",
+        "drupal/core": "^10.3 || ^11",
         "drupal/address": "^2.0",
         "drupal/entity": "^1.0",
         "drupal/entity_reference_revisions": "~1.0",
@@ -15,11 +15,10 @@
         "drupal/profile": "^1.2",
         "drupal/state_machine": "^1.5",
         "drupal/token": "^1.7",
-        "commerceguys/intl": "^2.0.2"
+        "commerceguys/intl": "^2.0.6"
     },
     "require-dev": {
         "drupal/entity_print": "^2.2",
-        "drupal/panelizer": "^5.0",
         "drupal/physical": "^1.3",
         "drupal/mailsystem": "^4.3"
     },

css/commerce.admin-layout.css

+/**
+ * Commerce Layouts.
+ */
+
+:root {
+  --commerce-layout-sidebar-width: 22.5rem;
+  --commerce-layout-content-width: 100%;
+}
+
+.layout-region {
+  box-sizing: border-box;
+}
+
+.layout-region--commerce-footer .layout-region__content {
+  margin-top: 1.5rem;
+}
+
+/**
+ * Wide screens form and admin pages layout.
+ */
+@media (min-width: 61rem) {
+  .layout-commerce-admin,
+  .layout-commerce-form {
+    display: grid;
+    grid-template-rows: auto 1fr;
+    gap: 2rem;
+  }
+
+  .layout-commerce-admin {
+    grid-template-columns: minmax(0, 3fr) minmax(auto, 1fr);
+  }
+
+  .layout-commerce-form {
+    grid-template-columns: minmax(0, 3fr) minmax(
+        var(--commerce-layout-sidebar-width),
+        1fr
+      );
+  }
+
+  .layout-region--commerce-main,
+  .layout-region--commerce-footer {
+    grid-column: 1;
+    margin-inline: auto;
+    width: var(--commerce-layout-content-width);
+  }
+
+  /* Push sidebar down to horizontal align with form section. */
+  .layout-region--commerce-secondary {
+    grid-row: span 2;
+    margin-block-start: 2rem;
+  }
+}

css/commerce.base.css

@@ -14,14 +14,17 @@
   --commerce-color--border: rgba(212, 212, 218, 0.8);
   --commerce-color--icon-bg: #828388;
   /* Icons */
+  --commerce-icon--drupal-cart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='32' viewBox='0 0 20 32'%3E%3Cpath d='M17 24.5c0 .8-.7 1.5-1.5 1.5s-1.5-.7-1.5-1.5v-2.5h3v2.5zm-9 0c0 .8-.7 1.5-1.5 1.5s-1.5-.7-1.5-1.5v-2.5h3v2.5zm8.1-4.5c.7 0 1.4-.5 1.6-1.3l1.5-5.7c.1-.6-.3-2-1.2-2h-1c-.3-2-2-4-4.5-5-.8-.3-1.4-1.2-1.9-2-.3 1.2-.1 1.8-1.9 2.6-1.7.8-2.9 2.4-3.2 4.4h-1.4l-.2-.1-.9-.9v-.5c0-.8-.7-1.5-1.5-1.5s-1.5.7-1.5 1.5.7 1.5 1.5 1.5h.5l1.1 1v.1l1.9 6.7c.1.3.2.5.5.7l-3.5 2.5 1 1h16.2l-1-2h-13.1l2-1h9zm-.1-7h1v1h-1v-1zm0 2h1v1h-1v-1zm-10 2h1v1h-1v-1zm8-4h1v1h-1v-1zm0 2h1v1h-1v-1zm0 2h1v1h-1v-1zm-2-4h1v1h-1v-1zm0 2h1v1h-1v-1zm0 2h1v1h-1v-1zm-2-4h1v1h-1v-1zm0 2h1v1h-1v-1zm0 2h1v1h-1v-1zm-2-4h1v1h-1v-1zm0 2h1v1h-1v-1zm0 2h1v1h-1v-1zm-1-1h-1v-1h1v1zm0-2h-1v-1h1v1z'/%3E%3C/svg%3E");
   --commerce-icon--bag-heart-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M11.5 4v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4zM8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1m0 6.993c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132'/%3E%3C/svg%3E");
   --commerce-icon--bell-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2m.995-14.901a1 1 0 1 0-1.99 0A5.002 5.002 0 0 0 3 6c0 1.098-.5 6-2 7h14c-1.5-1-2-5.902-2-7 0-2.42-1.72-4.44-4.005-4.901z'/%3E%3C/svg%3E");
   --commerce-icon--bar-chart-line-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M11 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h1V7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7h1z'/%3E%3C/svg%3E");
   --commerce-icon--bookmark-star-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2 15.5V2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.74.439L8 13.069l-5.26 2.87A.5.5 0 0 1 2 15.5M8.16 4.1a.178.178 0 0 0-.32 0l-.634 1.285a.178.178 0 0 1-.134.098l-1.42.206a.178.178 0 0 0-.098.303L6.58 6.993c.042.041.061.1.051.158L6.39 8.565a.178.178 0 0 0 .258.187l1.27-.668a.178.178 0 0 1 .165 0l1.27.668a.178.178 0 0 0 .257-.187L9.368 7.15a.178.178 0 0 1 .05-.158l1.028-1.001a.178.178 0 0 0-.098-.303l-1.42-.206a.178.178 0 0 1-.134-.098z'/%3E%3C/svg%3E");
   --commerce-icon--box-seam-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M15.528 2.973a.75.75 0 0 1 .472.696v8.662a.75.75 0 0 1-.472.696l-7.25 2.9a.75.75 0 0 1-.557 0l-7.25-2.9A.75.75 0 0 1 0 12.331V3.669a.75.75 0 0 1 .471-.696L7.443.184l.01-.003.268-.108a.75.75 0 0 1 .558 0l.269.108.01.003 6.97 2.789ZM10.404 2 4.25 4.461 1.846 3.5 1 3.839v.4l6.5 2.6v7.922l.5.2.5-.2V6.84l6.5-2.6v-.4l-.846-.339L8 5.961 5.596 5l6.154-2.461z'/%3E%3C/svg%3E");
   --commerce-icon--cart-plus-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M.5 1a.5.5 0 0 0 0 1h1.11l.401 1.607 1.498 7.985A.5.5 0 0 0 4 12h1a2 2 0 1 0 0 4 2 2 0 0 0 0-4h7a2 2 0 1 0 0 4 2 2 0 0 0 0-4h1a.5.5 0 0 0 .491-.408l1.5-8A.5.5 0 0 0 14.5 3H2.89l-.405-1.621A.5.5 0 0 0 2 1zM6 14a1 1 0 1 1-2 0 1 1 0 0 1 2 0m7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0M9 5.5V7h1.5a.5.5 0 0 1 0 1H9v1.5a.5.5 0 0 1-1 0V8H6.5a.5.5 0 0 1 0-1H8V5.5a.5.5 0 0 1 1 0'/%3E%3C/svg%3E");
+  --commerce-icon--checked-lg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425z'%3E%3C/path%3E%3C/svg%3E");
   --commerce-icon--clipboard-check-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 0A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0zm3 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5z'/%3E%3Cpath d='M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1A2.5 2.5 0 0 1 9.5 5h-3A2.5 2.5 0 0 1 4 2.5zm6.854 7.354-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7.5 10.793l2.646-2.647a.5.5 0 0 1 .708.708Z'/%3E%3C/svg%3E");
   --commerce-icon--clipboard-data-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 0A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0zm3 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5z'/%3E%3Cpath d='M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1A2.5 2.5 0 0 1 9.5 5h-3A2.5 2.5 0 0 1 4 2.5zM10 8a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0zm-6 4a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0zm4-3a1 1 0 0 1 1 1v3a1 1 0 1 1-2 0v-3a1 1 0 0 1 1-1'/%3E%3C/svg%3E");
+  --commerce-icon--copy-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M 5.972656 9.5 C 4.972656 9.5 4.070312 8.898438 3.6875 7.972656 C 3.304688 7.046875 3.515625 5.984375 4.222656 5.277344 L 6.777344 2.722656 C 7.742188 1.757812 9.308594 1.757812 10.277344 2.722656 C 11.242188 3.691406 11.242188 5.257812 10.277344 6.222656 L 10 6.5 L 9.292969 5.792969 L 9.570312 5.515625 C 10.144531 4.9375 10.144531 4.007812 9.570312 3.433594 C 8.984375 2.875 8.066406 2.875 7.484375 3.433594 L 4.929688 5.984375 C 4.355469 6.558594 4.355469 7.492188 4.929688 8.066406 C 5.515625 8.625 6.433594 8.625 7.015625 8.066406 L 7.722656 8.777344 C 7.261719 9.242188 6.628906 9.5 5.972656 9.5 Z M 5.972656 9.5 '/%3E%3Cpath d='M 9.972656 8.5 C 8.972656 8.5 8.070312 7.898438 7.6875 6.972656 C 7.304688 6.046875 7.515625 4.984375 8.222656 4.277344 L 8.5 4 L 9.207031 4.707031 L 8.929688 4.984375 C 8.355469 5.558594 8.355469 6.492188 8.929688 7.066406 C 9.515625 7.625 10.433594 7.625 11.015625 7.066406 C 11.144531 6.9375 13.382812 4.703125 13.570312 4.515625 C 14.144531 3.941406 14.144531 3.007812 13.570312 2.433594 C 12.984375 1.875 12.066406 1.875 11.484375 2.433594 L 10.777344 1.722656 C 11.742188 0.761719 13.308594 0.761719 14.273438 1.726562 C 15.238281 2.691406 15.242188 4.257812 14.277344 5.222656 C 14.085938 5.410156 11.855469 7.644531 11.722656 7.773438 C 11.261719 8.242188 10.628906 8.5 9.972656 8.5 Z M 9.972656 8.5 '/%3E%3Cpath d='M 12 15 L 2 15 C 1.449219 15 1 14.550781 1 14 L 1 4 C 1 3.449219 1.449219 3 2 3 L 4 3 L 4 4 L 2 4 L 2 14 L 12 14 L 12 9 L 13 9 L 13 14 C 13 14.550781 12.550781 15 12 15 Z M 12 15 '/%3E%3C/svg%3E");
   --commerce-icon--envelope-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z'/%3E%3C/svg%3E");
   --commerce-icon--envelope-plus-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558zM6.761 8.83l-6.57 4.026A2 2 0 0 0 2 14h6.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.606-3.446l-.367-.225L8 9.586l-1.239-.757ZM16 4.697v4.974A4.491 4.491 0 0 0 12.5 8a4.49 4.49 0 0 0-1.965.45l-.338-.207z'/%3E%3Cpath d='M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0m-3.5-2a.5.5 0 0 0-.5.5v1h-1a.5.5 0 0 0 0 1h1v1a.5.5 0 0 0 1 0v-1h1a.5.5 0 0 0 0-1h-1v-1a.5.5 0 0 0-.5-.5'/%3E%3C/svg%3E");
   --commerce-icon--file-earmark-ruled-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0M9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1M3 9h10v1H6v2h7v1H6v2H5v-2H3v-1h2v-2H3z'/%3E%3C/svg%3E");
@@ -29,10 +32,10 @@
   --commerce-icon--inbox-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M4.98 4a.5.5 0 0 0-.39.188L1.54 8H6a.5.5 0 0 1 .5.5 1.5 1.5 0 1 0 3 0A.5.5 0 0 1 10 8h4.46l-3.05-3.812A.5.5 0 0 0 11.02 4zm-1.17-.437A1.5 1.5 0 0 1 4.98 3h6.04a1.5 1.5 0 0 1 1.17.563l3.7 4.625a.5.5 0 0 1 .106.374l-.39 3.124A1.5 1.5 0 0 1 14.117 13H1.883a1.5 1.5 0 0 1-1.489-1.314l-.39-3.124a.5.5 0 0 1 .106-.374l3.7-4.625z'/%3E%3C/svg%3E");
   --commerce-icon--list: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
   --commerce-icon--person-vcard-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm9 1.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 0-1h-4a.5.5 0 0 0-.5.5M9 8a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 0-1h-4A.5.5 0 0 0 9 8m1 2.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.5.5m-1 2C9 10.567 7.21 9 5 9c-2.086 0-3.8 1.398-3.984 3.181A1 1 0 0 0 2 13h6.96c.026-.163.04-.33.04-.5M7 6a2 2 0 1 0-4 0 2 2 0 0 0 4 0'/%3E%3C/svg%3E");
-  --commerce-icon--refresh: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' role='img' aria-labelledby='refresh-icon-194'%3E%3Ctitle id='refresh-icon-194'%3ERefresh icon%3C/title%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 7.79382V6.00093C8.69 6.00093 6 8.69093 6 12.0009C6 12.7372 6.13285 13.4469 6.37917 14.099C6.54107 14.5276 6.47781 15.0231 6.15384 15.3471C5.68515 15.8158 4.89897 15.7282 4.63828 15.1188C4.22917 14.1624 4 13.1091 4 12.0009C4 7.58093 7.58 4.00093 12 4.00093V2.20803C12 1.76258 12.5386 1.5395 12.8536 1.85448L15.6464 4.64737C15.8417 4.84264 15.8417 5.15922 15.6464 5.35448L12.8536 8.14737C12.5386 8.46236 12 8.23927 12 7.79382ZM17.8411 8.65985C18.3124 8.18855 19.103 8.27665 19.3646 8.88969C19.7719 9.84428 20 10.8953 20 12.0009C20 16.4209 16.42 20.0009 12 20.0009V21.7938C12 22.2393 11.4614 22.4623 11.1464 22.1474L8.35355 19.3545C8.15829 19.1592 8.15829 18.8426 8.35355 18.6474L11.1464 15.8545C11.4614 15.5395 12 15.7626 12 16.208V18.0009C15.31 18.0009 18 15.3109 18 12.0009C18 11.2614 17.8606 10.5541 17.6132 9.89852C17.4525 9.4726 17.5192 8.98175 17.8411 8.65985Z'%3E%3C/path%3E%3C/svg%3E");;
+  --commerce-icon--refresh: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' role='img' aria-labelledby='refresh-icon-194'%3E%3Ctitle id='refresh-icon-194'%3ERefresh icon%3C/title%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 7.79382V6.00093C8.69 6.00093 6 8.69093 6 12.0009C6 12.7372 6.13285 13.4469 6.37917 14.099C6.54107 14.5276 6.47781 15.0231 6.15384 15.3471C5.68515 15.8158 4.89897 15.7282 4.63828 15.1188C4.22917 14.1624 4 13.1091 4 12.0009C4 7.58093 7.58 4.00093 12 4.00093V2.20803C12 1.76258 12.5386 1.5395 12.8536 1.85448L15.6464 4.64737C15.8417 4.84264 15.8417 5.15922 15.6464 5.35448L12.8536 8.14737C12.5386 8.46236 12 8.23927 12 7.79382ZM17.8411 8.65985C18.3124 8.18855 19.103 8.27665 19.3646 8.88969C19.7719 9.84428 20 10.8953 20 12.0009C20 16.4209 16.42 20.0009 12 20.0009V21.7938C12 22.2393 11.4614 22.4623 11.1464 22.1474L8.35355 19.3545C8.15829 19.1592 8.15829 18.8426 8.35355 18.6474L11.1464 15.8545C11.4614 15.5395 12 15.7626 12 16.208V18.0009C15.31 18.0009 18 15.3109 18 12.0009C18 11.2614 17.8606 10.5541 17.6132 9.89852C17.4525 9.4726 17.5192 8.98175 17.8411 8.65985Z'%3E%3C/path%3E%3C/svg%3E");
   --commerce-icon--store: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8 4.2H1L0 10V12H1V18H11V12H15V18H17V12H18V10L16.8 4.2ZM8.7 16H3.2V12H8.7V16ZM1 2.5V0.5H17V2.5C17 3.1 16.6 3.5 16 3.5C15.4 3.5 15 3.1 15 2.5C15 3.1 14.6 3.5 14 3.5C13.4 3.5 13 3.1 13 2.5C13 3.1 12.6 3.5 12 3.5C11.4 3.5 11 3.1 11 2.5C11 3.1 10.6 3.5 10 3.5C9.4 3.5 9 3.1 9 2.5C9 3.1 8.6 3.5 8 3.5C7.4 3.5 7 3.1 7 2.5C7 3.1 6.6 3.5 6 3.5C5.4 3.5 5 3.1 5 2.5C5 3.1 4.6 3.5 4 3.5C3.4 3.5 3 3.1 3 2.5C3 3.1 2.6 3.5 2 3.5C1.4 3.5 1 3.1 1 2.5Z' /%3E%3C/svg%3E%0A");
   --commerce-icon--tags-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'  viewBox='0 0 16 16'%3E%3Cpath d='M2 2a1 1 0 0 1 1-1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 2 6.586zm3.5 4a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3'/%3E%3Cpath d='M1.293 7.793A1 1 0 0 1 1 7.086V2a1 1 0 0 0-1 1v4.586a1 1 0 0 0 .293.707l7 7a1 1 0 0 0 1.414 0l.043-.043-7.457-7.457z'/%3E%3C/svg%3E");
   --commerce-icon--truck-front-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0A2.5 2.5 0 0 0 1 2.5v9c0 .818.393 1.544 1 2v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5V14h6v1.5a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2c.607-.456 1-1.182 1-2v-9A2.5 2.5 0 0 0 12.5 0zM3 3a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v3.9c0 .625-.562 1.092-1.17.994C10.925 7.747 9.208 7.5 8 7.5c-1.208 0-2.925.247-3.83.394A1.008 1.008 0 0 1 3 6.9zm1 9a1 1 0 1 1 0-2 1 1 0 0 1 0 2m8 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2m-5-2h2a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2'/%3E%3C/svg%3E");
   --commerce-icon--x-lg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
-  --commerce-icon--x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
+  --commerce-icon--x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
 }

css/commerce.copy-link.css

+.commerce-copy-link {
+  --copy-icon: var(--commerce-icon--copy-link);
+
+  width: 1em;
+  height: 1em;
+  padding: 0.25em 0.25em;
+  cursor: pointer;
+  color: inherit;
+  border: 0;
+  background-color: currentColor;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  mask-position: center;
+  -webkit-mask-size: 1em;
+  mask-size: 1em;
+  -webkit-mask-image: var(--copy-icon);
+  mask-image: var(--copy-icon);
+}
+
+.commerce-copy-link.copied {
+  --copy-icon: var(--commerce-icon--checked-lg);
+}

css/commerce.dashboard.css

@@ -21,7 +21,7 @@
 }
 
 .commerce-dashboard .ext-link::after {
-  margin-left: .25rem;
+  margin-left: 0.25rem;
   content: "\2197\0020";
   white-space: nowrap;
 }
@@ -45,8 +45,8 @@
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  font-size: .75rem;
-  gap: .5rem;
+  font-size: 0.75rem;
+  gap: 0.5rem;
 }
 
 .commerce-dashboard__refresh .link {
@@ -96,6 +96,6 @@
     -webkit-box-align: center;
     -ms-flex-align: center;
     -webkit-box-pack: justify;
-    gap: .5rem;
+    gap: 0.5rem;
   }
 }

css/commerce.field_ui.css

+/**
+ * @file
+ * Commerce styling for the field UI.
+ */
+
+.field-icon-commerce {
+  background-image: url("../icons/000000/drupal-cart.svg");
+}

css/commerce.inbox.css

@@ -66,7 +66,7 @@
   -webkit-column-gap: 0.5rem;
   -moz-column-gap: 0.5rem;
   column-gap: 0.5rem;
-  font-size: .75rem;
+  font-size: 0.75rem;
 }
 
 .commerce-dashboard--inbox .inbox-message__time {
@@ -98,7 +98,7 @@
 .commerce-dashboard--inbox .inbox-message__message {
   display: block;
   min-width: 0;
-  font-size: .875rem;
+  font-size: 0.875rem;
 }
 
 .commerce-dashboard--inbox .inbox-message__subject {
@@ -106,15 +106,15 @@
 }
 
 .commerce-dashboard--inbox .inbox-message__actions {
-  margin-top: .5rem;
+  margin-top: 0.5rem;
 }
 
 .commerce-dashboard--inbox .inbox-message__actions .message-dismiss {
-  font-size: .875rem;
+  font-size: 0.875rem;
 }
 
 .commerce-dashboard--inbox .inbox-message__actions .button + .message-dismiss {
-  margin-inline-start: .5rem;
+  margin-inline-start: 0.5rem;
 }
 
 /* Unread */
@@ -143,7 +143,7 @@
   display: block;
   width: 0.5rem;
   height: 0.5rem;
-  content: '';
+  content: "";
   border-radius: 0.375rem;
   background-color: var(--commerce-color--warning);
 }

css/commerce.local-actions.css

@@ -10,9 +10,9 @@
   -ms-flex-pack: justify;
   align-items: center;
   justify-content: space-between;
-  -webkit-column-gap: .25rem;
-  -moz-column-gap: .25rem;
-  column-gap: .25rem;
+  -webkit-column-gap: 0.25rem;
+  -moz-column-gap: 0.25rem;
+  column-gap: 0.25rem;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-box-pack: justify;

css/commerce.management-links.css

@@ -25,7 +25,7 @@
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  padding: .75rem 1.125rem;
+  padding: 0.75rem 1.125rem;
   text-decoration: none;
   color: var(--commerce-color--dark);
   border: 1px solid var(--commerce-color--border);
@@ -52,7 +52,7 @@
   display: block;
   width: 100%;
   height: 100%;
-  content: '';
+  content: "";
   background-color: white;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
@@ -66,7 +66,7 @@
 
 /* Mobile toggle */
 .commerce-dashboard--management-links .management-links-toggle {
-  padding: .25rem .5rem;
+  padding: 0.25rem 0.5rem;
   border: 0;
   border: 1px solid var(--commerce-color--border);
   background-color: transparent;
@@ -83,44 +83,55 @@
   background-size: 100%;
 }
 
-.commerce-dashboard--management-links .management-links-toggle.active .management-links-toggle__icon {
+.commerce-dashboard--management-links
+  .management-links-toggle.active
+  .management-links-toggle__icon {
   background-image: var(--commerce-icon--x);
 }
 
 /* Icons */
-.commerce-dashboard--management-links .management-link--entity-commerce-order-collection {
+.commerce-dashboard--management-links
+  .management-link--entity-commerce-order-collection {
   --management-icon: var(--commerce-icon--clipboard-check-fill);
 }
 
-.commerce-dashboard--management-links .management-link--entity-commerce-product-collection {
+.commerce-dashboard--management-links
+  .management-link--entity-commerce-product-collection {
   --management-icon: var(--commerce-icon--box-seam-fill);
 }
 
-.commerce-dashboard--management-links .management-link--entity-commerce-promotion-collection {
+.commerce-dashboard--management-links
+  .management-link--entity-commerce-promotion-collection {
   --management-icon: var(--commerce-icon--bookmark-star-fill);
 }
 
-.commerce-dashboard--management-links .management-link--entity-commerce-license-collection {
+.commerce-dashboard--management-links
+  .management-link--entity-commerce-license-collection {
   --management-icon: var(--commerce-icon--person-vcard-fill);
 }
 
-.commerce-dashboard--management-links .management-link--entity-commerce-pricelist-collection {
+.commerce-dashboard--management-links
+  .management-link--entity-commerce-pricelist-collection {
   --management-icon: var(--commerce-icon--tags-fill);
 }
 
-.commerce-dashboard--management-links .management-link--entity-commerce-shipping-method-collection {
+.commerce-dashboard--management-links
+  .management-link--entity-commerce-shipping-method-collection {
   --management-icon: var(--commerce-icon--truck-front-fill);
 }
 
-.commerce-dashboard--management-links .management-link--entity-commerce-subscription-collection {
+.commerce-dashboard--management-links
+  .management-link--entity-commerce-subscription-collection {
   --management-icon: var(--commerce-icon--envelope-plus-fill);
 }
 
-.commerce-dashboard--management-links .management-link--entity-commerce-wishlist-collection {
+.commerce-dashboard--management-links
+  .management-link--entity-commerce-wishlist-collection {
   --management-icon: var(--commerce-icon--bag-heart-fill);
 }
 
-.commerce-dashboard--management-links .management-link--entity-commerce-invoice-collection {
+.commerce-dashboard--management-links
+  .management-link--entity-commerce-invoice-collection {
   --management-icon: var(--commerce-icon--file-earmark-ruled-fill);
 }
 

css/commerce.metrics.css

@@ -64,7 +64,7 @@
   display: block;
   width: 100%;
   height: 100%;
-  content: '';
+  content: "";
   background-color: white;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;

css/commerce.toolbar.css

@@ -3,26 +3,95 @@
  * Commerce toolbar icon styling.
  */
 
-/* Bar styling (first row), currently unused. */
-.toolbar-bar .toolbar-icon-commerce-admin-commerce::before {
-  background-image: url("../icons/bebebe/drupal-cart.svg");
-}
-.toolbar-bar .toolbar-icon-commerce-admin-commerce:active::before {
-  background-image: url("../icons/ffffff/drupal-cart.svg");
+.toolbar .toolbar-icon.toolbar-icon-commerce-inbox::before,
+.toolbar-tray .toolbar-icon.toolbar-icon-commerce-admin-commerce::before,
+.toolbar-tray
+  .toolbar-icon.toolbar-icon-entity-commerce-order-collection::before,
+.toolbar-tray
+  .toolbar-icon.toolbar-icon-entity-commerce-product-collection::before,
+.toolbar-tray
+  .toolbar-icon.toolbar-icon-entity-commerce-promotion-collection::before,
+.toolbar-tray
+  .toolbar-icon.toolbar-icon-entity-commerce-license-collection::before,
+.toolbar-tray
+  .toolbar-icon.toolbar-icon-entity-commerce-pricelist-collection::before,
+.toolbar-tray
+  .toolbar-icon.toolbar-icon-entity-commerce-shipping-method-collection::before,
+.toolbar-tray
+  .toolbar-icon.toolbar-icon-entity-commerce-subscription-collection::before,
+.toolbar-tray
+  .toolbar-icon.toolbar-icon-entity-commerce-wishlist-collection::before,
+.toolbar-tray
+  .toolbar-icon.toolbar-icon-entity-commerce-invoice-collection::before {
+  background-color: currentColor;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  mask-position: center;
 }
 
-/* Tray styling (second row) */
 .toolbar-tray .toolbar-icon.toolbar-icon-commerce-admin-commerce::before {
-  background-image: url("../icons/787878/drupal-cart.svg");
+  -webkit-mask-image: var(--commerce-icon--drupal-cart);
+  mask-image: var(--commerce-icon--drupal-cart);
+}
+
+.toolbar-tray
+  .toolbar-icon.toolbar-icon-entity-commerce-order-collection::before {
+  -webkit-mask-image: var(--commerce-icon--clipboard-check-fill);
+  mask-image: var(--commerce-icon--clipboard-check-fill);
+}
+
+.toolbar-tray
+  .toolbar-icon.toolbar-icon-entity-commerce-product-collection::before {
+  -webkit-mask-image: var(--commerce-icon--box-seam-fill);
+  mask-image: var(--commerce-icon--box-seam-fill);
+}
+
+.toolbar-tray
+  .toolbar-icon.toolbar-icon-entity-commerce-promotion-collection::before {
+  -webkit-mask-image: var(--commerce-icon--bookmark-star-fill);
+  mask-image: var(--commerce-icon--bookmark-star-fill);
+}
+
+.toolbar-tray
+  .toolbar-icon.toolbar-icon-entity-commerce-license-collection::before {
+  -webkit-mask-image: var(--commerce-icon--person-vcard-fill);
+  mask-image: var(--commerce-icon--person-vcard-fill);
 }
-.toolbar-tray .toolbar-icon.toolbar-icon-commerce-admin-commerce:active::before,
-.toolbar-tray .toolbar-icon.toolbar-icon-commerce-admin-commerce.is-active::before {
-  background-image: url("../icons/000000/drupal-cart.svg");
+
+.toolbar-tray
+  .toolbar-icon.toolbar-icon-entity-commerce-pricelist-collection::before {
+  -webkit-mask-image: var(--commerce-icon--tags-fill);
+  mask-image: var(--commerce-icon--tags-fill);
+}
+
+.toolbar-tray
+  .toolbar-icon.toolbar-icon-entity-commerce-shipping-method-collection::before {
+  -webkit-mask-image: var(--commerce-icon--truck-front-fill);
+  mask-image: var(--commerce-icon--truck-front-fill);
+}
+
+.toolbar-tray
+  .toolbar-icon.toolbar-icon-entity-commerce-subscription-collection::before {
+  -webkit-mask-image: var(--commerce-icon--envelope-plus-fill);
+  mask-image: var(--commerce-icon--envelope-plus-fill);
+}
+
+.toolbar-tray
+  .toolbar-icon.toolbar-icon-entity-commerce-wishlist-collection::before {
+  -webkit-mask-image: var(--commerce-icon--bag-heart-fill);
+  mask-image: var(--commerce-icon--bag-heart-fill);
+}
+
+.toolbar-tray
+  .toolbar-icon.toolbar-icon-entity-commerce-invoice-collection::before {
+  -webkit-mask-image: var(--commerce-icon--file-earmark-ruled-fill);
+  mask-image: var(--commerce-icon--file-earmark-ruled-fill);
 }
 
 .toolbar .toolbar-icon.toolbar-icon-commerce-inbox span {
   position: absolute;
-  top: .5rem;
+  top: 0.5rem;
   left: 1.375rem;
   display: block;
   display: -webkit-inline-box;
@@ -38,20 +107,15 @@
   border: 1px solid currentColor;
   border-radius: 50%;
   background: white;
-  font-size: .5rem;
+  font-size: 0.5rem;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-box-pack: center;
 }
 
 .toolbar .toolbar-icon.toolbar-icon-commerce-inbox::before {
-  background-color: currentColor;
   -webkit-mask-image: var(--commerce-icon--bell-fill);
   mask-image: var(--commerce-icon--bell-fill);
-  -webkit-mask-repeat: no-repeat;
-  mask-repeat: no-repeat;
-  -webkit-mask-position: center;
-  mask-position: center;
 }
 
 /* Pushes the tab to the opposite side of the page. */
@@ -72,7 +136,11 @@
   .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon-commerce-inbox {
     padding-left: 3.25em;
   }
-  [dir="rtl"] .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon-commerce-inbox {
+  [dir="rtl"]
+    .toolbar
+    .toolbar-bar
+    .toolbar-tab
+    > .toolbar-icon-commerce-inbox {
     padding-right: 3.25em;
   }
 }