@@ -8376,24 +8376,29 @@ exports[`<RoomListView /> > renders LargeSectionList story 1`] = `
83768376 >
83778377 <div
83788378 class="Flex-module_flex RoomListSectionHeaderView-module_container"
8379- style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start ; --mx-flex-gap: var(--cpd-space-0-5x ); --mx-flex-wrap: nowrap;"
8379+ style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between ; --mx-flex-gap: var(--cpd-space-2x ); --mx-flex-wrap: nowrap;"
83808380 >
8381- <svg
8382- fill="var(--cpd-color-icon-secondary)"
8383- height="24px"
8384- viewBox="0 0 24 24"
8385- width="24px"
8386- xmlns="http://www.w3.org/2000/svg"
8387- >
8388- <path
8389- d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
8390- />
8391- </svg>
8392- <span
8393- class="RoomListSectionHeaderView-module_title"
8381+ <div
8382+ class="Flex-module_flex"
8383+ style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-0-5x); --mx-flex-wrap: nowrap;"
83948384 >
8395- Favourites
8396- </span>
8385+ <svg
8386+ fill="var(--cpd-color-icon-secondary)"
8387+ height="24px"
8388+ viewBox="0 0 24 24"
8389+ width="24px"
8390+ xmlns="http://www.w3.org/2000/svg"
8391+ >
8392+ <path
8393+ d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
8394+ />
8395+ </svg>
8396+ <span
8397+ class="RoomListSectionHeaderView-module_title"
8398+ >
8399+ Favourites
8400+ </span>
8401+ </div>
83978402 </div>
83988403 </button>
83998404 </div>
@@ -11528,24 +11533,29 @@ exports[`<RoomListView /> > renders LargeSectionList story 1`] = `
1152811533 >
1152911534 <div
1153011535 class="Flex-module_flex RoomListSectionHeaderView-module_container"
11531- style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start ; --mx-flex-gap: var(--cpd-space-0-5x ); --mx-flex-wrap: nowrap;"
11536+ style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between ; --mx-flex-gap: var(--cpd-space-2x ); --mx-flex-wrap: nowrap;"
1153211537 >
11533- <svg
11534- fill="var(--cpd-color-icon-secondary)"
11535- height="24px"
11536- viewBox="0 0 24 24"
11537- width="24px"
11538- xmlns="http://www.w3.org/2000/svg"
11539- >
11540- <path
11541- d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
11542- />
11543- </svg>
11544- <span
11545- class="RoomListSectionHeaderView-module_title"
11538+ <div
11539+ class="Flex-module_flex"
11540+ style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-0-5x); --mx-flex-wrap: nowrap;"
1154611541 >
11547- Chats
11548- </span>
11542+ <svg
11543+ fill="var(--cpd-color-icon-secondary)"
11544+ height="24px"
11545+ viewBox="0 0 24 24"
11546+ width="24px"
11547+ xmlns="http://www.w3.org/2000/svg"
11548+ >
11549+ <path
11550+ d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
11551+ />
11552+ </svg>
11553+ <span
11554+ class="RoomListSectionHeaderView-module_title"
11555+ >
11556+ Chats
11557+ </span>
11558+ </div>
1154911559 </div>
1155011560 </button>
1155111561 </div>
@@ -13693,24 +13703,29 @@ exports[`<RoomListView /> > renders SmallSectionList story 1`] = `
1369313703 >
1369413704 <div
1369513705 class="Flex-module_flex RoomListSectionHeaderView-module_container"
13696- style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start ; --mx-flex-gap: var(--cpd-space-0-5x ); --mx-flex-wrap: nowrap;"
13706+ style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between ; --mx-flex-gap: var(--cpd-space-2x ); --mx-flex-wrap: nowrap;"
1369713707 >
13698- <svg
13699- fill="var(--cpd-color-icon-secondary)"
13700- height="24px"
13701- viewBox="0 0 24 24"
13702- width="24px"
13703- xmlns="http://www.w3.org/2000/svg"
13704- >
13705- <path
13706- d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
13707- />
13708- </svg>
13709- <span
13710- class="RoomListSectionHeaderView-module_title"
13708+ <div
13709+ class="Flex-module_flex"
13710+ style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-0-5x); --mx-flex-wrap: nowrap;"
1371113711 >
13712- Favourites
13713- </span>
13712+ <svg
13713+ fill="var(--cpd-color-icon-secondary)"
13714+ height="24px"
13715+ viewBox="0 0 24 24"
13716+ width="24px"
13717+ xmlns="http://www.w3.org/2000/svg"
13718+ >
13719+ <path
13720+ d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
13721+ />
13722+ </svg>
13723+ <span
13724+ class="RoomListSectionHeaderView-module_title"
13725+ >
13726+ Favourites
13727+ </span>
13728+ </div>
1371413729 </div>
1371513730 </button>
1371613731 </div>
@@ -14020,24 +14035,29 @@ exports[`<RoomListView /> > renders SmallSectionList story 1`] = `
1402014035 >
1402114036 <div
1402214037 class="Flex-module_flex RoomListSectionHeaderView-module_container"
14023- style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start ; --mx-flex-gap: var(--cpd-space-0-5x ); --mx-flex-wrap: nowrap;"
14038+ style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between ; --mx-flex-gap: var(--cpd-space-2x ); --mx-flex-wrap: nowrap;"
1402414039 >
14025- <svg
14026- fill="var(--cpd-color-icon-secondary)"
14027- height="24px"
14028- viewBox="0 0 24 24"
14029- width="24px"
14030- xmlns="http://www.w3.org/2000/svg"
14031- >
14032- <path
14033- d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
14034- />
14035- </svg>
14036- <span
14037- class="RoomListSectionHeaderView-module_title"
14040+ <div
14041+ class="Flex-module_flex"
14042+ style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-0-5x); --mx-flex-wrap: nowrap;"
1403814043 >
14039- Chats
14040- </span>
14044+ <svg
14045+ fill="var(--cpd-color-icon-secondary)"
14046+ height="24px"
14047+ viewBox="0 0 24 24"
14048+ width="24px"
14049+ xmlns="http://www.w3.org/2000/svg"
14050+ >
14051+ <path
14052+ d="M8.7 17.3a.95.95 0 0 1-.275-.7q0-.425.275-.7l3.9-3.9-3.9-3.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325.062.175.062.375t-.062.375a.9.9 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275"
14053+ />
14054+ </svg>
14055+ <span
14056+ class="RoomListSectionHeaderView-module_title"
14057+ >
14058+ Chats
14059+ </span>
14060+ </div>
1404114061 </div>
1404214062 </button>
1404314063 </div>
0 commit comments