@toptal/picasso-alert 3.0.36-alpha-MP-669-remove-more-default-props-dea487bed.0 → 3.0.36-alpha-FF-54-delete-patch-9e6253f76.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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertInline.d.ts","sourceRoot":"","sources":["../../../src/AlertInline/AlertInline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,SAAS,EAAa,MAAM,wBAAwB,CAAA;AAQlE,OAAO,KAAK,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAEjF,oBAAY,WAAW,GAAG,OAAO,CAC/B,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EACnC,iBAAiB,CAClB,CAAA;AAED,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,cAAc,CAAC;IACtE,gCAAgC;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,WAAW,CAAA;CACtB;AASD,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"AlertInline.d.ts","sourceRoot":"","sources":["../../../src/AlertInline/AlertInline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,SAAS,EAAa,MAAM,wBAAwB,CAAA;AAQlE,OAAO,KAAK,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAEjF,oBAAY,WAAW,GAAG,OAAO,CAC/B,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EACnC,iBAAiB,CAClB,CAAA;AAED,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,cAAc,CAAC;IACtE,gCAAgC;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,WAAW,CAAA;CACtB;AASD,eAAO,MAAM,WAAW,8EA8BtB,CAAA;AAQF,eAAe,WAAW,CAAA"}
|
|
@@ -8,7 +8,8 @@ const icons = {
|
|
|
8
8
|
blue: React.createElement(InfoSolid16, { color: 'light-blue' }),
|
|
9
9
|
yellow: React.createElement(ExclamationSolid16, { color: 'yellow' }),
|
|
10
10
|
};
|
|
11
|
-
export const AlertInline = forwardRef(function Alert(
|
|
11
|
+
export const AlertInline = forwardRef(function Alert(props, ref) {
|
|
12
|
+
const { variant, children, className } = props;
|
|
12
13
|
const icon = icons[variant];
|
|
13
14
|
let typographyColor = variant;
|
|
14
15
|
// to comply with the designs
|
|
@@ -19,6 +20,9 @@ export const AlertInline = forwardRef(function Alert({ variant = 'yellow', child
|
|
|
19
20
|
React.createElement(Container, { right: 'xsmall', flex: true, alignItems: 'center', className: 'h-[1.25em]' }, icon),
|
|
20
21
|
React.createElement(Typography, { size: 'small', as: 'div', weight: 'semibold', color: typographyColor, className: className }, children)));
|
|
21
22
|
});
|
|
23
|
+
AlertInline.defaultProps = {
|
|
24
|
+
variant: 'yellow',
|
|
25
|
+
};
|
|
22
26
|
AlertInline.displayName = 'AlertInline';
|
|
23
27
|
export default AlertInline;
|
|
24
28
|
//# sourceMappingURL=AlertInline.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertInline.js","sourceRoot":"","sources":["../../../src/AlertInline/AlertInline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EACL,kBAAkB,EAClB,WAAW,EACX,WAAW,GACZ,MAAM,uBAAuB,CAAA;AAe9B,MAAM,KAAK,GAAG;IACZ,GAAG,EAAE,oBAAC,kBAAkB,IAAC,KAAK,EAAC,KAAK,GAAG;IACvC,KAAK,EAAE,oBAAC,WAAW,IAAC,KAAK,EAAC,YAAY,GAAG;IACzC,IAAI,EAAE,oBAAC,WAAW,IAAC,KAAK,EAAC,YAAY,GAAG;IACxC,MAAM,EAAE,oBAAC,kBAAkB,IAAC,KAAK,EAAC,QAAQ,GAAG;CAC9C,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAwB,SAAS,KAAK,CACzE,
|
|
1
|
+
{"version":3,"file":"AlertInline.js","sourceRoot":"","sources":["../../../src/AlertInline/AlertInline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EACL,kBAAkB,EAClB,WAAW,EACX,WAAW,GACZ,MAAM,uBAAuB,CAAA;AAe9B,MAAM,KAAK,GAAG;IACZ,GAAG,EAAE,oBAAC,kBAAkB,IAAC,KAAK,EAAC,KAAK,GAAG;IACvC,KAAK,EAAE,oBAAC,WAAW,IAAC,KAAK,EAAC,YAAY,GAAG;IACzC,IAAI,EAAE,oBAAC,WAAW,IAAC,KAAK,EAAC,YAAY,GAAG;IACxC,MAAM,EAAE,oBAAC,kBAAkB,IAAC,KAAK,EAAC,QAAQ,GAAG;CAC9C,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAwB,SAAS,KAAK,CACzE,KAAK,EACL,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IAC9C,MAAM,IAAI,GAAG,KAAK,CAAC,OAAQ,CAAC,CAAA;IAE5B,IAAI,eAAe,GAAG,OAAoB,CAAA;IAE1C,6BAA6B;IAC7B,IAAI,OAAO,KAAK,MAAM,EAAE;QACtB,eAAe,GAAG,YAAY,CAAA;KAC/B;IAED,OAAO,CACL,oBAAC,SAAS,IAAC,MAAM,QAAC,IAAI,QAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,mBAAmB;QAC5D,oBAAC,SAAS,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,QAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAC,YAAY,IACtE,IAAI,CACK;QACZ,oBAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,EAAE,EAAC,KAAK,EACR,MAAM,EAAC,UAAU,EACjB,KAAK,EAAE,eAAe,EACtB,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACE,CACH,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,WAAW,CAAC,YAAY,GAAG;IACzB,OAAO,EAAE,QAAQ;CAClB,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-alert",
|
|
3
|
-
"version": "3.0.36-alpha-
|
|
3
|
+
"version": "3.0.36-alpha-FF-54-delete-patch-9e6253f76.0",
|
|
4
4
|
"description": "Toptal UI components library - Alert",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -22,19 +22,19 @@
|
|
|
22
22
|
},
|
|
23
23
|
"homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@toptal/picasso-button": "4.0.25-alpha-
|
|
26
|
-
"@toptal/picasso-container": "3.1.3-alpha-
|
|
27
|
-
"@toptal/picasso-icons": "1.13.1-alpha-
|
|
28
|
-
"@toptal/picasso-typography": "4.0.5-alpha-
|
|
29
|
-
"@toptal/picasso-utils": "3.1.1-alpha-
|
|
25
|
+
"@toptal/picasso-button": "4.0.25-alpha-FF-54-delete-patch-9e6253f76.0",
|
|
26
|
+
"@toptal/picasso-container": "3.1.3-alpha-FF-54-delete-patch-9e6253f76.0",
|
|
27
|
+
"@toptal/picasso-icons": "1.13.1-alpha-FF-54-delete-patch-9e6253f76.0",
|
|
28
|
+
"@toptal/picasso-typography": "4.0.5-alpha-FF-54-delete-patch-9e6253f76.0",
|
|
29
|
+
"@toptal/picasso-utils": "3.1.1-alpha-FF-54-delete-patch-9e6253f76.0"
|
|
30
30
|
},
|
|
31
31
|
"sideEffects": [
|
|
32
32
|
"**/styles.ts",
|
|
33
33
|
"**/styles.js"
|
|
34
34
|
],
|
|
35
35
|
"peerDependencies": {
|
|
36
|
-
"@toptal/picasso-provider": "5.0.2-alpha-
|
|
37
|
-
"@toptal/picasso-tailwind": "3.0.1-alpha-
|
|
36
|
+
"@toptal/picasso-provider": "5.0.2-alpha-FF-54-delete-patch-9e6253f76.0",
|
|
37
|
+
"@toptal/picasso-tailwind": "3.0.1-alpha-FF-54-delete-patch-9e6253f76.0",
|
|
38
38
|
"react": ">=16.12.0 < 19.0.0"
|
|
39
39
|
},
|
|
40
40
|
"exports": {
|
|
@@ -44,8 +44,8 @@
|
|
|
44
44
|
"./AlertCompound/*": "./dist-package/src/AlertInline/*"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@toptal/picasso-provider": "5.0.2-alpha-
|
|
48
|
-
"@toptal/picasso-test-utils": "1.1.2-alpha-
|
|
47
|
+
"@toptal/picasso-provider": "5.0.2-alpha-FF-54-delete-patch-9e6253f76.0",
|
|
48
|
+
"@toptal/picasso-test-utils": "1.1.2-alpha-FF-54-delete-patch-9e6253f76.0"
|
|
49
49
|
},
|
|
50
50
|
"files": [
|
|
51
51
|
"dist-package/**",
|
|
@@ -30,9 +30,10 @@ const icons = {
|
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
export const AlertInline = forwardRef<HTMLDivElement, Props>(function Alert(
|
|
33
|
-
|
|
33
|
+
props,
|
|
34
34
|
ref
|
|
35
35
|
) {
|
|
36
|
+
const { variant, children, className } = props
|
|
36
37
|
const icon = icons[variant!]
|
|
37
38
|
|
|
38
39
|
let typographyColor = variant as ColorType
|
|
@@ -60,6 +61,10 @@ export const AlertInline = forwardRef<HTMLDivElement, Props>(function Alert(
|
|
|
60
61
|
)
|
|
61
62
|
})
|
|
62
63
|
|
|
64
|
+
AlertInline.defaultProps = {
|
|
65
|
+
variant: 'yellow',
|
|
66
|
+
}
|
|
67
|
+
|
|
63
68
|
AlertInline.displayName = 'AlertInline'
|
|
64
69
|
|
|
65
70
|
export default AlertInline
|