@julseb-lib/react 0.0.46 → 0.0.48
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/index.cjs.js +264 -261
- package/dist/index.es.js +1355 -1352
- package/dist/index.umd.js +277 -274
- package/dist/lib/components/CodeContainer/styles.tsx +1 -0
- package/dist/lib/components/Toast/Toast.tsx +4 -4
- package/dist/lib/components/Toast/styles.tsx +7 -0
- package/package.json +1 -1
|
@@ -20,6 +20,7 @@ const StyledCodeContainer = styled.div<{ $color?: LibAllColors }>`
|
|
|
20
20
|
background-color: ${COLORS_LIGHT.GRAY_800};
|
|
21
21
|
color: ${({ $color, theme }) => $color && Mixins.AllColors($color, theme)};
|
|
22
22
|
${Mixins.HideScrollbar}
|
|
23
|
+
tab-size: 4;
|
|
23
24
|
|
|
24
25
|
& > code {
|
|
25
26
|
color: ${({ $color, theme }) =>
|
|
@@ -12,6 +12,7 @@ import {
|
|
|
12
12
|
IconContainer,
|
|
13
13
|
CloseButton,
|
|
14
14
|
Timer,
|
|
15
|
+
Title,
|
|
15
16
|
} from "./styles"
|
|
16
17
|
import type { ILibToast } from "./types"
|
|
17
18
|
|
|
@@ -125,14 +126,13 @@ export const Toast = forwardRef<HTMLDivElement, ILibToast>(
|
|
|
125
126
|
</IconContainer>
|
|
126
127
|
)}
|
|
127
128
|
|
|
128
|
-
<
|
|
129
|
-
tag="h6"
|
|
130
|
-
as="p"
|
|
129
|
+
<Title
|
|
131
130
|
data-testid={testid && `${testid}.TitleContainer.Title`}
|
|
132
131
|
className={className && "Title"}
|
|
132
|
+
tag="strong"
|
|
133
133
|
>
|
|
134
134
|
{title}
|
|
135
|
-
</
|
|
135
|
+
</Title>
|
|
136
136
|
|
|
137
137
|
{!hideCloseButton && (
|
|
138
138
|
<IconContainer
|
|
@@ -11,6 +11,7 @@ import {
|
|
|
11
11
|
SPACERS,
|
|
12
12
|
TRANSITIONS,
|
|
13
13
|
setDefaultTheme,
|
|
14
|
+
Text,
|
|
14
15
|
} from "../../"
|
|
15
16
|
import type {
|
|
16
17
|
LibAllColors,
|
|
@@ -223,6 +224,10 @@ const StyledToaster = styled.div<{ $position: LibToasterPosition }>`
|
|
|
223
224
|
}}
|
|
224
225
|
`
|
|
225
226
|
|
|
227
|
+
const Title = styled(Text)`
|
|
228
|
+
width: 100%;
|
|
229
|
+
` as any
|
|
230
|
+
|
|
226
231
|
setDefaultTheme([
|
|
227
232
|
StyledToast,
|
|
228
233
|
TitleContainer,
|
|
@@ -230,6 +235,7 @@ setDefaultTheme([
|
|
|
230
235
|
CloseButton,
|
|
231
236
|
Timer,
|
|
232
237
|
StyledToaster,
|
|
238
|
+
Title,
|
|
233
239
|
])
|
|
234
240
|
|
|
235
241
|
export {
|
|
@@ -239,4 +245,5 @@ export {
|
|
|
239
245
|
CloseButton,
|
|
240
246
|
Timer,
|
|
241
247
|
StyledToaster,
|
|
248
|
+
Title,
|
|
242
249
|
}
|