@toptal/picasso-button 2.1.1 → 3.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.
- package/dist-package/src/Button/Button.js +1 -1
- package/dist-package/src/Button/Button.js.map +1 -1
- package/dist-package/src/ButtonBase/ButtonBase.js +1 -1
- package/dist-package/src/ButtonBase/ButtonBase.js.map +1 -1
- package/dist-package/src/ButtonControlLabel/ButtonControlLabel.js +1 -1
- package/dist-package/src/ButtonControlLabel/ButtonControlLabel.js.map +1 -1
- package/dist-package/src/ButtonGroup/ButtonGroup.js +1 -1
- package/dist-package/src/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist-package/src/ButtonGroupItem/ButtonGroupItem.js +1 -1
- package/dist-package/src/ButtonGroupItem/ButtonGroupItem.js.map +1 -1
- package/dist-package/src/ButtonSplit/ButtonSplit.js +1 -1
- package/dist-package/src/ButtonSplit/ButtonSplit.js.map +1 -1
- package/dist-package/src/ButtonSplit/styles.js +1 -1
- package/dist-package/src/ButtonSplit/styles.js.map +1 -1
- package/package.json +12 -11
- package/src/Button/Button.tsx +1 -1
- package/src/Button/__snapshots__/test.tsx.snap +3 -3
- package/src/ButtonBase/ButtonBase.tsx +1 -1
- package/src/ButtonBase/__snapshots__/test.tsx.snap +22 -20
- package/src/ButtonCheckbox/__snapshots__/test.tsx.snap +2 -2
- package/src/ButtonControlLabel/ButtonControlLabel.tsx +1 -1
- package/src/ButtonGroup/ButtonGroup.tsx +1 -1
- package/src/ButtonGroup/__snapshots__/test.tsx.snap +3 -3
- package/src/ButtonGroupItem/ButtonGroupItem.tsx +1 -1
- package/src/ButtonRadio/__snapshots__/test.tsx.snap +1 -1
- package/src/ButtonSplit/ButtonSplit.tsx +1 -1
- package/src/ButtonSplit/__snapshots__/test.tsx.snap +5 -5
- package/src/ButtonSplit/styles.ts +1 -1
- package/src/ButtonSplit/test.tsx +4 -4
|
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from 'react';
|
|
13
13
|
import cx from 'classnames';
|
|
14
|
-
import { twMerge } from 'tailwind-merge';
|
|
14
|
+
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
15
15
|
import { noop } from '@toptal/picasso-utils';
|
|
16
16
|
// we need to ensure the correct order of styles import
|
|
17
17
|
// TODO: [FX-4614] To be removed when Link component is migrated to tailwind
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from 'react';
|
|
13
|
-
import { twMerge } from 'tailwind-merge';
|
|
13
|
+
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
14
14
|
import { useTitleCase } from '@toptal/picasso-shared';
|
|
15
15
|
import { Button as MUIButtonBase } from '@mui/base/Button';
|
|
16
16
|
import { Loader } from '@toptal/picasso-loader';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonBase.js","sourceRoot":"","sources":["../../../src/ButtonBase/ButtonBase.tsx"],"names":[],"mappings":";;;;;;;;;;;AAEA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ButtonBase.js","sourceRoot":"","sources":["../../../src/ButtonBase/ButtonBase.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
|
-
import { twMerge } from 'tailwind-merge';
|
|
13
|
+
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
14
14
|
import { Container } from '@toptal/picasso-container';
|
|
15
15
|
import { Button } from '../Button';
|
|
16
16
|
import { createSizeClassNames, createContentSizeClassNames } from './styles';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonControlLabel.js","sourceRoot":"","sources":["../../../src/ButtonControlLabel/ButtonControlLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ButtonControlLabel.js","sourceRoot":"","sources":["../../../src/ButtonControlLabel/ButtonControlLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,oBAAoB,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAA;AA8B5E,MAAM,kBAAkB,GAAG,CAAC,EAWpB,EAAE,EAAE;QAXgB,EAC1B,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,OAAO,EACP,QAAQ,EACR,EAAE,EACF,OAAO,EACP,KAAK,EACL,QAAQ,OAEF,EADH,KAAK,cAVkB,8FAW3B,CADS;IAER,MAAM,kBAAkB,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;IAErD,OAAO,CACL,oBAAC,MAAM,oBACD,KAAK,IACT,SAAS,EAAE,OAAO,CAAC,aAAa,EAAE,oBAAoB,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EACxE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,OAAO,EACV,OAAO,EAAE,EAAE,EACX,QAAQ,EAAE,QAAQ;QAEjB,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;QACxE,oBAAC,SAAS,IACR,SAAS,EAAE,2BAA2B,CAAC,IAAI,CAAC,EAC5C,IAAI,EAAE,kBAAkB,IAEvB,QAAQ,CACC,CACL,CACV,CAAA;AACH,CAAC,CAAA;AAED,kBAAkB,CAAC,YAAY,GAAG;IAChC,IAAI,EAAE,QAAQ;CACf,CAAA;AAED,eAAe,kBAAkB,CAAA"}
|
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from 'react';
|
|
13
|
-
import { twMerge } from 'tailwind-merge';
|
|
13
|
+
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
14
14
|
import { ButtonGroupItem } from '../ButtonGroupItem';
|
|
15
15
|
import { createRootClassNames } from './styles';
|
|
16
16
|
export const ButtonGroup = forwardRef(function ButtonGroup(props, ref) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAGxD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAO/C,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,KAAK,EAAE,GAAG;IAC7B,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IAErD,MAAM,cAAc,GAAG,OAAO,CAAC,oBAAoB,EAAE,EAAE,SAAS,CAAC,CAAA;IAEjE,OAAO,CACL,6CAAS,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,KAC7D,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,WAAW,CAAC,YAAY,GAAG,EAAE,CAAA;AAE7B,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAA"}
|
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
|
-
import { twMerge } from 'tailwind-merge';
|
|
13
|
+
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
14
14
|
import { Button } from '../Button';
|
|
15
15
|
import { createButtonGroupItemClassNames, createGroupVariantClassNames, } from './styles';
|
|
16
16
|
const ButtonGroupItem = (_a) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroupItem.js","sourceRoot":"","sources":["../../../src/ButtonGroupItem/ButtonGroupItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ButtonGroupItem.js","sourceRoot":"","sources":["../../../src/ButtonGroupItem/ButtonGroupItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAGxD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EACL,+BAA+B,EAC/B,4BAA4B,GAC7B,MAAM,UAAU,CAAA;AAIjB,MAAM,eAAe,GAAG,CAAC,EAOjB,EAAE,EAAE;QAPa,EACvB,MAAM,EACN,QAAQ,EACR,OAAO,EACP,OAAO,EACP,SAAS,OAEH,EADH,IAAI,cANgB,yDAOxB,CADQ;IAEP,MAAM,cAAc,GAAG,OAAO,CAC5B,+BAA+B,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EACvE,4BAA4B,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAC3D,SAAS,CACV,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,oBACD,IAAI,IACR,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,cAAc,EACzB,OAAO,EAAC,WAAW,IACnB,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}
|
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from 'react';
|
|
13
|
-
import { twMerge } from 'tailwind-merge';
|
|
13
|
+
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
14
14
|
import { ArrowDownMinor24, ArrowDownMinor16 } from '@toptal/picasso-icons';
|
|
15
15
|
import { Dropdown } from '@toptal/picasso-dropdown';
|
|
16
16
|
import { Button } from '../Button';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonSplit.js","sourceRoot":"","sources":["../../../src/ButtonSplit/ButtonSplit.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ButtonSplit.js","sourceRoot":"","sources":["../../../src/ButtonSplit/ButtonSplit.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { twMerge } from 'tailwind-merge';
|
|
1
|
+
import { twMerge } from '@toptal/picasso-tailwind-merge';
|
|
2
2
|
export const createActionButtonClassNames = ({ variant, }) => {
|
|
3
3
|
return twMerge('transition-[color,background]', variant === 'primary' &&
|
|
4
4
|
'border-r border-l-0 border-y-0 border-solid border-blue-700');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/ButtonSplit/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/ButtonSplit/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,EAC3C,OAAO,GAGR,EAAE,EAAE;IACH,OAAO,OAAO,CACZ,+BAA+B,EAC/B,OAAO,KAAK,SAAS;QACnB,6DAA6D,CAChE,CAAA;AACH,CAAC,CAAA;AAED,MAAM,wBAAwB,GAG1B;IACF,KAAK,EAAE,2BAA2B;IAClC,MAAM,EAAE,wBAAwB;IAChC,KAAK,EAAE,yBAAyB;CACjC,CAAA;AAED,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EACzC,OAAO,EACP,IAAI,EACJ,QAAQ,GAKT,EAAE,EAAE;IACH,OAAO,OAAO,CACZ,wBAAwB,CAAC,IAAI,CAAC,EAC9B,OAAO,KAAK,SAAS,IAAI,6CAA6C,EACtE,OAAO,KAAK,SAAS,IAAI,QAAQ,IAAI,iBAAiB,EACtD,OAAO,KAAK,SAAS,IAAI,CAAC,QAAQ,IAAI,iBAAiB,CACxD,CAAA;AACH,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-button",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.0",
|
|
4
4
|
"description": "Toptal UI components library - Button",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -22,26 +22,26 @@
|
|
|
22
22
|
},
|
|
23
23
|
"homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@toptal/picasso-checkbox": "
|
|
26
|
-
"@toptal/picasso-container": "
|
|
27
|
-
"@toptal/picasso-dropdown": "2.0.
|
|
25
|
+
"@toptal/picasso-checkbox": "3.0.0",
|
|
26
|
+
"@toptal/picasso-container": "2.0.0",
|
|
27
|
+
"@toptal/picasso-dropdown": "2.0.4",
|
|
28
28
|
"@toptal/picasso-icons": "1.5.0",
|
|
29
|
-
"@toptal/picasso-loader": "
|
|
30
|
-
"@toptal/picasso-radio": "
|
|
29
|
+
"@toptal/picasso-loader": "2.0.0",
|
|
30
|
+
"@toptal/picasso-radio": "3.0.0",
|
|
31
31
|
"@toptal/picasso-shared": "15.0.0",
|
|
32
32
|
"@toptal/picasso-utils": "1.0.3",
|
|
33
|
-
"@toptal/picasso-link": "
|
|
33
|
+
"@toptal/picasso-link": "2.0.0",
|
|
34
34
|
"ap-style-title-case": "^1.1.2",
|
|
35
35
|
"@mui/base": "5.0.0-beta.40",
|
|
36
|
-
"classnames": "^2.5.1"
|
|
37
|
-
"tailwind-merge": "^2.2.2"
|
|
36
|
+
"classnames": "^2.5.1"
|
|
38
37
|
},
|
|
39
38
|
"sideEffects": [
|
|
40
39
|
"**/styles.ts",
|
|
41
40
|
"**/styles.js"
|
|
42
41
|
],
|
|
43
42
|
"peerDependencies": {
|
|
44
|
-
"@toptal/picasso-tailwind": "
|
|
43
|
+
"@toptal/picasso-tailwind-merge": "^1.0.1",
|
|
44
|
+
"@toptal/picasso-tailwind": ">=2.7",
|
|
45
45
|
"@toptal/picasso-provider": "*",
|
|
46
46
|
"react": ">=16.12.0 < 19.0.0"
|
|
47
47
|
},
|
|
@@ -49,7 +49,8 @@
|
|
|
49
49
|
".": "./dist-package/src/index.js"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
|
-
"@toptal/picasso-
|
|
52
|
+
"@toptal/picasso-tailwind-merge": "1.2.0",
|
|
53
|
+
"@toptal/picasso-provider": "5.0.0",
|
|
53
54
|
"@toptal/picasso-test-utils": "1.1.1"
|
|
54
55
|
},
|
|
55
56
|
"files": [
|
package/src/Button/Button.tsx
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ReactNode, ReactElement, MouseEvent, ElementType } from 'react'
|
|
2
2
|
import React, { forwardRef } from 'react'
|
|
3
3
|
import cx from 'classnames'
|
|
4
|
-
import { twMerge } from 'tailwind-merge'
|
|
4
|
+
import { twMerge } from '@toptal/picasso-tailwind-merge'
|
|
5
5
|
import type {
|
|
6
6
|
StandardProps,
|
|
7
7
|
SizeType,
|
|
@@ -7,7 +7,7 @@ exports[`Button disabled button as link renders disabled version 1`] = `
|
|
|
7
7
|
>
|
|
8
8
|
<a
|
|
9
9
|
aria-disabled="true"
|
|
10
|
-
class="
|
|
10
|
+
class="font-inherit focus:outline-none base-Button base- 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-default pointer-events no-underline hover:no-underline rounded-sm shadow-none border-none text-white visited:text-white bg-gray min-w h-8 py-0 px-4"
|
|
11
11
|
data-component-type="button"
|
|
12
12
|
href="URL"
|
|
13
13
|
role="button"
|
|
@@ -15,7 +15,7 @@ exports[`Button disabled button as link renders disabled version 1`] = `
|
|
|
15
15
|
type="button"
|
|
16
16
|
>
|
|
17
17
|
<span
|
|
18
|
-
class="
|
|
18
|
+
class="items-center inline-flex font-semibold whitespace-nowrap text-button"
|
|
19
19
|
>
|
|
20
20
|
Click me!
|
|
21
21
|
</span>
|
|
@@ -39,7 +39,7 @@ exports[`Button disabled button renders disabled version 1`] = `
|
|
|
39
39
|
type="button"
|
|
40
40
|
>
|
|
41
41
|
<span
|
|
42
|
-
class="
|
|
42
|
+
class="items-center inline-flex font-semibold whitespace-nowrap text-button"
|
|
43
43
|
>
|
|
44
44
|
Click me!
|
|
45
45
|
</span>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* eslint-disable complexity */
|
|
2
2
|
import type { ReactNode, ReactElement, MouseEvent, ElementType } from 'react'
|
|
3
3
|
import React, { forwardRef } from 'react'
|
|
4
|
-
import { twMerge } from 'tailwind-merge'
|
|
4
|
+
import { twMerge } from '@toptal/picasso-tailwind-merge'
|
|
5
5
|
import type {
|
|
6
6
|
StandardProps,
|
|
7
7
|
ButtonOrAnchorProps,
|
|
@@ -15,7 +15,7 @@ exports[`ButtonBase when "as" prop is passed when "as" prop does not equal "butt
|
|
|
15
15
|
type="button"
|
|
16
16
|
>
|
|
17
17
|
<span
|
|
18
|
-
class="
|
|
18
|
+
class="items-center inline-flex"
|
|
19
19
|
>
|
|
20
20
|
Click me!
|
|
21
21
|
</span>
|
|
@@ -39,7 +39,7 @@ exports[`ButtonBase when "as" prop is passed when "as" prop does not equal "butt
|
|
|
39
39
|
type="button"
|
|
40
40
|
>
|
|
41
41
|
<span
|
|
42
|
-
class="
|
|
42
|
+
class="items-center inline-flex"
|
|
43
43
|
>
|
|
44
44
|
Click me!
|
|
45
45
|
</span>
|
|
@@ -55,7 +55,7 @@ exports[`ButtonBase when "as" prop is passed when "as" prop equals "Link" compon
|
|
|
55
55
|
>
|
|
56
56
|
<a
|
|
57
57
|
aria-disabled="false"
|
|
58
|
-
class="
|
|
58
|
+
class="font-inherit focus:outline-none hover:underline text-blue visited:text-purple no-underline 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"
|
|
59
59
|
data-component-type="button"
|
|
60
60
|
href="URL"
|
|
61
61
|
role="button"
|
|
@@ -63,7 +63,7 @@ exports[`ButtonBase when "as" prop is passed when "as" prop equals "Link" compon
|
|
|
63
63
|
type="button"
|
|
64
64
|
>
|
|
65
65
|
<span
|
|
66
|
-
class="
|
|
66
|
+
class="items-center inline-flex"
|
|
67
67
|
>
|
|
68
68
|
Click me!
|
|
69
69
|
</span>
|
|
@@ -79,7 +79,7 @@ exports[`ButtonBase when "as" prop is passed when "as" prop equals "Link" compon
|
|
|
79
79
|
>
|
|
80
80
|
<a
|
|
81
81
|
aria-disabled="true"
|
|
82
|
-
class="
|
|
82
|
+
class="font-inherit focus:outline-none hover:underline text-blue visited:text-purple no-underline base-Button base- 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-default pointer-events"
|
|
83
83
|
data-component-type="button"
|
|
84
84
|
href="URL"
|
|
85
85
|
role="button"
|
|
@@ -87,7 +87,7 @@ exports[`ButtonBase when "as" prop is passed when "as" prop equals "Link" compon
|
|
|
87
87
|
type="button"
|
|
88
88
|
>
|
|
89
89
|
<span
|
|
90
|
-
class="
|
|
90
|
+
class="items-center inline-flex"
|
|
91
91
|
>
|
|
92
92
|
Click me!
|
|
93
93
|
</span>
|
|
@@ -103,7 +103,7 @@ exports[`ButtonBase when "as" prop is passed when "as" prop equals "Link" compon
|
|
|
103
103
|
>
|
|
104
104
|
<a
|
|
105
105
|
aria-disabled="false"
|
|
106
|
-
class="
|
|
106
|
+
class="font-inherit focus:outline-none hover:underline text-blue visited:text-purple no-underline 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"
|
|
107
107
|
data-component-type="button"
|
|
108
108
|
href=""
|
|
109
109
|
role="button"
|
|
@@ -111,7 +111,7 @@ exports[`ButtonBase when "as" prop is passed when "as" prop equals "Link" compon
|
|
|
111
111
|
type="button"
|
|
112
112
|
>
|
|
113
113
|
<span
|
|
114
|
-
class="
|
|
114
|
+
class="items-center inline-flex"
|
|
115
115
|
>
|
|
116
116
|
Click me!
|
|
117
117
|
</span>
|
|
@@ -135,7 +135,7 @@ exports[`ButtonBase when "as" prop is passed when "as" prop equals "a" renders B
|
|
|
135
135
|
type="button"
|
|
136
136
|
>
|
|
137
137
|
<span
|
|
138
|
-
class="
|
|
138
|
+
class="items-center inline-flex"
|
|
139
139
|
>
|
|
140
140
|
Click me!
|
|
141
141
|
</span>
|
|
@@ -158,7 +158,7 @@ exports[`ButtonBase when "disabled" prop is false renders Button and does not tr
|
|
|
158
158
|
type="button"
|
|
159
159
|
>
|
|
160
160
|
<span
|
|
161
|
-
class="
|
|
161
|
+
class="items-center inline-flex"
|
|
162
162
|
>
|
|
163
163
|
Click me!
|
|
164
164
|
</span>
|
|
@@ -182,7 +182,7 @@ exports[`ButtonBase when "disabled" prop is true renders Button and does not tri
|
|
|
182
182
|
type="button"
|
|
183
183
|
>
|
|
184
184
|
<span
|
|
185
|
-
class="
|
|
185
|
+
class="items-center inline-flex"
|
|
186
186
|
>
|
|
187
187
|
Click me!
|
|
188
188
|
</span>
|
|
@@ -205,31 +205,33 @@ exports[`ButtonBase when "loading" prop is true renders Button with loading stat
|
|
|
205
205
|
type="button"
|
|
206
206
|
>
|
|
207
207
|
<span
|
|
208
|
-
class="
|
|
208
|
+
class="items-center inline-flex"
|
|
209
209
|
>
|
|
210
210
|
Click me!
|
|
211
211
|
</span>
|
|
212
212
|
<div
|
|
213
|
-
class="
|
|
213
|
+
class="text-lg flex-col items-center inline-flex absolute top-1/2 left-1/2 translate-x-[ translate-y-["
|
|
214
214
|
>
|
|
215
215
|
<div
|
|
216
216
|
aria-valuenow="35"
|
|
217
|
-
class="
|
|
217
|
+
class="text-inherit transform -rotate"
|
|
218
218
|
role="progressbar"
|
|
219
|
-
style="width: 16px; height: 16px;
|
|
219
|
+
style="width: 16px; height: 16px;"
|
|
220
220
|
>
|
|
221
221
|
<svg
|
|
222
|
-
class="
|
|
222
|
+
class="block"
|
|
223
223
|
viewBox="22 22 44 44"
|
|
224
224
|
>
|
|
225
225
|
<circle
|
|
226
|
-
class="
|
|
226
|
+
class="transition-all stroke-[currentColor]"
|
|
227
227
|
cx="44"
|
|
228
228
|
cy="44"
|
|
229
229
|
fill="none"
|
|
230
230
|
r="20.2"
|
|
231
|
+
stroke-dasharray="80px, 200px"
|
|
232
|
+
stroke-dashoffset="0px"
|
|
231
233
|
stroke-width="3.6"
|
|
232
|
-
style="stroke-
|
|
234
|
+
style="stroke-dashoffset: 82.498px; stroke-dasharray: 126.920;"
|
|
233
235
|
/>
|
|
234
236
|
</svg>
|
|
235
237
|
</div>
|
|
@@ -253,7 +255,7 @@ exports[`ButtonBase when "role" prop is passed renders Button with a custom role
|
|
|
253
255
|
type="button"
|
|
254
256
|
>
|
|
255
257
|
<span
|
|
256
|
-
class="
|
|
258
|
+
class="items-center inline-flex"
|
|
257
259
|
>
|
|
258
260
|
Click me!
|
|
259
261
|
</span>
|
|
@@ -276,7 +278,7 @@ exports[`ButtonBase when "titleCase" prop is true renders Button with transforme
|
|
|
276
278
|
type="button"
|
|
277
279
|
>
|
|
278
280
|
<span
|
|
279
|
-
class="
|
|
281
|
+
class="items-center inline-flex"
|
|
280
282
|
>
|
|
281
283
|
__TITLE_CASE__Test bk9
|
|
282
284
|
</span>
|
|
@@ -14,10 +14,10 @@ exports[`ButtonCheckbox renders 1`] = `
|
|
|
14
14
|
type="button"
|
|
15
15
|
>
|
|
16
16
|
<span
|
|
17
|
-
class="
|
|
17
|
+
class="items-center inline-flex font-semibold whitespace-nowrap text-button"
|
|
18
18
|
>
|
|
19
19
|
<span
|
|
20
|
-
class="
|
|
20
|
+
class="inline-flex PicassoCheckbox-checkboxWrapper"
|
|
21
21
|
>
|
|
22
22
|
<span
|
|
23
23
|
aria-disabled="false"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ReactElement, ReactNode } from 'react'
|
|
2
2
|
import React from 'react'
|
|
3
3
|
import type { BaseProps, SizeType } from '@toptal/picasso-shared'
|
|
4
|
-
import { twMerge } from 'tailwind-merge'
|
|
4
|
+
import { twMerge } from '@toptal/picasso-tailwind-merge'
|
|
5
5
|
import { Container } from '@toptal/picasso-container'
|
|
6
6
|
|
|
7
7
|
import { Button } from '../Button'
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ReactNode, HTMLAttributes } from 'react'
|
|
2
2
|
import React, { forwardRef } from 'react'
|
|
3
|
-
import { twMerge } from 'tailwind-merge'
|
|
3
|
+
import { twMerge } from '@toptal/picasso-tailwind-merge'
|
|
4
4
|
import type { BaseProps } from '@toptal/picasso-shared'
|
|
5
5
|
|
|
6
6
|
import { ButtonGroupItem } from '../ButtonGroupItem'
|
|
@@ -17,7 +17,7 @@ exports[`ButtonGroup render 1`] = `
|
|
|
17
17
|
type="button"
|
|
18
18
|
>
|
|
19
19
|
<span
|
|
20
|
-
class="
|
|
20
|
+
class="items-center inline-flex font-semibold whitespace-nowrap text-button"
|
|
21
21
|
>
|
|
22
22
|
One
|
|
23
23
|
</span>
|
|
@@ -31,7 +31,7 @@ exports[`ButtonGroup render 1`] = `
|
|
|
31
31
|
type="button"
|
|
32
32
|
>
|
|
33
33
|
<span
|
|
34
|
-
class="
|
|
34
|
+
class="items-center inline-flex font-semibold whitespace-nowrap text-button"
|
|
35
35
|
>
|
|
36
36
|
Two
|
|
37
37
|
</span>
|
|
@@ -45,7 +45,7 @@ exports[`ButtonGroup render 1`] = `
|
|
|
45
45
|
type="button"
|
|
46
46
|
>
|
|
47
47
|
<span
|
|
48
|
-
class="
|
|
48
|
+
class="items-center inline-flex font-semibold whitespace-nowrap text-button"
|
|
49
49
|
>
|
|
50
50
|
Three
|
|
51
51
|
</span>
|
|
@@ -14,7 +14,7 @@ exports[`ButtonRadio renders 1`] = `
|
|
|
14
14
|
type="button"
|
|
15
15
|
>
|
|
16
16
|
<span
|
|
17
|
-
class="
|
|
17
|
+
class="items-center inline-flex font-semibold whitespace-nowrap text-button"
|
|
18
18
|
>
|
|
19
19
|
<span
|
|
20
20
|
aria-disabled="false"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ReactNode, MouseEvent, HTMLAttributes } from 'react'
|
|
2
2
|
import React, { forwardRef } from 'react'
|
|
3
3
|
import type { SizeType, BaseProps } from '@toptal/picasso-shared'
|
|
4
|
-
import { twMerge } from 'tailwind-merge'
|
|
4
|
+
import { twMerge } from '@toptal/picasso-tailwind-merge'
|
|
5
5
|
import { ArrowDownMinor24, ArrowDownMinor16 } from '@toptal/picasso-icons'
|
|
6
6
|
import { Dropdown } from '@toptal/picasso-dropdown'
|
|
7
7
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
exports[`ButtonSplit closes menu on click to the item 1`] = `
|
|
4
4
|
<svg
|
|
5
|
-
class="PicassoSvgArrowDownMinor24-root-
|
|
5
|
+
class="PicassoSvgArrowDownMinor24-root-29"
|
|
6
6
|
style="min-width: 24px; min-height: 24px;"
|
|
7
7
|
viewBox="0 0 24 24"
|
|
8
8
|
>
|
|
@@ -29,7 +29,7 @@ exports[`ButtonSplit default render 1`] = `
|
|
|
29
29
|
type="button"
|
|
30
30
|
>
|
|
31
31
|
<span
|
|
32
|
-
class="
|
|
32
|
+
class="items-center inline-flex font-semibold whitespace-nowrap text-button"
|
|
33
33
|
>
|
|
34
34
|
Action
|
|
35
35
|
</span>
|
|
@@ -49,7 +49,7 @@ exports[`ButtonSplit default render 1`] = `
|
|
|
49
49
|
type="button"
|
|
50
50
|
>
|
|
51
51
|
<span
|
|
52
|
-
class="
|
|
52
|
+
class="items-center inline-flex font-semibold whitespace-nowrap text-button"
|
|
53
53
|
>
|
|
54
54
|
<svg
|
|
55
55
|
class="PicassoSvgArrowDownMinor16-root"
|
|
@@ -71,7 +71,7 @@ exports[`ButtonSplit default render 1`] = `
|
|
|
71
71
|
|
|
72
72
|
exports[`ButtonSplit renders arrow down icon for a closed menu 1`] = `
|
|
73
73
|
<svg
|
|
74
|
-
class="PicassoSvgArrowDownMinor16-root-
|
|
74
|
+
class="PicassoSvgArrowDownMinor16-root-29"
|
|
75
75
|
style="min-width: 16px; min-height: 16px;"
|
|
76
76
|
viewBox="0 0 16 16"
|
|
77
77
|
>
|
|
@@ -83,7 +83,7 @@ exports[`ButtonSplit renders arrow down icon for a closed menu 1`] = `
|
|
|
83
83
|
|
|
84
84
|
exports[`ButtonSplit renders arrow up icon for an opened menu 1`] = `
|
|
85
85
|
<svg
|
|
86
|
-
class="PicassoSvgArrowDownMinor16-root-
|
|
86
|
+
class="PicassoSvgArrowDownMinor16-root-29 rotate-180"
|
|
87
87
|
style="min-width: 16px; min-height: 16px;"
|
|
88
88
|
viewBox="0 0 16 16"
|
|
89
89
|
>
|
package/src/ButtonSplit/test.tsx
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react'
|
|
2
2
|
import { render, fireEvent, screen } from '@toptal/picasso-test-utils'
|
|
3
|
-
import {
|
|
3
|
+
import { Menu as PicassoMenu, MenuItem } from '@toptal/picasso-menu'
|
|
4
4
|
|
|
5
5
|
import { ButtonSplit } from './ButtonSplit'
|
|
6
6
|
|
|
@@ -9,9 +9,9 @@ const Menu = () => {
|
|
|
9
9
|
|
|
10
10
|
return (
|
|
11
11
|
<PicassoMenu data-testid='menu'>
|
|
12
|
-
<
|
|
13
|
-
<
|
|
14
|
-
<
|
|
12
|
+
<MenuItem onClick={handleClick}>First item</MenuItem>
|
|
13
|
+
<MenuItem onClick={handleClick}>Second item</MenuItem>
|
|
14
|
+
<MenuItem onClick={handleClick}>Third item</MenuItem>
|
|
15
15
|
</PicassoMenu>
|
|
16
16
|
)
|
|
17
17
|
}
|