@toptal/picasso-section 2.0.5 → 2.0.6

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 +7 -7
  2. package/src/Section/__snapshots__/test.tsx.snap +10 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso-section",
3
- "version": "2.0.5",
3
+ "version": "2.0.6",
4
4
  "description": "Toptal UI components library - Section",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -22,11 +22,11 @@
22
22
  },
23
23
  "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
24
24
  "dependencies": {
25
- "@toptal/picasso-button": "1.0.13",
26
- "@toptal/picasso-container": "1.0.2",
27
- "@toptal/picasso-icons": "1.1.0",
28
- "@toptal/picasso-typography": "2.0.0",
29
- "@toptal/picasso-utils": "1.0.2",
25
+ "@toptal/picasso-button": "2.0.0",
26
+ "@toptal/picasso-container": "1.0.3",
27
+ "@toptal/picasso-icons": "1.1.1",
28
+ "@toptal/picasso-typography": "2.0.1",
29
+ "@toptal/picasso-utils": "1.0.3",
30
30
  "classnames": "^2.5.1"
31
31
  },
32
32
  "sideEffects": [
@@ -42,7 +42,7 @@
42
42
  ".": "./dist-package/src/index.js"
43
43
  },
44
44
  "devDependencies": {
45
- "@toptal/picasso-test-utils": "1.1.0"
45
+ "@toptal/picasso-test-utils": "1.1.1"
46
46
  },
47
47
  "files": [
48
48
  "dist-package/**",
package/src/Section/__snapshots__/test.tsx.snap CHANGED
@@ -17,17 +17,19 @@ exports[`Section renders collapsible initially collapsed 1`] = `
17
17
  data-testid="actions"
18
18
  >
19
19
  <button
20
- class="MuiButtonBase-root PicassoButton-small PicassoButton-primary PicassoButton-root PicassoButtonCircular-flat PicassoButtonCircular-root"
20
+ aria-disabled="false"
21
+ 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 rounded-full p-0 w-[1.5em] h-[1.5em] border-none text-graphite hover:bg-gray active:bg-gray focus-visible:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] bg-transparent"
21
22
  data-component-type="button"
22
23
  data-testid="collapse"
24
+ role="button"
23
25
  tabindex="0"
24
26
  type="button"
25
27
  >
26
28
  <span
27
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline PicassoButton-content"
29
+ class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
28
30
  >
29
31
  <svg
30
- class="PicassoSvgArrowDownMinor16-root PicassoButton-icon Rotate180-transition"
32
+ class="PicassoSvgArrowDownMinor16-root text-[1.2em] flex-1 Rotate180-transition"
31
33
  style="min-width: 16px; min-height: 16px;"
32
34
  viewBox="0 0 16 16"
33
35
  >
@@ -61,17 +63,19 @@ exports[`Section renders collapsible initially expanded 1`] = `
61
63
  data-testid="actions"
62
64
  >
63
65
  <button
64
- class="MuiButtonBase-root PicassoButton-small PicassoButton-primary PicassoButton-root PicassoButtonCircular-flat PicassoButtonCircular-root"
66
+ aria-disabled="false"
67
+ 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 rounded-full p-0 w-[1.5em] h-[1.5em] border-none text-graphite hover:bg-gray active:bg-gray focus-visible:shadow-[0_0_0_3px_rgba(32,78,207,0.48)] bg-transparent"
65
68
  data-component-type="button"
66
69
  data-testid="collapse"
70
+ role="button"
67
71
  tabindex="0"
68
72
  type="button"
69
73
  >
70
74
  <span
71
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline PicassoButton-content"
75
+ class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
72
76
  >
73
77
  <svg
74
- class="PicassoSvgArrowDownMinor16-root PicassoButton-icon Rotate180-transition Rotate180-rotate180"
78
+ class="PicassoSvgArrowDownMinor16-root text-[1.2em] flex-1 Rotate180-transition Rotate180-rotate180"
75
79
  style="min-width: 16px; min-height: 16px;"
76
80
  viewBox="0 0 16 16"
77
81
  >