@loja-integrada/admin-components 0.18.8 → 0.18.9
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/Indicators/InformationBox/InformationBox.d.ts +3 -3
- package/dist/admin-components.cjs.development.js +42 -7
- package/dist/admin-components.cjs.development.js.map +1 -1
- package/dist/admin-components.cjs.production.min.js +1 -1
- package/dist/admin-components.cjs.production.min.js.map +1 -1
- package/dist/admin-components.esm.js +42 -7
- package/dist/admin-components.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Components/Button/Button.tsx +1 -1
- package/src/Indicators/InformationBox/InformationBox.tsx +4 -3
- package/src/Indicators/InformationBox/InformationBoxt.stories.tsx +2 -2
package/package.json
CHANGED
|
@@ -53,7 +53,7 @@ const listOfStylesDisabled = {
|
|
|
53
53
|
warning: defaultDisabledStyle,
|
|
54
54
|
danger: defaultDisabledStyle,
|
|
55
55
|
outline: defaultDisabledStyle,
|
|
56
|
-
onlyText: `bg-transparent text-on-base-3 shadow-none ring-0 border-0`,
|
|
56
|
+
onlyText: `bg-transparent text-on-base-3 shadow-none ring-0 border-0 `,
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
const listOfSizes = {
|
|
@@ -41,6 +41,7 @@ const InformationBoxTypes: Record<
|
|
|
41
41
|
const InformationBoxComponent = ({
|
|
42
42
|
type = 'tip',
|
|
43
43
|
subtitle,
|
|
44
|
+
title,
|
|
44
45
|
}: InformationBoxProps) => {
|
|
45
46
|
return (
|
|
46
47
|
<div
|
|
@@ -61,7 +62,7 @@ const InformationBoxComponent = ({
|
|
|
61
62
|
<span
|
|
62
63
|
className={`InformationBox-title text-f5 font-bold ${InformationBoxTypes[type].iconClass}`}
|
|
63
64
|
>
|
|
64
|
-
{InformationBoxTypes[type].title}
|
|
65
|
+
{title || InformationBoxTypes[type].title}
|
|
65
66
|
</span>
|
|
66
67
|
{subtitle && (
|
|
67
68
|
<span className="InformationBox-subtitle text-f6 font-regular mt-1">
|
|
@@ -81,8 +82,8 @@ export interface InformationBoxProps {
|
|
|
81
82
|
* @default info
|
|
82
83
|
* */
|
|
83
84
|
type?: keyof typeof InformationBoxTypes
|
|
84
|
-
/**
|
|
85
|
-
* @default
|
|
85
|
+
/** Title default is related with `type`
|
|
86
|
+
* @default ''
|
|
86
87
|
*/
|
|
87
88
|
title?: string | React.ReactNode
|
|
88
89
|
/**
|
|
@@ -14,11 +14,11 @@ export default {
|
|
|
14
14
|
},
|
|
15
15
|
},
|
|
16
16
|
args: {
|
|
17
|
-
title: '
|
|
17
|
+
title: '',
|
|
18
18
|
subtitle: 'Como criar um cadastro de produto incrível? No mundo virtual, o consumidor não pode pegar, sentir ou experimentar o produto. Por isso, a imagem que você utiliza faz toda a diferença na hora da venda.',
|
|
19
19
|
},
|
|
20
20
|
} as Meta
|
|
21
21
|
|
|
22
22
|
const Template: Story<InformationBoxProps> = args => <div className="max-w-4xl mx-auto"><InformationBox {...args} /></div>
|
|
23
23
|
|
|
24
|
-
export const Default = Template.bind({})
|
|
24
|
+
export const Default = Template.bind({})
|