@toptal/picasso-section 3.0.5 → 4.0.0
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.
|
@@ -15,7 +15,7 @@ import { Container } from '@toptal/picasso-container';
|
|
|
15
15
|
import { Typography } from '@toptal/picasso-typography';
|
|
16
16
|
import { isString, Rotate180 } from '@toptal/picasso-utils';
|
|
17
17
|
import { ArrowDownMinor16 } from '@toptal/picasso-icons';
|
|
18
|
-
import { twMerge, twJoin } from 'tailwind-merge';
|
|
18
|
+
import { twMerge, twJoin } from '@toptal/picasso-tailwind-merge';
|
|
19
19
|
import { Collapse } from '@toptal/picasso-collapse';
|
|
20
20
|
const defaultChildMargin = '[&>:last-child:not(:first-child)]:mt-6';
|
|
21
21
|
const classesByVariant = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../src/Section/Section.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../src/Section/Section.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-section",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "4.0.0",
|
|
4
4
|
"description": "Toptal UI components library - Section",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -22,26 +22,27 @@
|
|
|
22
22
|
},
|
|
23
23
|
"homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@toptal/picasso-button": "
|
|
26
|
-
"@toptal/picasso-container": "
|
|
25
|
+
"@toptal/picasso-button": "3.0.0",
|
|
26
|
+
"@toptal/picasso-container": "2.0.0",
|
|
27
27
|
"@toptal/picasso-icons": "1.5.0",
|
|
28
|
-
"@toptal/picasso-typography": "
|
|
28
|
+
"@toptal/picasso-typography": "3.0.0",
|
|
29
29
|
"@toptal/picasso-utils": "1.0.3",
|
|
30
|
-
"@toptal/picasso-collapse": "
|
|
31
|
-
"tailwind-merge": "^2.2.2"
|
|
30
|
+
"@toptal/picasso-collapse": "2.0.0"
|
|
32
31
|
},
|
|
33
32
|
"sideEffects": [
|
|
34
33
|
"**/styles.ts",
|
|
35
34
|
"**/styles.js"
|
|
36
35
|
],
|
|
37
36
|
"peerDependencies": {
|
|
38
|
-
"@toptal/picasso-tailwind": "
|
|
37
|
+
"@toptal/picasso-tailwind-merge": "^1.0.1",
|
|
38
|
+
"@toptal/picasso-tailwind": ">=2.7",
|
|
39
39
|
"react": ">=16.12.0 < 19.0.0"
|
|
40
40
|
},
|
|
41
41
|
"exports": {
|
|
42
42
|
".": "./dist-package/src/index.js"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
|
+
"@toptal/picasso-tailwind-merge": "1.2.0",
|
|
45
46
|
"@toptal/picasso-test-utils": "1.1.1"
|
|
46
47
|
},
|
|
47
48
|
"files": [
|
package/src/Section/Section.tsx
CHANGED
|
@@ -6,7 +6,7 @@ import { Container } from '@toptal/picasso-container'
|
|
|
6
6
|
import { Typography } from '@toptal/picasso-typography'
|
|
7
7
|
import { isString, Rotate180 } from '@toptal/picasso-utils'
|
|
8
8
|
import { ArrowDownMinor16 } from '@toptal/picasso-icons'
|
|
9
|
-
import { twMerge, twJoin } from 'tailwind-merge'
|
|
9
|
+
import { twMerge, twJoin } from '@toptal/picasso-tailwind-merge'
|
|
10
10
|
import { Collapse } from '@toptal/picasso-collapse'
|
|
11
11
|
|
|
12
12
|
type VariantType = 'bordered' | 'default' | 'withHeaderBar'
|
|
@@ -13,7 +13,7 @@ exports[`Section renders collapsible initially collapsed 1`] = `
|
|
|
13
13
|
data-testid="header"
|
|
14
14
|
>
|
|
15
15
|
<div
|
|
16
|
-
class="
|
|
16
|
+
class="flex ml-auto"
|
|
17
17
|
data-testid="actions"
|
|
18
18
|
>
|
|
19
19
|
<button
|
|
@@ -26,7 +26,7 @@ exports[`Section renders collapsible initially collapsed 1`] = `
|
|
|
26
26
|
type="button"
|
|
27
27
|
>
|
|
28
28
|
<span
|
|
29
|
-
class="
|
|
29
|
+
class="items-center inline-flex font-semibold whitespace-nowrap text-button"
|
|
30
30
|
>
|
|
31
31
|
<svg
|
|
32
32
|
class="PicassoSvgArrowDownMinor16-root text-[1.2em] flex-1 Rotate180-transition"
|
|
@@ -59,7 +59,7 @@ exports[`Section renders collapsible initially expanded 1`] = `
|
|
|
59
59
|
data-testid="header"
|
|
60
60
|
>
|
|
61
61
|
<div
|
|
62
|
-
class="
|
|
62
|
+
class="flex ml-auto"
|
|
63
63
|
data-testid="actions"
|
|
64
64
|
>
|
|
65
65
|
<button
|
|
@@ -72,7 +72,7 @@ exports[`Section renders collapsible initially expanded 1`] = `
|
|
|
72
72
|
type="button"
|
|
73
73
|
>
|
|
74
74
|
<span
|
|
75
|
-
class="
|
|
75
|
+
class="items-center inline-flex font-semibold whitespace-nowrap text-button"
|
|
76
76
|
>
|
|
77
77
|
<svg
|
|
78
78
|
class="PicassoSvgArrowDownMinor16-root text-[1.2em] flex-1 Rotate180-transition Rotate180-rotate180"
|
|
@@ -132,7 +132,7 @@ exports[`Section renders with title, subtitle, actions and content 1`] = `
|
|
|
132
132
|
Subtitle
|
|
133
133
|
</p>
|
|
134
134
|
<div
|
|
135
|
-
class="
|
|
135
|
+
class="flex ml-auto"
|
|
136
136
|
data-testid="actions"
|
|
137
137
|
>
|
|
138
138
|
Actions
|