@toptal/picasso-utils 1.0.3-alpha-FX-5195-fix-button-css-precedence-d506658ee.56 → 1.0.3-alpha-feature-migrate-buttons-d11d10471.64

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.
Files changed (2) hide show
  1. package/package.json +5 -5
  2. package/src/utils/Modal/__snapshots__/test.tsx.snap +10 -10
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso-utils",
3
- "version": "1.0.3-alpha-FX-5195-fix-button-css-precedence-d506658ee.56+d506658ee",
3
+ "version": "1.0.3-alpha-feature-migrate-buttons-d11d10471.64+d11d10471",
4
4
  "description": "Toptal UI components library - Utils",
5
5
  "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
6
6
  "bugs": {
@@ -26,13 +26,13 @@
26
26
  "prepublishOnly": "yarn build:package"
27
27
  },
28
28
  "dependencies": {
29
- "@toptal/picasso-shared": "14.0.2-alpha-FX-5195-fix-button-css-precedence-d506658ee.56+d506658ee",
29
+ "@toptal/picasso-shared": "14.0.2-alpha-feature-migrate-buttons-d11d10471.64+d11d10471",
30
30
  "ap-style-title-case": "^1.1.2",
31
31
  "classnames": "^2.5.1"
32
32
  },
33
33
  "devDependencies": {
34
- "@toptal/picasso-provider": "4.2.1-alpha-FX-5195-fix-button-css-precedence-d506658ee.27+d506658ee",
35
- "@toptal/picasso-test-utils": "1.1.1-alpha-FX-5195-fix-button-css-precedence-d506658ee.48+d506658ee",
34
+ "@toptal/picasso-provider": "4.2.1-alpha-feature-migrate-buttons-d11d10471.35+d11d10471",
35
+ "@toptal/picasso-test-utils": "1.1.1-alpha-feature-migrate-buttons-d11d10471.56+d11d10471",
36
36
  "styled-components": "^6.1.1"
37
37
  },
38
38
  "peerDependencies": {
@@ -49,5 +49,5 @@
49
49
  "!dist-package/tsconfig.tsbuildinfo",
50
50
  "src"
51
51
  ],
52
- "gitHead": "d506658ee4c9b1708da9f1d5ca1ac1abfceb8a9f"
52
+ "gitHead": "d11d1047100fb9cfe39e7d0f98884130f8d07543"
53
53
  }
package/src/utils/Modal/__snapshots__/test.tsx.snap CHANGED
@@ -11,13 +11,13 @@ exports[`Modal useModal opens and closes modal 1`] = `
11
11
  >
12
12
  <button
13
13
  aria-hidden="true"
14
- class="MuiButtonBase-root PicassoButton-medium PicassoButton-primary PicassoButton-root"
14
+ class="base-Button text-lg inline-flex items-center justify-center select-none appearance-none m-0 relative normal-case align-middle transition-colors duration-350 ease-out shrink-0 outline-none [&+&]:ml-4 cursor-pointer no-underline rounded-sm shadow-none focus-visible:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] border-none text-white visited:text-white hover:bg-[#4269D6] active:bg-[#1A41AB] bg-blue min-w h-8 py-0 px-4"
15
15
  data-component-type="button"
16
16
  tabindex="0"
17
17
  type="button"
18
18
  >
19
19
  <span
20
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline PicassoButton-content"
20
+ class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
21
21
  >
22
22
  Show
23
23
  </span>
@@ -50,13 +50,13 @@ exports[`Modal useModal opens and closes modal 1`] = `
50
50
  Modal content
51
51
  </p>
52
52
  <button
53
- class="MuiButtonBase-root PicassoButton-medium PicassoButton-primary PicassoButton-root"
53
+ class="base-Button text-lg inline-flex items-center justify-center select-none appearance-none m-0 relative normal-case align-middle transition-colors duration-350 ease-out shrink-0 outline-none [&+&]:ml-4 cursor-pointer no-underline rounded-sm shadow-none focus-visible:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] border-none text-white visited:text-white hover:bg-[#4269D6] active:bg-[#1A41AB] bg-blue min-w h-8 py-0 px-4"
54
54
  data-component-type="button"
55
55
  tabindex="0"
56
56
  type="button"
57
57
  >
58
58
  <span
59
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline PicassoButton-content"
59
+ class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
60
60
  >
61
61
  Hide
62
62
  </span>
@@ -83,13 +83,13 @@ exports[`Modal useModal opens and closes modal 2`] = `
83
83
  class="Picasso-root"
84
84
  >
85
85
  <button
86
- class="MuiButtonBase-root PicassoButton-medium PicassoButton-primary PicassoButton-root"
86
+ class="base-Button text-lg inline-flex items-center justify-center select-none appearance-none m-0 relative normal-case align-middle transition-colors duration-350 ease-out shrink-0 outline-none [&+&]:ml-4 cursor-pointer no-underline rounded-sm shadow-none focus-visible:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] border-none text-white visited:text-white hover:bg-[#4269D6] active:bg-[#1A41AB] bg-blue min-w h-8 py-0 px-4"
87
87
  data-component-type="button"
88
88
  tabindex="0"
89
89
  type="button"
90
90
  >
91
91
  <span
92
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline PicassoButton-content"
92
+ class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
93
93
  >
94
94
  Show
95
95
  </span>
@@ -110,26 +110,26 @@ exports[`Modal useModal shows multiple modals at the same time 1`] = `
110
110
  >
111
111
  <button
112
112
  aria-hidden="true"
113
- class="MuiButtonBase-root PicassoButton-medium PicassoButton-primary PicassoButton-root"
113
+ class="base-Button text-lg inline-flex items-center justify-center select-none appearance-none m-0 relative normal-case align-middle transition-colors duration-350 ease-out shrink-0 outline-none [&+&]:ml-4 cursor-pointer no-underline rounded-sm shadow-none focus-visible:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] border-none text-white visited:text-white hover:bg-[#4269D6] active:bg-[#1A41AB] bg-blue min-w h-8 py-0 px-4"
114
114
  data-component-type="button"
115
115
  tabindex="0"
116
116
  type="button"
117
117
  >
118
118
  <span
119
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline PicassoButton-content"
119
+ class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
120
120
  >
121
121
  Show first
122
122
  </span>
123
123
  </button>
124
124
  <button
125
125
  aria-hidden="true"
126
- class="MuiButtonBase-root PicassoButton-medium PicassoButton-primary PicassoButton-root"
126
+ class="base-Button text-lg inline-flex items-center justify-center select-none appearance-none m-0 relative normal-case align-middle transition-colors duration-350 ease-out shrink-0 outline-none [&+&]:ml-4 cursor-pointer no-underline rounded-sm shadow-none focus-visible:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] border-none text-white visited:text-white hover:bg-[#4269D6] active:bg-[#1A41AB] bg-blue min-w h-8 py-0 px-4"
127
127
  data-component-type="button"
128
128
  tabindex="0"
129
129
  type="button"
130
130
  >
131
131
  <span
132
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline PicassoButton-content"
132
+ class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
133
133
  >
134
134
  Show second
135
135
  </span>