@toptal/picasso-button 2.1.1-alpha-cjs-and-esm-publish-test-99555d2ed.11 → 2.1.1-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/package.json +13 -13
- package/src/Button/__snapshots__/test.tsx.snap +2 -2
- package/src/ButtonBase/__snapshots__/test.tsx.snap +11 -11
- package/src/ButtonCheckbox/__snapshots__/test.tsx.snap +2 -2
- package/src/ButtonGroup/__snapshots__/test.tsx.snap +3 -3
- package/src/ButtonRadio/__snapshots__/test.tsx.snap +1 -1
- package/src/ButtonSplit/__snapshots__/test.tsx.snap +5 -5
    
        package/package.json
    CHANGED
    
    | @@ -1,6 +1,6 @@ | |
| 1 1 | 
             
            {
         | 
| 2 2 | 
             
              "name": "@toptal/picasso-button",
         | 
| 3 | 
            -
              "version": "2.1.1-alpha- | 
| 3 | 
            +
              "version": "2.1.1-alpha-fx-5525-container-968fa808d.22+968fa808d",
         | 
| 4 4 | 
             
              "description": "Toptal UI components library - Button",
         | 
| 5 5 | 
             
              "publishConfig": {
         | 
| 6 6 | 
             
                "access": "public"
         | 
| @@ -23,15 +23,15 @@ | |
| 23 23 | 
             
              "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
         | 
| 24 24 | 
             
              "dependencies": {
         | 
| 25 25 | 
             
                "@mui/base": "5.0.0-beta.40",
         | 
| 26 | 
            -
                "@toptal/picasso-checkbox": "2.0.7-alpha- | 
| 27 | 
            -
                "@toptal/picasso-container": "1.0.4-alpha- | 
| 28 | 
            -
                "@toptal/picasso-dropdown": "2.0.4-alpha- | 
| 29 | 
            -
                "@toptal/picasso-icons": "1.4.1-alpha- | 
| 30 | 
            -
                "@toptal/picasso-link": "1.0.4-alpha- | 
| 31 | 
            -
                "@toptal/picasso-loader": "1.0.4-alpha- | 
| 32 | 
            -
                "@toptal/picasso-radio": "2.0.7-alpha- | 
| 33 | 
            -
                "@toptal/picasso-shared": "15.0.1-alpha- | 
| 34 | 
            -
                "@toptal/picasso-utils": "1.0.4-alpha- | 
| 26 | 
            +
                "@toptal/picasso-checkbox": "2.0.7-alpha-fx-5525-container-968fa808d.42+968fa808d",
         | 
| 27 | 
            +
                "@toptal/picasso-container": "1.0.4-alpha-fx-5525-container-968fa808d.76+968fa808d",
         | 
| 28 | 
            +
                "@toptal/picasso-dropdown": "2.0.4-alpha-fx-5525-container-968fa808d.74+968fa808d",
         | 
| 29 | 
            +
                "@toptal/picasso-icons": "1.4.1-alpha-fx-5525-container-968fa808d.42+968fa808d",
         | 
| 30 | 
            +
                "@toptal/picasso-link": "1.0.4-alpha-fx-5525-container-968fa808d.76+968fa808d",
         | 
| 31 | 
            +
                "@toptal/picasso-loader": "1.0.4-alpha-fx-5525-container-968fa808d.76+968fa808d",
         | 
| 32 | 
            +
                "@toptal/picasso-radio": "2.0.7-alpha-fx-5525-container-968fa808d.42+968fa808d",
         | 
| 33 | 
            +
                "@toptal/picasso-shared": "15.0.1-alpha-fx-5525-container-968fa808d.76+968fa808d",
         | 
| 34 | 
            +
                "@toptal/picasso-utils": "1.0.4-alpha-fx-5525-container-968fa808d.76+968fa808d",
         | 
| 35 35 | 
             
                "ap-style-title-case": "^1.1.2",
         | 
| 36 36 | 
             
                "classnames": "^2.5.1",
         | 
| 37 37 | 
             
                "tailwind-merge": "^2.2.2"
         | 
| @@ -49,13 +49,13 @@ | |
| 49 49 | 
             
                ".": "./dist-package/src/index.js"
         | 
| 50 50 | 
             
              },
         | 
| 51 51 | 
             
              "devDependencies": {
         | 
| 52 | 
            -
                "@toptal/picasso-provider": "4.2.2-alpha- | 
| 53 | 
            -
                "@toptal/picasso-test-utils": "1.1.2-alpha- | 
| 52 | 
            +
                "@toptal/picasso-provider": "4.2.2-alpha-fx-5525-container-968fa808d.84+968fa808d",
         | 
| 53 | 
            +
                "@toptal/picasso-test-utils": "1.1.2-alpha-fx-5525-container-968fa808d.76+968fa808d"
         | 
| 54 54 | 
             
              },
         | 
| 55 55 | 
             
              "files": [
         | 
| 56 56 | 
             
                "dist-package/**",
         | 
| 57 57 | 
             
                "!dist-package/tsconfig.tsbuildinfo",
         | 
| 58 58 | 
             
                "src"
         | 
| 59 59 | 
             
              ],
         | 
| 60 | 
            -
              "gitHead": " | 
| 60 | 
            +
              "gitHead": "968fa808df499448786949e11d58be225c4795ce"
         | 
| 61 61 | 
             
            }
         | 
| @@ -15,7 +15,7 @@ exports[`Button disabled button as link renders disabled version 1`] = ` | |
| 15 15 | 
             
                  type="button"
         | 
| 16 16 | 
             
                >
         | 
| 17 17 | 
             
                  <span
         | 
| 18 | 
            -
                    class=" | 
| 18 | 
            +
                    class="items-center inline-flex font-semibold whitespace-nowrap text-button"
         | 
| 19 19 | 
             
                  >
         | 
| 20 20 | 
             
                    Click me!
         | 
| 21 21 | 
             
                  </span>
         | 
| @@ -39,7 +39,7 @@ exports[`Button disabled button renders disabled version 1`] = ` | |
| 39 39 | 
             
                  type="button"
         | 
| 40 40 | 
             
                >
         | 
| 41 41 | 
             
                  <span
         | 
| 42 | 
            -
                    class=" | 
| 42 | 
            +
                    class="items-center inline-flex font-semibold whitespace-nowrap text-button"
         | 
| 43 43 | 
             
                  >
         | 
| 44 44 | 
             
                    Click me!
         | 
| 45 45 | 
             
                  </span>
         | 
| @@ -15,7 +15,7 @@ exports[`ButtonBase when "as" prop is passed when "as" prop does not equal "butt | |
| 15 15 | 
             
                  type="button"
         | 
| 16 16 | 
             
                >
         | 
| 17 17 | 
             
                  <span
         | 
| 18 | 
            -
                    class=" | 
| 18 | 
            +
                    class="items-center inline-flex"
         | 
| 19 19 | 
             
                  >
         | 
| 20 20 | 
             
                    Click me!
         | 
| 21 21 | 
             
                  </span>
         | 
| @@ -39,7 +39,7 @@ exports[`ButtonBase when "as" prop is passed when "as" prop does not equal "butt | |
| 39 39 | 
             
                  type="button"
         | 
| 40 40 | 
             
                >
         | 
| 41 41 | 
             
                  <span
         | 
| 42 | 
            -
                    class=" | 
| 42 | 
            +
                    class="items-center inline-flex"
         | 
| 43 43 | 
             
                  >
         | 
| 44 44 | 
             
                    Click me!
         | 
| 45 45 | 
             
                  </span>
         | 
| @@ -63,7 +63,7 @@ exports[`ButtonBase when "as" prop is passed when "as" prop equals "Link" compon | |
| 63 63 | 
             
                  type="button"
         | 
| 64 64 | 
             
                >
         | 
| 65 65 | 
             
                  <span
         | 
| 66 | 
            -
                    class=" | 
| 66 | 
            +
                    class="items-center inline-flex"
         | 
| 67 67 | 
             
                  >
         | 
| 68 68 | 
             
                    Click me!
         | 
| 69 69 | 
             
                  </span>
         | 
| @@ -87,7 +87,7 @@ exports[`ButtonBase when "as" prop is passed when "as" prop equals "Link" compon | |
| 87 87 | 
             
                  type="button"
         | 
| 88 88 | 
             
                >
         | 
| 89 89 | 
             
                  <span
         | 
| 90 | 
            -
                    class=" | 
| 90 | 
            +
                    class="items-center inline-flex"
         | 
| 91 91 | 
             
                  >
         | 
| 92 92 | 
             
                    Click me!
         | 
| 93 93 | 
             
                  </span>
         | 
| @@ -111,7 +111,7 @@ exports[`ButtonBase when "as" prop is passed when "as" prop equals "Link" compon | |
| 111 111 | 
             
                  type="button"
         | 
| 112 112 | 
             
                >
         | 
| 113 113 | 
             
                  <span
         | 
| 114 | 
            -
                    class=" | 
| 114 | 
            +
                    class="items-center inline-flex"
         | 
| 115 115 | 
             
                  >
         | 
| 116 116 | 
             
                    Click me!
         | 
| 117 117 | 
             
                  </span>
         | 
| @@ -135,7 +135,7 @@ exports[`ButtonBase when "as" prop is passed when "as" prop equals "a" renders B | |
| 135 135 | 
             
                  type="button"
         | 
| 136 136 | 
             
                >
         | 
| 137 137 | 
             
                  <span
         | 
| 138 | 
            -
                    class=" | 
| 138 | 
            +
                    class="items-center inline-flex"
         | 
| 139 139 | 
             
                  >
         | 
| 140 140 | 
             
                    Click me!
         | 
| 141 141 | 
             
                  </span>
         | 
| @@ -158,7 +158,7 @@ exports[`ButtonBase when "disabled" prop is false renders Button and does not tr | |
| 158 158 | 
             
                  type="button"
         | 
| 159 159 | 
             
                >
         | 
| 160 160 | 
             
                  <span
         | 
| 161 | 
            -
                    class=" | 
| 161 | 
            +
                    class="items-center inline-flex"
         | 
| 162 162 | 
             
                  >
         | 
| 163 163 | 
             
                    Click me!
         | 
| 164 164 | 
             
                  </span>
         | 
| @@ -182,7 +182,7 @@ exports[`ButtonBase when "disabled" prop is true renders Button and does not tri | |
| 182 182 | 
             
                  type="button"
         | 
| 183 183 | 
             
                >
         | 
| 184 184 | 
             
                  <span
         | 
| 185 | 
            -
                    class=" | 
| 185 | 
            +
                    class="items-center inline-flex"
         | 
| 186 186 | 
             
                  >
         | 
| 187 187 | 
             
                    Click me!
         | 
| 188 188 | 
             
                  </span>
         | 
| @@ -205,7 +205,7 @@ exports[`ButtonBase when "loading" prop is true renders Button with loading stat | |
| 205 205 | 
             
                  type="button"
         | 
| 206 206 | 
             
                >
         | 
| 207 207 | 
             
                  <span
         | 
| 208 | 
            -
                    class=" | 
| 208 | 
            +
                    class="items-center inline-flex"
         | 
| 209 209 | 
             
                  >
         | 
| 210 210 | 
             
                    Click me!
         | 
| 211 211 | 
             
                  </span>
         | 
| @@ -253,7 +253,7 @@ exports[`ButtonBase when "role" prop is passed renders Button with a custom role | |
| 253 253 | 
             
                  type="button"
         | 
| 254 254 | 
             
                >
         | 
| 255 255 | 
             
                  <span
         | 
| 256 | 
            -
                    class=" | 
| 256 | 
            +
                    class="items-center inline-flex"
         | 
| 257 257 | 
             
                  >
         | 
| 258 258 | 
             
                    Click me!
         | 
| 259 259 | 
             
                  </span>
         | 
| @@ -276,7 +276,7 @@ exports[`ButtonBase when "titleCase" prop is true renders Button with transforme | |
| 276 276 | 
             
                  type="button"
         | 
| 277 277 | 
             
                >
         | 
| 278 278 | 
             
                  <span
         | 
| 279 | 
            -
                    class=" | 
| 279 | 
            +
                    class="items-center inline-flex"
         | 
| 280 280 | 
             
                  >
         | 
| 281 281 | 
             
                    __TITLE_CASE__Test bk9
         | 
| 282 282 | 
             
                  </span>
         | 
| @@ -14,10 +14,10 @@ exports[`ButtonCheckbox renders 1`] = ` | |
| 14 14 | 
             
                  type="button"
         | 
| 15 15 | 
             
                >
         | 
| 16 16 | 
             
                  <span
         | 
| 17 | 
            -
                    class=" | 
| 17 | 
            +
                    class="items-center inline-flex font-semibold whitespace-nowrap text-button"
         | 
| 18 18 | 
             
                  >
         | 
| 19 19 | 
             
                    <span
         | 
| 20 | 
            -
                      class=" | 
| 20 | 
            +
                      class="inline-flex PicassoCheckbox-checkboxWrapper"
         | 
| 21 21 | 
             
                    >
         | 
| 22 22 | 
             
                      <span
         | 
| 23 23 | 
             
                        aria-disabled="false"
         | 
| @@ -17,7 +17,7 @@ exports[`ButtonGroup render 1`] = ` | |
| 17 17 | 
             
                    type="button"
         | 
| 18 18 | 
             
                  >
         | 
| 19 19 | 
             
                    <span
         | 
| 20 | 
            -
                      class=" | 
| 20 | 
            +
                      class="items-center inline-flex font-semibold whitespace-nowrap text-button"
         | 
| 21 21 | 
             
                    >
         | 
| 22 22 | 
             
                      One
         | 
| 23 23 | 
             
                    </span>
         | 
| @@ -31,7 +31,7 @@ exports[`ButtonGroup render 1`] = ` | |
| 31 31 | 
             
                    type="button"
         | 
| 32 32 | 
             
                  >
         | 
| 33 33 | 
             
                    <span
         | 
| 34 | 
            -
                      class=" | 
| 34 | 
            +
                      class="items-center inline-flex font-semibold whitespace-nowrap text-button"
         | 
| 35 35 | 
             
                    >
         | 
| 36 36 | 
             
                      Two
         | 
| 37 37 | 
             
                    </span>
         | 
| @@ -45,7 +45,7 @@ exports[`ButtonGroup render 1`] = ` | |
| 45 45 | 
             
                    type="button"
         | 
| 46 46 | 
             
                  >
         | 
| 47 47 | 
             
                    <span
         | 
| 48 | 
            -
                      class=" | 
| 48 | 
            +
                      class="items-center inline-flex font-semibold whitespace-nowrap text-button"
         | 
| 49 49 | 
             
                    >
         | 
| 50 50 | 
             
                      Three
         | 
| 51 51 | 
             
                    </span>
         | 
| @@ -14,7 +14,7 @@ exports[`ButtonRadio renders 1`] = ` | |
| 14 14 | 
             
                  type="button"
         | 
| 15 15 | 
             
                >
         | 
| 16 16 | 
             
                  <span
         | 
| 17 | 
            -
                    class=" | 
| 17 | 
            +
                    class="items-center inline-flex font-semibold whitespace-nowrap text-button"
         | 
| 18 18 | 
             
                  >
         | 
| 19 19 | 
             
                    <span
         | 
| 20 20 | 
             
                      aria-disabled="false"
         | 
| @@ -2,7 +2,7 @@ | |
| 2 2 |  | 
| 3 3 | 
             
            exports[`ButtonSplit closes menu on click to the item 1`] = `
         | 
| 4 4 | 
             
            <svg
         | 
| 5 | 
            -
              class="PicassoSvgArrowDownMinor24-root- | 
| 5 | 
            +
              class="PicassoSvgArrowDownMinor24-root-29"
         | 
| 6 6 | 
             
              style="min-width: 24px; min-height: 24px;"
         | 
| 7 7 | 
             
              viewBox="0 0 24 24"
         | 
| 8 8 | 
             
            >
         | 
| @@ -29,7 +29,7 @@ exports[`ButtonSplit default render 1`] = ` | |
| 29 29 | 
             
                    type="button"
         | 
| 30 30 | 
             
                  >
         | 
| 31 31 | 
             
                    <span
         | 
| 32 | 
            -
                      class=" | 
| 32 | 
            +
                      class="items-center inline-flex font-semibold whitespace-nowrap text-button"
         | 
| 33 33 | 
             
                    >
         | 
| 34 34 | 
             
                      Action
         | 
| 35 35 | 
             
                    </span>
         | 
| @@ -49,7 +49,7 @@ exports[`ButtonSplit default render 1`] = ` | |
| 49 49 | 
             
                        type="button"
         | 
| 50 50 | 
             
                      >
         | 
| 51 51 | 
             
                        <span
         | 
| 52 | 
            -
                          class=" | 
| 52 | 
            +
                          class="items-center inline-flex font-semibold whitespace-nowrap text-button"
         | 
| 53 53 | 
             
                        >
         | 
| 54 54 | 
             
                          <svg
         | 
| 55 55 | 
             
                            class="PicassoSvgArrowDownMinor16-root"
         | 
| @@ -71,7 +71,7 @@ exports[`ButtonSplit default render 1`] = ` | |
| 71 71 |  | 
| 72 72 | 
             
            exports[`ButtonSplit renders arrow down icon for a closed menu 1`] = `
         | 
| 73 73 | 
             
            <svg
         | 
| 74 | 
            -
              class="PicassoSvgArrowDownMinor16-root- | 
| 74 | 
            +
              class="PicassoSvgArrowDownMinor16-root-29"
         | 
| 75 75 | 
             
              style="min-width: 16px; min-height: 16px;"
         | 
| 76 76 | 
             
              viewBox="0 0 16 16"
         | 
| 77 77 | 
             
            >
         | 
| @@ -83,7 +83,7 @@ exports[`ButtonSplit renders arrow down icon for a closed menu 1`] = ` | |
| 83 83 |  | 
| 84 84 | 
             
            exports[`ButtonSplit renders arrow up icon for an opened menu 1`] = `
         | 
| 85 85 | 
             
            <svg
         | 
| 86 | 
            -
              class="PicassoSvgArrowDownMinor16-root- | 
| 86 | 
            +
              class="PicassoSvgArrowDownMinor16-root-29 rotate-180"
         | 
| 87 87 | 
             
              style="min-width: 16px; min-height: 16px;"
         | 
| 88 88 | 
             
              viewBox="0 0 16 16"
         | 
| 89 89 | 
             
            >
         |