@toptal/picasso-alert 2.0.1 → 3.0.1

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 (3) hide show
  1. package/package.json +7 -7
  2. package/src/Alert/__snapshots__/test.tsx.snap +9 -9
  3. package/src/AlertInline/__snapshots__/test.tsx.snap +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso-alert",
3
- "version": "2.0.1",
3
+ "version": "3.0.1",
4
4
  "description": "Toptal UI components library - Alert",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -22,10 +22,10 @@
22
22
  },
23
23
  "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
24
24
  "dependencies": {
25
- "@toptal/picasso-button": "2.1.1",
26
- "@toptal/picasso-container": "1.0.3",
27
- "@toptal/picasso-icons": "1.5.0",
28
- "@toptal/picasso-typography": "2.0.2",
25
+ "@toptal/picasso-button": "3.0.1",
26
+ "@toptal/picasso-container": "2.0.0",
27
+ "@toptal/picasso-icons": "1.6.0",
28
+ "@toptal/picasso-typography": "3.0.0",
29
29
  "@toptal/picasso-utils": "1.0.3"
30
30
  },
31
31
  "sideEffects": [
@@ -34,7 +34,7 @@
34
34
  ],
35
35
  "peerDependencies": {
36
36
  "@toptal/picasso-provider": "*",
37
- "@toptal/picasso-tailwind": ">=2.6",
37
+ "@toptal/picasso-tailwind": ">=2.7",
38
38
  "react": ">=16.12.0 < 19.0.0"
39
39
  },
40
40
  "exports": {
@@ -44,7 +44,7 @@
44
44
  "./AlertCompound/*": "./dist-package/src/AlertInline/*"
45
45
  },
46
46
  "devDependencies": {
47
- "@toptal/picasso-provider": "4.2.1",
47
+ "@toptal/picasso-provider": "5.0.0",
48
48
  "@toptal/picasso-test-utils": "1.1.1"
49
49
  },
50
50
  "files": [
package/src/Alert/__snapshots__/test.tsx.snap CHANGED
@@ -6,14 +6,14 @@ exports[`Alert renders 1`] = `
6
6
  class="Picasso-root"
7
7
  >
8
8
  <div
9
- class="PicassoContainer-yellowVariant PicassoContainer-smallPadding PicassoContainer-spaceBetweenJustifyContent PicassoContainer-rounded PicassoContainer-flex"
9
+ class="bg-yellow border border-solid border-yellow p-4 justify-between rounded-md flex"
10
10
  role="alert"
11
11
  >
12
12
  <div
13
- class="PicassoContainer-flex PicassoContainer-inline text-lg/[1.375em]"
13
+ class="inline-flex text-lg/[1.375em]"
14
14
  >
15
15
  <div
16
- class="PicassoContainer-rightsmallMargin PicassoContainer-centerAlignItems PicassoContainer-flex h-[1.375em]"
16
+ class="mr-4 items-center flex h-[1.375em]"
17
17
  >
18
18
  <svg
19
19
  class="PicassoSvgExclamation16-root PicassoSvgExclamation16-yellow"
@@ -32,13 +32,13 @@ exports[`Alert renders 1`] = `
32
32
  </div>
33
33
  </div>
34
34
  <div
35
- class="PicassoContainer-flex PicassoContainer-inline"
35
+ class="inline-flex"
36
36
  >
37
37
  <div
38
- class="PicassoContainer-flex PicassoContainer-inline PicassoContainer-spacing4Gap"
38
+ class="gap-4 inline-flex"
39
39
  >
40
40
  <div
41
- class="PicassoContainer-inline"
41
+ class="inline-block"
42
42
  >
43
43
  <button
44
44
  aria-disabled="false"
@@ -50,14 +50,14 @@ exports[`Alert renders 1`] = `
50
50
  type="button"
51
51
  >
52
52
  <span
53
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
53
+ class="items-center inline-flex font-semibold whitespace-nowrap text-button"
54
54
  >
55
55
  Primary
56
56
  </span>
57
57
  </button>
58
58
  </div>
59
59
  <div
60
- class="PicassoContainer-inline"
60
+ class="inline-block"
61
61
  >
62
62
  <button
63
63
  aria-disabled="false"
@@ -69,7 +69,7 @@ exports[`Alert renders 1`] = `
69
69
  type="button"
70
70
  >
71
71
  <span
72
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
72
+ class="items-center inline-flex font-semibold whitespace-nowrap text-button"
73
73
  >
74
74
  Secondary
75
75
  </span>
package/src/AlertInline/__snapshots__/test.tsx.snap CHANGED
@@ -6,10 +6,10 @@ exports[`Alert renders 1`] = `
6
6
  class="Picasso-root"
7
7
  >
8
8
  <div
9
- class="PicassoContainer-flex PicassoContainer-inline text-lg/[1.375em]"
9
+ class="inline-flex text-lg/[1.375em]"
10
10
  >
11
11
  <div
12
- class="PicassoContainer-rightxsmallMargin PicassoContainer-centerAlignItems PicassoContainer-flex h-[1.25em]"
12
+ class="mr-2 items-center flex h-[1.25em]"
13
13
  >
14
14
  <svg
15
15
  class="PicassoSvgExclamationSolid16-root PicassoSvgExclamationSolid16-yellow"