@toptal/picasso-select 1.0.28 → 1.0.29-alpha-fx-5525-container-968fa808d.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +20 -0
 - package/package.json +16 -15
 - package/src/NonNativeSelect/__snapshots__/test.tsx.snap +27 -27
 - package/src/NonNativeSelectLimitFooter/__snapshots__/test.tsx.snap +3 -3
 - package/src/NonNativeSelectLoader/__snapshots__/test.tsx.snap +1 -1
 - package/src/NonNativeSelectOption/__snapshots__/test.tsx.snap +10 -10
 - package/src/NonNativeSelectOptions/__snapshots__/test.tsx.snap +33 -33
 - package/src/ScrollMenu/__snapshots__/test.tsx.snap +9 -9
 
    
        package/LICENSE
    ADDED
    
    | 
         @@ -0,0 +1,20 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            MIT License
         
     | 
| 
      
 2 
     | 
    
         
            +
             
     | 
| 
      
 3 
     | 
    
         
            +
            Copyright (c) 2021-2022 Toptal, LLC
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
      
 5 
     | 
    
         
            +
            Permission is hereby granted, free of charge, to any person obtaining a copy of
         
     | 
| 
      
 6 
     | 
    
         
            +
            this software and associated documentation files (the “Software”), to deal in
         
     | 
| 
      
 7 
     | 
    
         
            +
            the Software without restriction, including without limitation the rights to
         
     | 
| 
      
 8 
     | 
    
         
            +
            use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
         
     | 
| 
      
 9 
     | 
    
         
            +
            the Software, and to permit persons to whom the Software is furnished to do so,
         
     | 
| 
      
 10 
     | 
    
         
            +
            subject to the following conditions:
         
     | 
| 
      
 11 
     | 
    
         
            +
             
     | 
| 
      
 12 
     | 
    
         
            +
            The above copyright notice and this permission notice shall be included in all
         
     | 
| 
      
 13 
     | 
    
         
            +
            copies or substantial portions of the Software.
         
     | 
| 
      
 14 
     | 
    
         
            +
             
     | 
| 
      
 15 
     | 
    
         
            +
            THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
         
     | 
| 
      
 16 
     | 
    
         
            +
            IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
         
     | 
| 
      
 17 
     | 
    
         
            +
            FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
         
     | 
| 
      
 18 
     | 
    
         
            +
            COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
         
     | 
| 
      
 19 
     | 
    
         
            +
            IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
         
     | 
| 
      
 20 
     | 
    
         
            +
            CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
         
     | 
    
        package/package.json
    CHANGED
    
    | 
         @@ -1,6 +1,6 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            {
         
     | 
| 
       2 
2 
     | 
    
         
             
              "name": "@toptal/picasso-select",
         
     | 
| 
       3 
     | 
    
         
            -
              "version": "1.0. 
     | 
| 
      
 3 
     | 
    
         
            +
              "version": "1.0.29-alpha-fx-5525-container-968fa808d.22+968fa808d",
         
     | 
| 
       4 
4 
     | 
    
         
             
              "description": "Toptal UI components library - Select",
         
     | 
| 
       5 
5 
     | 
    
         
             
              "publishConfig": {
         
     | 
| 
       6 
6 
     | 
    
         
             
                "access": "public"
         
     | 
| 
         @@ -22,18 +22,18 @@ 
     | 
|
| 
       22 
22 
     | 
    
         
             
              },
         
     | 
| 
       23 
23 
     | 
    
         
             
              "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
         
     | 
| 
       24 
24 
     | 
    
         
             
              "dependencies": {
         
     | 
| 
       25 
     | 
    
         
            -
                "@toptal/picasso-container": "1.0. 
     | 
| 
       26 
     | 
    
         
            -
                "@toptal/picasso-form": "3.0. 
     | 
| 
       27 
     | 
    
         
            -
                "@toptal/picasso-icons": "1.4. 
     | 
| 
       28 
     | 
    
         
            -
                "@toptal/picasso-input": "2.0. 
     | 
| 
       29 
     | 
    
         
            -
                "@toptal/picasso-input-adornment": "1.0. 
     | 
| 
       30 
     | 
    
         
            -
                "@toptal/picasso-loader": "1.0. 
     | 
| 
       31 
     | 
    
         
            -
                "@toptal/picasso-menu": "1.0. 
     | 
| 
       32 
     | 
    
         
            -
                "@toptal/picasso-outlined-input": "1.1. 
     | 
| 
       33 
     | 
    
         
            -
                "@toptal/picasso-popper": "1.0. 
     | 
| 
       34 
     | 
    
         
            -
                "@toptal/picasso-shared": "15.0. 
     | 
| 
       35 
     | 
    
         
            -
                "@toptal/picasso-typography": "2.0. 
     | 
| 
       36 
     | 
    
         
            -
                "@toptal/picasso-utils": "1.0. 
     | 
| 
      
 25 
     | 
    
         
            +
                "@toptal/picasso-container": "1.0.4-alpha-fx-5525-container-968fa808d.76+968fa808d",
         
     | 
| 
      
 26 
     | 
    
         
            +
                "@toptal/picasso-form": "3.0.7-alpha-fx-5525-container-968fa808d.42+968fa808d",
         
     | 
| 
      
 27 
     | 
    
         
            +
                "@toptal/picasso-icons": "1.4.1-alpha-fx-5525-container-968fa808d.42+968fa808d",
         
     | 
| 
      
 28 
     | 
    
         
            +
                "@toptal/picasso-input": "2.0.8-alpha-fx-5525-container-968fa808d.22+968fa808d",
         
     | 
| 
      
 29 
     | 
    
         
            +
                "@toptal/picasso-input-adornment": "1.0.8-alpha-fx-5525-container-968fa808d.42+968fa808d",
         
     | 
| 
      
 30 
     | 
    
         
            +
                "@toptal/picasso-loader": "1.0.4-alpha-fx-5525-container-968fa808d.76+968fa808d",
         
     | 
| 
      
 31 
     | 
    
         
            +
                "@toptal/picasso-menu": "1.0.16-alpha-fx-5525-container-968fa808d.42+968fa808d",
         
     | 
| 
      
 32 
     | 
    
         
            +
                "@toptal/picasso-outlined-input": "1.1.5-alpha-fx-5525-container-968fa808d.22+968fa808d",
         
     | 
| 
      
 33 
     | 
    
         
            +
                "@toptal/picasso-popper": "1.0.4-alpha-fx-5525-container-968fa808d.76+968fa808d",
         
     | 
| 
      
 34 
     | 
    
         
            +
                "@toptal/picasso-shared": "15.0.1-alpha-fx-5525-container-968fa808d.76+968fa808d",
         
     | 
| 
      
 35 
     | 
    
         
            +
                "@toptal/picasso-typography": "2.0.3-alpha-fx-5525-container-968fa808d.58+968fa808d",
         
     | 
| 
      
 36 
     | 
    
         
            +
                "@toptal/picasso-utils": "1.0.4-alpha-fx-5525-container-968fa808d.76+968fa808d",
         
     | 
| 
       37 
37 
     | 
    
         
             
                "ap-style-title-case": "^1.1.2",
         
     | 
| 
       38 
38 
     | 
    
         
             
                "classnames": "^2.5.1"
         
     | 
| 
       39 
39 
     | 
    
         
             
              },
         
     | 
| 
         @@ -46,7 +46,7 @@ 
     | 
|
| 
       46 
46 
     | 
    
         
             
                "react": ">=16.12.0 < 19.0.0"
         
     | 
| 
       47 
47 
     | 
    
         
             
              },
         
     | 
| 
       48 
48 
     | 
    
         
             
              "devDependencies": {
         
     | 
| 
       49 
     | 
    
         
            -
                "@toptal/picasso-test-utils": "1.1. 
     | 
| 
      
 49 
     | 
    
         
            +
                "@toptal/picasso-test-utils": "1.1.2-alpha-fx-5525-container-968fa808d.76+968fa808d",
         
     | 
| 
       50 
50 
     | 
    
         
             
                "popper.js": "^1.16.1"
         
     | 
| 
       51 
51 
     | 
    
         
             
              },
         
     | 
| 
       52 
52 
     | 
    
         
             
              "exports": {
         
     | 
| 
         @@ -56,5 +56,6 @@ 
     | 
|
| 
       56 
56 
     | 
    
         
             
                "dist-package/**",
         
     | 
| 
       57 
57 
     | 
    
         
             
                "!dist-package/tsconfig.tsbuildinfo",
         
     | 
| 
       58 
58 
     | 
    
         
             
                "src"
         
     | 
| 
       59 
     | 
    
         
            -
              ]
         
     | 
| 
      
 59 
     | 
    
         
            +
              ],
         
     | 
| 
      
 60 
     | 
    
         
            +
              "gitHead": "968fa808df499448786949e11d58be225c4795ce"
         
     | 
| 
       60 
61 
     | 
    
         
             
            }
         
     | 
| 
         @@ -76,16 +76,16 @@ exports[`NonNativeSelect renders custom options 1`] = ` 
     | 
|
| 
       76 
76 
     | 
    
         
             
                    value="val1"
         
     | 
| 
       77 
77 
     | 
    
         
             
                  >
         
     | 
| 
       78 
78 
     | 
    
         
             
                    <div
         
     | 
| 
       79 
     | 
    
         
            -
                      class=" 
     | 
| 
      
 79 
     | 
    
         
            +
                      class="flex PicassoMenuItem-itemWrapper"
         
     | 
| 
       80 
80 
     | 
    
         
             
                    >
         
     | 
| 
       81 
81 
     | 
    
         
             
                      <div
         
     | 
| 
       82 
     | 
    
         
            -
                        class=" 
     | 
| 
      
 82 
     | 
    
         
            +
                        class="flex flex-col PicassoMenuItem-content"
         
     | 
| 
       83 
83 
     | 
    
         
             
                      >
         
     | 
| 
       84 
84 
     | 
    
         
             
                        <div
         
     | 
| 
       85 
     | 
    
         
            -
                          class=" 
     | 
| 
      
 85 
     | 
    
         
            +
                          class="items-center flex"
         
     | 
| 
       86 
86 
     | 
    
         
             
                        >
         
     | 
| 
       87 
87 
     | 
    
         
             
                          <div
         
     | 
| 
       88 
     | 
    
         
            -
                            class=" 
     | 
| 
      
 88 
     | 
    
         
            +
                            class="mr-2 inline-flex PicassoMenuItem-iconContainer"
         
     | 
| 
       89 
89 
     | 
    
         
             
                          />
         
     | 
| 
       90 
90 
     | 
    
         
             
                          <div
         
     | 
| 
       91 
91 
     | 
    
         
             
                            data-testid="custom-option-1"
         
     | 
| 
         @@ -106,16 +106,16 @@ exports[`NonNativeSelect renders custom options 1`] = ` 
     | 
|
| 
       106 
106 
     | 
    
         
             
                    value="val2"
         
     | 
| 
       107 
107 
     | 
    
         
             
                  >
         
     | 
| 
       108 
108 
     | 
    
         
             
                    <div
         
     | 
| 
       109 
     | 
    
         
            -
                      class=" 
     | 
| 
      
 109 
     | 
    
         
            +
                      class="flex PicassoMenuItem-itemWrapper"
         
     | 
| 
       110 
110 
     | 
    
         
             
                    >
         
     | 
| 
       111 
111 
     | 
    
         
             
                      <div
         
     | 
| 
       112 
     | 
    
         
            -
                        class=" 
     | 
| 
      
 112 
     | 
    
         
            +
                        class="flex flex-col PicassoMenuItem-content"
         
     | 
| 
       113 
113 
     | 
    
         
             
                      >
         
     | 
| 
       114 
114 
     | 
    
         
             
                        <div
         
     | 
| 
       115 
     | 
    
         
            -
                          class=" 
     | 
| 
      
 115 
     | 
    
         
            +
                          class="items-center flex"
         
     | 
| 
       116 
116 
     | 
    
         
             
                        >
         
     | 
| 
       117 
117 
     | 
    
         
             
                          <div
         
     | 
| 
       118 
     | 
    
         
            -
                            class=" 
     | 
| 
      
 118 
     | 
    
         
            +
                            class="mr-2 inline-flex PicassoMenuItem-iconContainer"
         
     | 
| 
       119 
119 
     | 
    
         
             
                          />
         
     | 
| 
       120 
120 
     | 
    
         
             
                          <div
         
     | 
| 
       121 
121 
     | 
    
         
             
                            data-testid="custom-option-2"
         
     | 
| 
         @@ -136,16 +136,16 @@ exports[`NonNativeSelect renders custom options 1`] = ` 
     | 
|
| 
       136 
136 
     | 
    
         
             
                    value="val3"
         
     | 
| 
       137 
137 
     | 
    
         
             
                  >
         
     | 
| 
       138 
138 
     | 
    
         
             
                    <div
         
     | 
| 
       139 
     | 
    
         
            -
                      class=" 
     | 
| 
      
 139 
     | 
    
         
            +
                      class="flex PicassoMenuItem-itemWrapper"
         
     | 
| 
       140 
140 
     | 
    
         
             
                    >
         
     | 
| 
       141 
141 
     | 
    
         
             
                      <div
         
     | 
| 
       142 
     | 
    
         
            -
                        class=" 
     | 
| 
      
 142 
     | 
    
         
            +
                        class="flex flex-col PicassoMenuItem-content"
         
     | 
| 
       143 
143 
     | 
    
         
             
                      >
         
     | 
| 
       144 
144 
     | 
    
         
             
                        <div
         
     | 
| 
       145 
     | 
    
         
            -
                          class=" 
     | 
| 
      
 145 
     | 
    
         
            +
                          class="items-center flex"
         
     | 
| 
       146 
146 
     | 
    
         
             
                        >
         
     | 
| 
       147 
147 
     | 
    
         
             
                          <div
         
     | 
| 
       148 
     | 
    
         
            -
                            class=" 
     | 
| 
      
 148 
     | 
    
         
            +
                            class="mr-2 inline-flex PicassoMenuItem-iconContainer"
         
     | 
| 
       149 
149 
     | 
    
         
             
                          />
         
     | 
| 
       150 
150 
     | 
    
         
             
                          <div
         
     | 
| 
       151 
151 
     | 
    
         
             
                            data-testid="custom-option-3"
         
     | 
| 
         @@ -183,16 +183,16 @@ exports[`NonNativeSelect renders description 1`] = ` 
     | 
|
| 
       183 
183 
     | 
    
         
             
                    value="val1"
         
     | 
| 
       184 
184 
     | 
    
         
             
                  >
         
     | 
| 
       185 
185 
     | 
    
         
             
                    <div
         
     | 
| 
       186 
     | 
    
         
            -
                      class=" 
     | 
| 
      
 186 
     | 
    
         
            +
                      class="flex PicassoMenuItem-itemWrapper"
         
     | 
| 
       187 
187 
     | 
    
         
             
                    >
         
     | 
| 
       188 
188 
     | 
    
         
             
                      <div
         
     | 
| 
       189 
     | 
    
         
            -
                        class=" 
     | 
| 
      
 189 
     | 
    
         
            +
                        class="flex flex-col PicassoMenuItem-content"
         
     | 
| 
       190 
190 
     | 
    
         
             
                      >
         
     | 
| 
       191 
191 
     | 
    
         
             
                        <div
         
     | 
| 
       192 
     | 
    
         
            -
                          class=" 
     | 
| 
      
 192 
     | 
    
         
            +
                          class="items-center flex"
         
     | 
| 
       193 
193 
     | 
    
         
             
                        >
         
     | 
| 
       194 
194 
     | 
    
         
             
                          <div
         
     | 
| 
       195 
     | 
    
         
            -
                            class=" 
     | 
| 
      
 195 
     | 
    
         
            +
                            class="mr-2 inline-flex PicassoMenuItem-iconContainer"
         
     | 
| 
       196 
196 
     | 
    
         
             
                          />
         
     | 
| 
       197 
197 
     | 
    
         
             
                          <span
         
     | 
| 
       198 
198 
     | 
    
         
             
                            class="PicassoMenuItem-stringContent"
         
     | 
| 
         @@ -201,7 +201,7 @@ exports[`NonNativeSelect renders description 1`] = ` 
     | 
|
| 
       201 
201 
     | 
    
         
             
                          </span>
         
     | 
| 
       202 
202 
     | 
    
         
             
                        </div>
         
     | 
| 
       203 
203 
     | 
    
         
             
                        <div
         
     | 
| 
       204 
     | 
    
         
            -
                          class=" 
     | 
| 
      
 204 
     | 
    
         
            +
                          class="ml-6 PicassoMenuItem-description"
         
     | 
| 
       205 
205 
     | 
    
         
             
                          style="margin-top: 0.25rem;"
         
     | 
| 
       206 
206 
     | 
    
         
             
                        >
         
     | 
| 
       207 
207 
     | 
    
         
             
                          description1
         
     | 
| 
         @@ -219,16 +219,16 @@ exports[`NonNativeSelect renders description 1`] = ` 
     | 
|
| 
       219 
219 
     | 
    
         
             
                    value="val2"
         
     | 
| 
       220 
220 
     | 
    
         
             
                  >
         
     | 
| 
       221 
221 
     | 
    
         
             
                    <div
         
     | 
| 
       222 
     | 
    
         
            -
                      class=" 
     | 
| 
      
 222 
     | 
    
         
            +
                      class="flex PicassoMenuItem-itemWrapper"
         
     | 
| 
       223 
223 
     | 
    
         
             
                    >
         
     | 
| 
       224 
224 
     | 
    
         
             
                      <div
         
     | 
| 
       225 
     | 
    
         
            -
                        class=" 
     | 
| 
      
 225 
     | 
    
         
            +
                        class="flex flex-col PicassoMenuItem-content"
         
     | 
| 
       226 
226 
     | 
    
         
             
                      >
         
     | 
| 
       227 
227 
     | 
    
         
             
                        <div
         
     | 
| 
       228 
     | 
    
         
            -
                          class=" 
     | 
| 
      
 228 
     | 
    
         
            +
                          class="items-center flex"
         
     | 
| 
       229 
229 
     | 
    
         
             
                        >
         
     | 
| 
       230 
230 
     | 
    
         
             
                          <div
         
     | 
| 
       231 
     | 
    
         
            -
                            class=" 
     | 
| 
      
 231 
     | 
    
         
            +
                            class="mr-2 inline-flex PicassoMenuItem-iconContainer"
         
     | 
| 
       232 
232 
     | 
    
         
             
                          />
         
     | 
| 
       233 
233 
     | 
    
         
             
                          <span
         
     | 
| 
       234 
234 
     | 
    
         
             
                            class="PicassoMenuItem-stringContent"
         
     | 
| 
         @@ -237,7 +237,7 @@ exports[`NonNativeSelect renders description 1`] = ` 
     | 
|
| 
       237 
237 
     | 
    
         
             
                          </span>
         
     | 
| 
       238 
238 
     | 
    
         
             
                        </div>
         
     | 
| 
       239 
239 
     | 
    
         
             
                        <div
         
     | 
| 
       240 
     | 
    
         
            -
                          class=" 
     | 
| 
      
 240 
     | 
    
         
            +
                          class="ml-6 PicassoMenuItem-description"
         
     | 
| 
       241 
241 
     | 
    
         
             
                          style="margin-top: 0.25rem;"
         
     | 
| 
       242 
242 
     | 
    
         
             
                        >
         
     | 
| 
       243 
243 
     | 
    
         
             
                          description2
         
     | 
| 
         @@ -255,16 +255,16 @@ exports[`NonNativeSelect renders description 1`] = ` 
     | 
|
| 
       255 
255 
     | 
    
         
             
                    value="val3"
         
     | 
| 
       256 
256 
     | 
    
         
             
                  >
         
     | 
| 
       257 
257 
     | 
    
         
             
                    <div
         
     | 
| 
       258 
     | 
    
         
            -
                      class=" 
     | 
| 
      
 258 
     | 
    
         
            +
                      class="flex PicassoMenuItem-itemWrapper"
         
     | 
| 
       259 
259 
     | 
    
         
             
                    >
         
     | 
| 
       260 
260 
     | 
    
         
             
                      <div
         
     | 
| 
       261 
     | 
    
         
            -
                        class=" 
     | 
| 
      
 261 
     | 
    
         
            +
                        class="flex flex-col PicassoMenuItem-content"
         
     | 
| 
       262 
262 
     | 
    
         
             
                      >
         
     | 
| 
       263 
263 
     | 
    
         
             
                        <div
         
     | 
| 
       264 
     | 
    
         
            -
                          class=" 
     | 
| 
      
 264 
     | 
    
         
            +
                          class="items-center flex"
         
     | 
| 
       265 
265 
     | 
    
         
             
                        >
         
     | 
| 
       266 
266 
     | 
    
         
             
                          <div
         
     | 
| 
       267 
     | 
    
         
            -
                            class=" 
     | 
| 
      
 267 
     | 
    
         
            +
                            class="mr-2 inline-flex PicassoMenuItem-iconContainer"
         
     | 
| 
       268 
268 
     | 
    
         
             
                          />
         
     | 
| 
       269 
269 
     | 
    
         
             
                          <span
         
     | 
| 
       270 
270 
     | 
    
         
             
                            class="PicassoMenuItem-stringContent"
         
     | 
| 
         @@ -273,7 +273,7 @@ exports[`NonNativeSelect renders description 1`] = ` 
     | 
|
| 
       273 
273 
     | 
    
         
             
                          </span>
         
     | 
| 
       274 
274 
     | 
    
         
             
                        </div>
         
     | 
| 
       275 
275 
     | 
    
         
             
                        <div
         
     | 
| 
       276 
     | 
    
         
            -
                          class=" 
     | 
| 
      
 276 
     | 
    
         
            +
                          class="ml-6 PicassoMenuItem-description"
         
     | 
| 
       277 
277 
     | 
    
         
             
                          style="margin-top: 0.25rem;"
         
     | 
| 
       278 
278 
     | 
    
         
             
                        >
         
     | 
| 
       279 
279 
     | 
    
         
             
                          description3
         
     | 
| 
         @@ -12,13 +12,13 @@ exports[`NonNativeSelectLimitFooter renders footer when overflow 1`] = ` 
     | 
|
| 
       12 
12 
     | 
    
         
             
                  tabindex="-1"
         
     | 
| 
       13 
13 
     | 
    
         
             
                >
         
     | 
| 
       14 
14 
     | 
    
         
             
                  <div
         
     | 
| 
       15 
     | 
    
         
            -
                    class=" 
     | 
| 
      
 15 
     | 
    
         
            +
                    class="flex PicassoMenuItem-itemWrapper"
         
     | 
| 
       16 
16 
     | 
    
         
             
                  >
         
     | 
| 
       17 
17 
     | 
    
         
             
                    <div
         
     | 
| 
       18 
     | 
    
         
            -
                      class=" 
     | 
| 
      
 18 
     | 
    
         
            +
                      class="flex flex-col PicassoMenuItem-content"
         
     | 
| 
       19 
19 
     | 
    
         
             
                    >
         
     | 
| 
       20 
20 
     | 
    
         
             
                      <div
         
     | 
| 
       21 
     | 
    
         
            -
                        class=" 
     | 
| 
      
 21 
     | 
    
         
            +
                        class="items-center flex"
         
     | 
| 
       22 
22 
     | 
    
         
             
                      >
         
     | 
| 
       23 
23 
     | 
    
         
             
                        Showing only first 
         
     | 
| 
       24 
24 
     | 
    
         
             
                        50
         
     | 
| 
         @@ -15,16 +15,16 @@ exports[`NonNativeSelectOption renders 1`] = ` 
     | 
|
| 
       15 
15 
     | 
    
         
             
                  value=""
         
     | 
| 
       16 
16 
     | 
    
         
             
                >
         
     | 
| 
       17 
17 
     | 
    
         
             
                  <div
         
     | 
| 
       18 
     | 
    
         
            -
                    class=" 
     | 
| 
      
 18 
     | 
    
         
            +
                    class="flex PicassoMenuItem-itemWrapper"
         
     | 
| 
       19 
19 
     | 
    
         
             
                  >
         
     | 
| 
       20 
20 
     | 
    
         
             
                    <div
         
     | 
| 
       21 
     | 
    
         
            -
                      class=" 
     | 
| 
      
 21 
     | 
    
         
            +
                      class="flex flex-col PicassoMenuItem-content"
         
     | 
| 
       22 
22 
     | 
    
         
             
                    >
         
     | 
| 
       23 
23 
     | 
    
         
             
                      <div
         
     | 
| 
       24 
     | 
    
         
            -
                        class=" 
     | 
| 
      
 24 
     | 
    
         
            +
                        class="items-center flex"
         
     | 
| 
       25 
25 
     | 
    
         
             
                      >
         
     | 
| 
       26 
26 
     | 
    
         
             
                        <div
         
     | 
| 
       27 
     | 
    
         
            -
                          class=" 
     | 
| 
      
 27 
     | 
    
         
            +
                          class="mr-2 inline-flex PicassoMenuItem-iconContainer"
         
     | 
| 
       28 
28 
     | 
    
         
             
                        />
         
     | 
| 
       29 
29 
     | 
    
         
             
                        <span
         
     | 
| 
       30 
30 
     | 
    
         
             
                          class="PicassoMenuItem-stringContent"
         
     | 
| 
         @@ -33,7 +33,7 @@ exports[`NonNativeSelectOption renders 1`] = ` 
     | 
|
| 
       33 
33 
     | 
    
         
             
                        </span>
         
     | 
| 
       34 
34 
     | 
    
         
             
                      </div>
         
     | 
| 
       35 
35 
     | 
    
         
             
                      <div
         
     | 
| 
       36 
     | 
    
         
            -
                        class=" 
     | 
| 
      
 36 
     | 
    
         
            +
                        class="ml-6 PicassoMenuItem-description"
         
     | 
| 
       37 
37 
     | 
    
         
             
                        style="margin-top: 0.25rem;"
         
     | 
| 
       38 
38 
     | 
    
         
             
                      >
         
     | 
| 
       39 
39 
     | 
    
         
             
                        Test description
         
     | 
| 
         @@ -60,16 +60,16 @@ exports[`NonNativeSelectOption sets attributes correctly 1`] = ` 
     | 
|
| 
       60 
60 
     | 
    
         
             
                  value="option1"
         
     | 
| 
       61 
61 
     | 
    
         
             
                >
         
     | 
| 
       62 
62 
     | 
    
         
             
                  <div
         
     | 
| 
       63 
     | 
    
         
            -
                    class=" 
     | 
| 
      
 63 
     | 
    
         
            +
                    class="flex PicassoMenuItem-itemWrapper"
         
     | 
| 
       64 
64 
     | 
    
         
             
                  >
         
     | 
| 
       65 
65 
     | 
    
         
             
                    <div
         
     | 
| 
       66 
     | 
    
         
            -
                      class=" 
     | 
| 
      
 66 
     | 
    
         
            +
                      class="flex flex-col PicassoMenuItem-content"
         
     | 
| 
       67 
67 
     | 
    
         
             
                    >
         
     | 
| 
       68 
68 
     | 
    
         
             
                      <div
         
     | 
| 
       69 
     | 
    
         
            -
                        class=" 
     | 
| 
      
 69 
     | 
    
         
            +
                        class="items-center flex"
         
     | 
| 
       70 
70 
     | 
    
         
             
                      >
         
     | 
| 
       71 
71 
     | 
    
         
             
                        <div
         
     | 
| 
       72 
     | 
    
         
            -
                          class=" 
     | 
| 
      
 72 
     | 
    
         
            +
                          class="mr-2 inline-flex PicassoMenuItem-iconContainer"
         
     | 
| 
       73 
73 
     | 
    
         
             
                        >
         
     | 
| 
       74 
74 
     | 
    
         
             
                          <svg
         
     | 
| 
       75 
75 
     | 
    
         
             
                            class="PicassoSvgCheckMinor16-root"
         
     | 
| 
         @@ -88,7 +88,7 @@ exports[`NonNativeSelectOption sets attributes correctly 1`] = ` 
     | 
|
| 
       88 
88 
     | 
    
         
             
                        </span>
         
     | 
| 
       89 
89 
     | 
    
         
             
                      </div>
         
     | 
| 
       90 
90 
     | 
    
         
             
                      <div
         
     | 
| 
       91 
     | 
    
         
            -
                        class=" 
     | 
| 
      
 91 
     | 
    
         
            +
                        class="ml-6 PicassoMenuItem-description"
         
     | 
| 
       92 
92 
     | 
    
         
             
                        style="margin-top: 0.25rem;"
         
     | 
| 
       93 
93 
     | 
    
         
             
                      >
         
     | 
| 
       94 
94 
     | 
    
         
             
                        Test description
         
     | 
| 
         @@ -25,13 +25,13 @@ exports[`NonNativeSelectOptions renders 1`] = ` 
     | 
|
| 
       25 
25 
     | 
    
         
             
                        value="1"
         
     | 
| 
       26 
26 
     | 
    
         
             
                      >
         
     | 
| 
       27 
27 
     | 
    
         
             
                        <div
         
     | 
| 
       28 
     | 
    
         
            -
                          class=" 
     | 
| 
      
 28 
     | 
    
         
            +
                          class="flex PicassoMenuItem-itemWrapper"
         
     | 
| 
       29 
29 
     | 
    
         
             
                        >
         
     | 
| 
       30 
30 
     | 
    
         
             
                          <div
         
     | 
| 
       31 
     | 
    
         
            -
                            class=" 
     | 
| 
      
 31 
     | 
    
         
            +
                            class="flex flex-col PicassoMenuItem-content"
         
     | 
| 
       32 
32 
     | 
    
         
             
                          >
         
     | 
| 
       33 
33 
     | 
    
         
             
                            <div
         
     | 
| 
       34 
     | 
    
         
            -
                              class=" 
     | 
| 
      
 34 
     | 
    
         
            +
                              class="items-center flex"
         
     | 
| 
       35 
35 
     | 
    
         
             
                            />
         
     | 
| 
       36 
36 
     | 
    
         
             
                          </div>
         
     | 
| 
       37 
37 
     | 
    
         
             
                        </div>
         
     | 
| 
         @@ -45,13 +45,13 @@ exports[`NonNativeSelectOptions renders 1`] = ` 
     | 
|
| 
       45 
45 
     | 
    
         
             
                        value="2"
         
     | 
| 
       46 
46 
     | 
    
         
             
                      >
         
     | 
| 
       47 
47 
     | 
    
         
             
                        <div
         
     | 
| 
       48 
     | 
    
         
            -
                          class=" 
     | 
| 
      
 48 
     | 
    
         
            +
                          class="flex PicassoMenuItem-itemWrapper"
         
     | 
| 
       49 
49 
     | 
    
         
             
                        >
         
     | 
| 
       50 
50 
     | 
    
         
             
                          <div
         
     | 
| 
       51 
     | 
    
         
            -
                            class=" 
     | 
| 
      
 51 
     | 
    
         
            +
                            class="flex flex-col PicassoMenuItem-content"
         
     | 
| 
       52 
52 
     | 
    
         
             
                          >
         
     | 
| 
       53 
53 
     | 
    
         
             
                            <div
         
     | 
| 
       54 
     | 
    
         
            -
                              class=" 
     | 
| 
      
 54 
     | 
    
         
            +
                              class="items-center flex"
         
     | 
| 
       55 
55 
     | 
    
         
             
                            />
         
     | 
| 
       56 
56 
     | 
    
         
             
                          </div>
         
     | 
| 
       57 
57 
     | 
    
         
             
                        </div>
         
     | 
| 
         @@ -65,13 +65,13 @@ exports[`NonNativeSelectOptions renders 1`] = ` 
     | 
|
| 
       65 
65 
     | 
    
         
             
                        value="3"
         
     | 
| 
       66 
66 
     | 
    
         
             
                      >
         
     | 
| 
       67 
67 
     | 
    
         
             
                        <div
         
     | 
| 
       68 
     | 
    
         
            -
                          class=" 
     | 
| 
      
 68 
     | 
    
         
            +
                          class="flex PicassoMenuItem-itemWrapper"
         
     | 
| 
       69 
69 
     | 
    
         
             
                        >
         
     | 
| 
       70 
70 
     | 
    
         
             
                          <div
         
     | 
| 
       71 
     | 
    
         
            -
                            class=" 
     | 
| 
      
 71 
     | 
    
         
            +
                            class="flex flex-col PicassoMenuItem-content"
         
     | 
| 
       72 
72 
     | 
    
         
             
                          >
         
     | 
| 
       73 
73 
     | 
    
         
             
                            <div
         
     | 
| 
       74 
     | 
    
         
            -
                              class=" 
     | 
| 
      
 74 
     | 
    
         
            +
                              class="items-center flex"
         
     | 
| 
       75 
75 
     | 
    
         
             
                            />
         
     | 
| 
       76 
76 
     | 
    
         
             
                          </div>
         
     | 
| 
       77 
77 
     | 
    
         
             
                        </div>
         
     | 
| 
         @@ -107,13 +107,13 @@ exports[`NonNativeSelectOptions renders no option 1`] = ` 
     | 
|
| 
       107 
107 
     | 
    
         
             
                        tabindex="-1"
         
     | 
| 
       108 
108 
     | 
    
         
             
                      >
         
     | 
| 
       109 
109 
     | 
    
         
             
                        <div
         
     | 
| 
       110 
     | 
    
         
            -
                          class=" 
     | 
| 
      
 110 
     | 
    
         
            +
                          class="flex PicassoMenuItem-itemWrapper"
         
     | 
| 
       111 
111 
     | 
    
         
             
                        >
         
     | 
| 
       112 
112 
     | 
    
         
             
                          <div
         
     | 
| 
       113 
     | 
    
         
            -
                            class=" 
     | 
| 
      
 113 
     | 
    
         
            +
                            class="flex flex-col PicassoMenuItem-content"
         
     | 
| 
       114 
114 
     | 
    
         
             
                          >
         
     | 
| 
       115 
115 
     | 
    
         
             
                            <div
         
     | 
| 
       116 
     | 
    
         
            -
                              class=" 
     | 
| 
      
 116 
     | 
    
         
            +
                              class="items-center flex"
         
     | 
| 
       117 
117 
     | 
    
         
             
                            />
         
     | 
| 
       118 
118 
     | 
    
         
             
                          </div>
         
     | 
| 
       119 
119 
     | 
    
         
             
                        </div>
         
     | 
| 
         @@ -148,13 +148,13 @@ exports[`NonNativeSelectOptions renders option groups 1`] = ` 
     | 
|
| 
       148 
148 
     | 
    
         
             
                        tabindex="-1"
         
     | 
| 
       149 
149 
     | 
    
         
             
                      >
         
     | 
| 
       150 
150 
     | 
    
         
             
                        <div
         
     | 
| 
       151 
     | 
    
         
            -
                          class=" 
     | 
| 
      
 151 
     | 
    
         
            +
                          class="flex PicassoMenuItem-itemWrapper"
         
     | 
| 
       152 
152 
     | 
    
         
             
                        >
         
     | 
| 
       153 
153 
     | 
    
         
             
                          <div
         
     | 
| 
       154 
     | 
    
         
            -
                            class=" 
     | 
| 
      
 154 
     | 
    
         
            +
                            class="flex flex-col PicassoMenuItem-content"
         
     | 
| 
       155 
155 
     | 
    
         
             
                          >
         
     | 
| 
       156 
156 
     | 
    
         
             
                            <div
         
     | 
| 
       157 
     | 
    
         
            -
                              class=" 
     | 
| 
      
 157 
     | 
    
         
            +
                              class="items-center flex"
         
     | 
| 
       158 
158 
     | 
    
         
             
                            >
         
     | 
| 
       159 
159 
     | 
    
         
             
                              <p
         
     | 
| 
       160 
160 
     | 
    
         
             
                                class="m-0 text-xxs text-graphite font-semibold"
         
     | 
| 
         @@ -174,13 +174,13 @@ exports[`NonNativeSelectOptions renders option groups 1`] = ` 
     | 
|
| 
       174 
174 
     | 
    
         
             
                        value="1"
         
     | 
| 
       175 
175 
     | 
    
         
             
                      >
         
     | 
| 
       176 
176 
     | 
    
         
             
                        <div
         
     | 
| 
       177 
     | 
    
         
            -
                          class=" 
     | 
| 
      
 177 
     | 
    
         
            +
                          class="flex PicassoMenuItem-itemWrapper"
         
     | 
| 
       178 
178 
     | 
    
         
             
                        >
         
     | 
| 
       179 
179 
     | 
    
         
             
                          <div
         
     | 
| 
       180 
     | 
    
         
            -
                            class=" 
     | 
| 
      
 180 
     | 
    
         
            +
                            class="flex flex-col PicassoMenuItem-content"
         
     | 
| 
       181 
181 
     | 
    
         
             
                          >
         
     | 
| 
       182 
182 
     | 
    
         
             
                            <div
         
     | 
| 
       183 
     | 
    
         
            -
                              class=" 
     | 
| 
      
 183 
     | 
    
         
            +
                              class="items-center flex"
         
     | 
| 
       184 
184 
     | 
    
         
             
                            />
         
     | 
| 
       185 
185 
     | 
    
         
             
                          </div>
         
     | 
| 
       186 
186 
     | 
    
         
             
                        </div>
         
     | 
| 
         @@ -194,13 +194,13 @@ exports[`NonNativeSelectOptions renders option groups 1`] = ` 
     | 
|
| 
       194 
194 
     | 
    
         
             
                        value="2"
         
     | 
| 
       195 
195 
     | 
    
         
             
                      >
         
     | 
| 
       196 
196 
     | 
    
         
             
                        <div
         
     | 
| 
       197 
     | 
    
         
            -
                          class=" 
     | 
| 
      
 197 
     | 
    
         
            +
                          class="flex PicassoMenuItem-itemWrapper"
         
     | 
| 
       198 
198 
     | 
    
         
             
                        >
         
     | 
| 
       199 
199 
     | 
    
         
             
                          <div
         
     | 
| 
       200 
     | 
    
         
            -
                            class=" 
     | 
| 
      
 200 
     | 
    
         
            +
                            class="flex flex-col PicassoMenuItem-content"
         
     | 
| 
       201 
201 
     | 
    
         
             
                          >
         
     | 
| 
       202 
202 
     | 
    
         
             
                            <div
         
     | 
| 
       203 
     | 
    
         
            -
                              class=" 
     | 
| 
      
 203 
     | 
    
         
            +
                              class="items-center flex"
         
     | 
| 
       204 
204 
     | 
    
         
             
                            />
         
     | 
| 
       205 
205 
     | 
    
         
             
                          </div>
         
     | 
| 
       206 
206 
     | 
    
         
             
                        </div>
         
     | 
| 
         @@ -214,13 +214,13 @@ exports[`NonNativeSelectOptions renders option groups 1`] = ` 
     | 
|
| 
       214 
214 
     | 
    
         
             
                        value="3"
         
     | 
| 
       215 
215 
     | 
    
         
             
                      >
         
     | 
| 
       216 
216 
     | 
    
         
             
                        <div
         
     | 
| 
       217 
     | 
    
         
            -
                          class=" 
     | 
| 
      
 217 
     | 
    
         
            +
                          class="flex PicassoMenuItem-itemWrapper"
         
     | 
| 
       218 
218 
     | 
    
         
             
                        >
         
     | 
| 
       219 
219 
     | 
    
         
             
                          <div
         
     | 
| 
       220 
     | 
    
         
            -
                            class=" 
     | 
| 
      
 220 
     | 
    
         
            +
                            class="flex flex-col PicassoMenuItem-content"
         
     | 
| 
       221 
221 
     | 
    
         
             
                          >
         
     | 
| 
       222 
222 
     | 
    
         
             
                            <div
         
     | 
| 
       223 
     | 
    
         
            -
                              class=" 
     | 
| 
      
 223 
     | 
    
         
            +
                              class="items-center flex"
         
     | 
| 
       224 
224 
     | 
    
         
             
                            />
         
     | 
| 
       225 
225 
     | 
    
         
             
                          </div>
         
     | 
| 
       226 
226 
     | 
    
         
             
                        </div>
         
     | 
| 
         @@ -232,13 +232,13 @@ exports[`NonNativeSelectOptions renders option groups 1`] = ` 
     | 
|
| 
       232 
232 
     | 
    
         
             
                        tabindex="-1"
         
     | 
| 
       233 
233 
     | 
    
         
             
                      >
         
     | 
| 
       234 
234 
     | 
    
         
             
                        <div
         
     | 
| 
       235 
     | 
    
         
            -
                          class=" 
     | 
| 
      
 235 
     | 
    
         
            +
                          class="flex PicassoMenuItem-itemWrapper"
         
     | 
| 
       236 
236 
     | 
    
         
             
                        >
         
     | 
| 
       237 
237 
     | 
    
         
             
                          <div
         
     | 
| 
       238 
     | 
    
         
            -
                            class=" 
     | 
| 
      
 238 
     | 
    
         
            +
                            class="flex flex-col PicassoMenuItem-content"
         
     | 
| 
       239 
239 
     | 
    
         
             
                          >
         
     | 
| 
       240 
240 
     | 
    
         
             
                            <div
         
     | 
| 
       241 
     | 
    
         
            -
                              class=" 
     | 
| 
      
 241 
     | 
    
         
            +
                              class="items-center flex"
         
     | 
| 
       242 
242 
     | 
    
         
             
                            >
         
     | 
| 
       243 
243 
     | 
    
         
             
                              <p
         
     | 
| 
       244 
244 
     | 
    
         
             
                                class="m-0 text-xxs text-graphite font-semibold"
         
     | 
| 
         @@ -258,13 +258,13 @@ exports[`NonNativeSelectOptions renders option groups 1`] = ` 
     | 
|
| 
       258 
258 
     | 
    
         
             
                        value="4"
         
     | 
| 
       259 
259 
     | 
    
         
             
                      >
         
     | 
| 
       260 
260 
     | 
    
         
             
                        <div
         
     | 
| 
       261 
     | 
    
         
            -
                          class=" 
     | 
| 
      
 261 
     | 
    
         
            +
                          class="flex PicassoMenuItem-itemWrapper"
         
     | 
| 
       262 
262 
     | 
    
         
             
                        >
         
     | 
| 
       263 
263 
     | 
    
         
             
                          <div
         
     | 
| 
       264 
     | 
    
         
            -
                            class=" 
     | 
| 
      
 264 
     | 
    
         
            +
                            class="flex flex-col PicassoMenuItem-content"
         
     | 
| 
       265 
265 
     | 
    
         
             
                          >
         
     | 
| 
       266 
266 
     | 
    
         
             
                            <div
         
     | 
| 
       267 
     | 
    
         
            -
                              class=" 
     | 
| 
      
 267 
     | 
    
         
            +
                              class="items-center flex"
         
     | 
| 
       268 
268 
     | 
    
         
             
                            />
         
     | 
| 
       269 
269 
     | 
    
         
             
                          </div>
         
     | 
| 
       270 
270 
     | 
    
         
             
                        </div>
         
     | 
| 
         @@ -278,13 +278,13 @@ exports[`NonNativeSelectOptions renders option groups 1`] = ` 
     | 
|
| 
       278 
278 
     | 
    
         
             
                        value="5"
         
     | 
| 
       279 
279 
     | 
    
         
             
                      >
         
     | 
| 
       280 
280 
     | 
    
         
             
                        <div
         
     | 
| 
       281 
     | 
    
         
            -
                          class=" 
     | 
| 
      
 281 
     | 
    
         
            +
                          class="flex PicassoMenuItem-itemWrapper"
         
     | 
| 
       282 
282 
     | 
    
         
             
                        >
         
     | 
| 
       283 
283 
     | 
    
         
             
                          <div
         
     | 
| 
       284 
     | 
    
         
            -
                            class=" 
     | 
| 
      
 284 
     | 
    
         
            +
                            class="flex flex-col PicassoMenuItem-content"
         
     | 
| 
       285 
285 
     | 
    
         
             
                          >
         
     | 
| 
       286 
286 
     | 
    
         
             
                            <div
         
     | 
| 
       287 
     | 
    
         
            -
                              class=" 
     | 
| 
      
 287 
     | 
    
         
            +
                              class="items-center flex"
         
     | 
| 
       288 
288 
     | 
    
         
             
                            />
         
     | 
| 
       289 
289 
     | 
    
         
             
                          </div>
         
     | 
| 
       290 
290 
     | 
    
         
             
                        </div>
         
     | 
| 
         @@ -23,13 +23,13 @@ exports[`ScrollMenu renders 1`] = ` 
     | 
|
| 
       23 
23 
     | 
    
         
             
                        tabindex="-1"
         
     | 
| 
       24 
24 
     | 
    
         
             
                      >
         
     | 
| 
       25 
25 
     | 
    
         
             
                        <div
         
     | 
| 
       26 
     | 
    
         
            -
                          class=" 
     | 
| 
      
 26 
     | 
    
         
            +
                          class="flex PicassoMenuItem-itemWrapper"
         
     | 
| 
       27 
27 
     | 
    
         
             
                        >
         
     | 
| 
       28 
28 
     | 
    
         
             
                          <div
         
     | 
| 
       29 
     | 
    
         
            -
                            class=" 
     | 
| 
      
 29 
     | 
    
         
            +
                            class="flex flex-col PicassoMenuItem-content"
         
     | 
| 
       30 
30 
     | 
    
         
             
                          >
         
     | 
| 
       31 
31 
     | 
    
         
             
                            <div
         
     | 
| 
       32 
     | 
    
         
            -
                              class=" 
     | 
| 
      
 32 
     | 
    
         
            +
                              class="items-center flex"
         
     | 
| 
       33 
33 
     | 
    
         
             
                            >
         
     | 
| 
       34 
34 
     | 
    
         
             
                              <span
         
     | 
| 
       35 
35 
     | 
    
         
             
                                class="PicassoMenuItem-stringContent"
         
     | 
| 
         @@ -47,13 +47,13 @@ exports[`ScrollMenu renders 1`] = ` 
     | 
|
| 
       47 
47 
     | 
    
         
             
                        tabindex="-1"
         
     | 
| 
       48 
48 
     | 
    
         
             
                      >
         
     | 
| 
       49 
49 
     | 
    
         
             
                        <div
         
     | 
| 
       50 
     | 
    
         
            -
                          class=" 
     | 
| 
      
 50 
     | 
    
         
            +
                          class="flex PicassoMenuItem-itemWrapper"
         
     | 
| 
       51 
51 
     | 
    
         
             
                        >
         
     | 
| 
       52 
52 
     | 
    
         
             
                          <div
         
     | 
| 
       53 
     | 
    
         
            -
                            class=" 
     | 
| 
      
 53 
     | 
    
         
            +
                            class="flex flex-col PicassoMenuItem-content"
         
     | 
| 
       54 
54 
     | 
    
         
             
                          >
         
     | 
| 
       55 
55 
     | 
    
         
             
                            <div
         
     | 
| 
       56 
     | 
    
         
            -
                              class=" 
     | 
| 
      
 56 
     | 
    
         
            +
                              class="items-center flex"
         
     | 
| 
       57 
57 
     | 
    
         
             
                            >
         
     | 
| 
       58 
58 
     | 
    
         
             
                              <span
         
     | 
| 
       59 
59 
     | 
    
         
             
                                class="PicassoMenuItem-stringContent"
         
     | 
| 
         @@ -71,13 +71,13 @@ exports[`ScrollMenu renders 1`] = ` 
     | 
|
| 
       71 
71 
     | 
    
         
             
                        tabindex="-1"
         
     | 
| 
       72 
72 
     | 
    
         
             
                      >
         
     | 
| 
       73 
73 
     | 
    
         
             
                        <div
         
     | 
| 
       74 
     | 
    
         
            -
                          class=" 
     | 
| 
      
 74 
     | 
    
         
            +
                          class="flex PicassoMenuItem-itemWrapper"
         
     | 
| 
       75 
75 
     | 
    
         
             
                        >
         
     | 
| 
       76 
76 
     | 
    
         
             
                          <div
         
     | 
| 
       77 
     | 
    
         
            -
                            class=" 
     | 
| 
      
 77 
     | 
    
         
            +
                            class="flex flex-col PicassoMenuItem-content"
         
     | 
| 
       78 
78 
     | 
    
         
             
                          >
         
     | 
| 
       79 
79 
     | 
    
         
             
                            <div
         
     | 
| 
       80 
     | 
    
         
            -
                              class=" 
     | 
| 
      
 80 
     | 
    
         
            +
                              class="items-center flex"
         
     | 
| 
       81 
81 
     | 
    
         
             
                            >
         
     | 
| 
       82 
82 
     | 
    
         
             
                              <span
         
     | 
| 
       83 
83 
     | 
    
         
             
                                class="PicassoMenuItem-stringContent"
         
     |