@toptal/picasso-utils 1.0.3-alpha-fx-5263-merge-feature-branch-d124b1f9a.72 → 1.0.3-alpha-fx-4594-migrate-griditem-4e798b92d.89

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 -20
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso-utils",
3
- "version": "1.0.3-alpha-fx-5263-merge-feature-branch-d124b1f9a.72+d124b1f9a",
3
+ "version": "1.0.3-alpha-fx-4594-migrate-griditem-4e798b92d.89+4e798b92d",
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-5263-merge-feature-branch-d124b1f9a.72+d124b1f9a",
29
+ "@toptal/picasso-shared": "14.0.2-alpha-fx-4594-migrate-griditem-4e798b92d.89+4e798b92d",
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-5263-merge-feature-branch-d124b1f9a.43+d124b1f9a",
35
- "@toptal/picasso-test-utils": "1.1.1-alpha-fx-5263-merge-feature-branch-d124b1f9a.64+d124b1f9a",
34
+ "@toptal/picasso-provider": "4.2.1-alpha-fx-4594-migrate-griditem-4e798b92d.60+4e798b92d",
35
+ "@toptal/picasso-test-utils": "1.1.1-alpha-fx-4594-migrate-griditem-4e798b92d.81+4e798b92d",
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": "d124b1f9aadd31c53d6d913526e17fac9cbeedb8"
52
+ "gitHead": "4e798b92d85e30e3af8c7d29c547b98a09ee1418"
53
53
  }
package/src/utils/Modal/__snapshots__/test.tsx.snap CHANGED
@@ -10,16 +10,14 @@ exports[`Modal useModal opens and closes modal 1`] = `
10
10
  class="Picasso-root"
11
11
  >
12
12
  <button
13
- aria-disabled="false"
14
13
  aria-hidden="true"
15
- 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)] focus-within: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"
14
+ class="MuiButtonBase-root PicassoButton-medium PicassoButton-primary PicassoButton-root"
16
15
  data-component-type="button"
17
- role="button"
18
16
  tabindex="0"
19
17
  type="button"
20
18
  >
21
19
  <span
22
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
20
+ class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline PicassoButton-content"
23
21
  >
24
22
  Show
25
23
  </span>
@@ -52,15 +50,13 @@ exports[`Modal useModal opens and closes modal 1`] = `
52
50
  Modal content
53
51
  </p>
54
52
  <button
55
- aria-disabled="false"
56
- 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)] focus-within: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"
53
+ class="MuiButtonBase-root PicassoButton-medium PicassoButton-primary PicassoButton-root"
57
54
  data-component-type="button"
58
- role="button"
59
55
  tabindex="0"
60
56
  type="button"
61
57
  >
62
58
  <span
63
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
59
+ class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline PicassoButton-content"
64
60
  >
65
61
  Hide
66
62
  </span>
@@ -87,15 +83,13 @@ exports[`Modal useModal opens and closes modal 2`] = `
87
83
  class="Picasso-root"
88
84
  >
89
85
  <button
90
- aria-disabled="false"
91
- 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)] focus-within: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"
86
+ class="MuiButtonBase-root PicassoButton-medium PicassoButton-primary PicassoButton-root"
92
87
  data-component-type="button"
93
- role="button"
94
88
  tabindex="0"
95
89
  type="button"
96
90
  >
97
91
  <span
98
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
92
+ class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline PicassoButton-content"
99
93
  >
100
94
  Show
101
95
  </span>
@@ -115,31 +109,27 @@ exports[`Modal useModal shows multiple modals at the same time 1`] = `
115
109
  class="Picasso-root"
116
110
  >
117
111
  <button
118
- aria-disabled="false"
119
112
  aria-hidden="true"
120
- 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)] focus-within: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"
113
+ class="MuiButtonBase-root PicassoButton-medium PicassoButton-primary PicassoButton-root"
121
114
  data-component-type="button"
122
- role="button"
123
115
  tabindex="0"
124
116
  type="button"
125
117
  >
126
118
  <span
127
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
119
+ class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline PicassoButton-content"
128
120
  >
129
121
  Show first
130
122
  </span>
131
123
  </button>
132
124
  <button
133
- aria-disabled="false"
134
125
  aria-hidden="true"
135
- 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)] focus-within: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"
126
+ class="MuiButtonBase-root PicassoButton-medium PicassoButton-primary PicassoButton-root"
136
127
  data-component-type="button"
137
- role="button"
138
128
  tabindex="0"
139
129
  type="button"
140
130
  >
141
131
  <span
142
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
132
+ class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline PicassoButton-content"
143
133
  >
144
134
  Show second
145
135
  </span>