SDSS-1273: Add Card Grid responsive image style for News views

docroot/profiles/sdss/sdss_profile/config/sync/core.entity_view_display.node.stanford_news.card_grid.yml

@@ -0,0 +1,333 @@
+uuid: fe307340-b535-4925-9fd7-aba55e9efe68
+langcode: en
+status: true
+dependencies:
+  config:
+    - core.entity_view_mode.node.card_grid
+    - field.field.node.stanford_news.layout_builder__layout
+    - field.field.node.stanford_news.stanford_intranet__access
+    - field.field.node.stanford_news.su_metatags
+    - field.field.node.stanford_news.su_news_banner
+    - field.field.node.stanford_news.su_news_banner_media_caption
+    - field.field.node.stanford_news.su_news_byline
+    - field.field.node.stanford_news.su_news_components
+    - field.field.node.stanford_news.su_news_dek
+    - field.field.node.stanford_news.su_news_featured_media
+    - field.field.node.stanford_news.su_news_publishing_date
+    - field.field.node.stanford_news.su_news_source
+    - field.field.node.stanford_news.su_news_topics
+    - field.field.node.stanford_news.su_sdss_explore_more_picker
+    - field.field.node.stanford_news.su_sdss_import_source
+    - field.field.node.stanford_news.su_sdss_imported_news_sharing
+    - field.field.node.stanford_news.su_sdss_media_contacts
+    - field.field.node.stanford_news.su_sdss_media_mention
+    - field.field.node.stanford_news.su_sdss_news_banner_caption
+    - field.field.node.stanford_news.su_sdss_news_dek_long
+    - field.field.node.stanford_news.su_sdss_news_focal_areas
+    - field.field.node.stanford_news.su_sdss_news_news_source
+    - field.field.node.stanford_news.su_sdss_news_organization
+    - field.field.node.stanford_news.su_sdss_news_research_area
+    - field.field.node.stanford_news.su_sdss_person_ref
+    - field.field.node.stanford_news.su_sdss_related_content
+    - field.field.node.stanford_news.su_shared_tags
+    - node.type.stanford_news
+  module:
+    - datetime
+    - ds
+    - element_class_formatter
+    - empty_fields
+    - field_formatter_class
+    - layout_builder
+    - layout_builder_restrictions
+    - layout_library
+    - link
+    - stanford_media
+    - user
+third_party_settings:
+  layout_builder:
+    enabled: false
+    allow_custom: false
+  layout_builder_restrictions:
+    allowed_block_categories:
+      - 'Basic Page Type Lists (Views)'
+      - Book
+      - 'Changelog (Views)'
+      - 'Chaos Tools'
+      - 'Config Pages'
+      - 'Content fields'
+      - 'Custom block types'
+      - 'Custom blocks'
+      - Editoria11y
+      - 'Events Lists (Views)'
+      - Forms
+      - Help
+      - 'Inline blocks'
+      - 'Jumpstart UI'
+      - 'Lists (Views)'
+      - Menus
+      - 'News Lists (Views)'
+      - 'PDB React'
+      - 'People Lists (Views)'
+      - 'Policy (Views)'
+      - Printable
+      - 'Publication (Views)'
+      - React
+      - 'Stanford News'
+      - 'Stanford Profile Helper'
+      - 'Stanford SAML Authentication'
+      - System
+      - 'Taxonomy Terms (Views)'
+      - User
+      - Views
+      - core
+    entity_view_mode_restriction:
+      allowed_layouts: {  }
+      denylisted_blocks:
+        'Content fields':
+          - 'field_block:node:stanford_news:uid'
+          - 'field_block:node:stanford_news:created'
+          - 'field_block:node:stanford_news:type'
+          - 'field_block:node:stanford_news:revision_default'
+          - 'field_block:node:stanford_news:default_langcode'
+          - 'field_block:node:stanford_news:nid'
+          - 'field_block:node:stanford_news:langcode'
+          - 'extra_field_block:node:stanford_news:links'
+          - 'field_block:node:stanford_news:menu_link'
+          - 'field_block:node:stanford_news:promote'
+          - 'field_block:node:stanford_news:status'
+          - 'field_block:node:stanford_news:rh_action'
+          - 'field_block:node:stanford_news:rh_redirect_fallback_action'
+          - 'field_block:node:stanford_news:rh_redirect'
+          - 'field_block:node:stanford_news:rh_redirect_response'
+          - 'field_block:node:stanford_news:revision_timestamp'
+          - 'field_block:node:stanford_news:vid'
+          - 'field_block:node:stanford_news:revision_log'
+          - 'field_block:node:stanford_news:revision_translation_affected'
+          - 'field_block:node:stanford_news:revision_uid'
+          - 'extra_field_block:node:stanford_news:search_api_excerpt'
+          - 'field_block:node:stanford_news:sticky'
+          - 'field_block:node:stanford_news:unpublish_on'
+          - 'field_block:user:user:changed'
+          - 'field_block:user:user:created'
+          - 'field_block:user:user:default_langcode'
+          - 'field_block:user:user:su_display_name'
+          - 'field_block:user:user:mail'
+          - 'field_block:user:user:init'
+          - 'field_block:user:user:langcode'
+          - 'field_block:user:user:access'
+          - 'field_block:user:user:login'
+          - 'extra_field_block:user:user:member_for'
+          - 'field_block:user:user:name'
+          - 'field_block:user:user:preferred_admin_langcode'
+          - 'field_block:user:user:preferred_langcode'
+          - 'field_block:user:user:roles'
+          - 'field_block:user:user:role_change'
+          - 'extra_field_block:user:user:search_api_excerpt'
+          - 'field_block:user:user:timezone'
+          - 'field_block:user:user:uid'
+          - 'field_block:user:user:status'
+      allowlisted_blocks:
+        Menus:
+          - 'menu_block:stanford-event-types'
+          - 'system_menu_block:stanford-event-types'
+          - 'menu_block:main'
+          - 'system_menu_block:main'
+          - 'menu_block:stanford-person-type'
+          - 'system_menu_block:stanford-person-type'
+          - 'menu_block:stanford-publication-topics'
+          - 'system_menu_block:stanford-publication-topics'
+          - 'menu_block:news-topics'
+          - 'system_menu_block:news-topics'
+        System:
+          - system_breadcrumb_block
+        core:
+          - page_title_block
+      restricted_categories:
+        - Book
+        - 'Changelog (Views)'
+        - 'Chaos Tools'
+        - 'Config Pages'
+        - Editoria11y
+        - Forms
+        - Help
+        - 'Lists (Views)'
+        - 'Policy (Views)'
+        - Printable
+        - React
+        - 'Stanford Profile Helper'
+        - 'Stanford SAML Authentication'
+        - 'Taxonomy Terms (Views)'
+        - User
+        - Views
+  layout_library:
+    enable: false
+  ds:
+    layout:
+      id: pattern_sdss-news-vertical-teaser
+      library: null
+      disable_css: false
+      entity_classes: all_classes
+      settings:
+        pattern:
+          field_templates: only_content
+    regions:
+      news_vertical_teaser_image:
+        - su_news_featured_media
+      news_vertical_teaser_headline:
+        - node_title
+      news_list_publishing_date:
+        - su_news_publishing_date
+      news_topics:
+        - su_news_topics
+      news_source:
+        - su_sdss_news_news_source
+      news_dek:
+        - su_sdss_news_dek_long
+      news_url:
+        - 'dynamic_token_field:node-news_content_url'
+      news_external_url:
+        - su_news_source
+    fields:
+      'dynamic_token_field:node-news_content_url':
+        plugin_id: 'dynamic_token_field:node-news_content_url'
+        weight: 6
+        label: hidden
+        formatter: default
+      node_title:
+        plugin_id: node_title
+        weight: 1
+        label: hidden
+        formatter: default
+        settings:
+          link: false
+          'link class': ''
+          link_target: ''
+          wrapper: ''
+          class: ''
+id: node.stanford_news.card_grid
+targetEntityType: node
+bundle: stanford_news
+mode: card_grid
+content:
+  su_news_featured_media:
+    type: media_multimedia_formatter
+    label: hidden
+    settings:
+      view_mode: default
+      link: false
+      image:
+        image_formatter: responsive_image_style
+        image_formatter_image_style: large
+        image_formatter_responsive_image_style: card_grid
+        image_formatter_view_mode: default
+      video:
+        video_formatter: entity
+        video_formatter_view_mode: default
+      other:
+        view_mode: default
+    third_party_settings:
+      empty_fields:
+        handler: ''
+      field_formatter_class:
+        class: ''
+    weight: 0
+    region: news_vertical_teaser_image
+  su_news_publishing_date:
+    type: datetime_default
+    label: hidden
+    settings:
+      timezone_override: ''
+      format_type: stanford_month_date_year
+    third_party_settings:
+      empty_fields:
+        handler: ''
+      field_formatter_class:
+        class: ''
+    weight: 2
+    region: news_list_publishing_date
+  su_news_source:
+    type: link
+    label: hidden
+    settings:
+      trim_length: null
+      url_only: true
+      url_plain: true
+      rel: '0'
+      target: '0'
+    third_party_settings:
+      empty_fields:
+        handler: ''
+      field_formatter_class:
+        class: sdss-news-ext-link
+    weight: 7
+    region: news_external_url
+  su_news_topics:
+    type: entity_reference_list_label_class
+    label: hidden
+    settings:
+      link: true
+      class: su-list-unstyled
+      list_type: ul
+    third_party_settings:
+      empty_fields:
+        handler: ''
+      field_formatter_class:
+        class: ''
+      ds:
+        ds_limit: '1'
+    weight: 3
+    region: news_topics
+  su_sdss_news_dek_long:
+    type: wrapper_class
+    label: above
+    settings:
+      class: ''
+      tag: div
+      link: false
+      link_class: ''
+      summary: false
+      trim: 200
+    third_party_settings:
+      empty_fields:
+        handler: ''
+      field_formatter_class:
+        class: ''
+    weight: 5
+    region: news_dek
+  su_sdss_news_news_source:
+    type: entity_reference_label_class
+    label: above
+    settings:
+      link: false
+      class: ''
+      tag: span
+    third_party_settings:
+      empty_fields:
+        handler: ''
+      field_formatter_class:
+        class: ''
+    weight: 4
+    region: news_source
+hidden:
+  layout_builder__layout: true
+  links: true
+  search_api_excerpt: true
+  stanford_intranet__access: true
+  su_metatags: true
+  su_news_banner: true
+  su_news_banner_media_caption: true
+  su_news_byline: true
+  su_news_components: true
+  su_news_dek: true
+  su_sdss_explore_more_picker: true
+  su_sdss_import_source: true
+  su_sdss_imported_news_sharing: true
+  su_sdss_media_contacts: true
+  su_sdss_media_mention: true
+  su_sdss_news_banner_caption: true
+  su_sdss_news_focal_areas: true
+  su_sdss_news_organization: true
+  su_sdss_news_research_area: true
+  su_sdss_person_ref: true
+  su_sdss_related_content: true
+  su_shared_tags: true

docroot/profiles/sdss/sdss_profile/config/sync/core.entity_view_mode.node.card_grid.yml

@@ -0,0 +1,11 @@
+uuid: 5fe1b19d-31a0-4a8c-b3ba-c5b52095eea4
+langcode: en
+status: true
+dependencies:
+  module:
+    - node
+id: node.card_grid
+label: 'Card Grid'
+description: ''
+targetEntityType: node
+cache: true

docroot/profiles/sdss/sdss_profile/config/sync/image.style.card_1274x850.yml

@@ -0,0 +1,17 @@
+uuid: 8a2842b8-28c5-429e-abe3-d345ae30ca59
+langcode: en
+status: true
+dependencies:
+  module:
+    - focal_point
+name: card_1274x850
+label: 'Card - 1274x850'
+effects:
+  94265c96-8cfb-476c-b22f-dcb3a431aa16:
+    uuid: 94265c96-8cfb-476c-b22f-dcb3a431aa16
+    id: focal_point_scale_and_crop
+    weight: 1
+    data:
+      width: 1274
+      height: 850
+      crop_type: focal_point

docroot/profiles/sdss/sdss_profile/config/sync/image.style.card_3_2_240x160.yml

@@ -0,0 +1,17 @@
+uuid: b8e9080b-df28-466b-ae80-56d783a7e181
+langcode: en
+status: true
+dependencies:
+  module:
+    - focal_point
+name: card_3_2_240x160
+label: 'Card 3:2 (240x160)'
+effects:
+  80eb8c29-8cec-4ded-8c62-2f021571430b:
+    uuid: 80eb8c29-8cec-4ded-8c62-2f021571430b
+    id: focal_point_scale_and_crop
+    weight: 1
+    data:
+      width: 240
+      height: 160
+      crop_type: focal_point

docroot/profiles/sdss/sdss_profile/config/sync/image.style.card_3_2_360x240.yml

@@ -0,0 +1,17 @@
+uuid: 39b22c3b-1b69-42d1-9d57-75f189a68dd0
+langcode: en
+status: true
+dependencies:
+  module:
+    - focal_point
+name: card_3_2_360x240
+label: 'Card 3:2 (360x240)'
+effects:
+  d2c533fa-aac5-49cd-bc39-73140f813416:
+    uuid: d2c533fa-aac5-49cd-bc39-73140f813416
+    id: focal_point_scale_and_crop
+    weight: 1
+    data:
+      width: 360
+      height: 240
+      crop_type: focal_point