@secondstaxorg/sscomp 1.5.1 → 1.5.2
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.es.js +2 -3
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +20 -4
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +2 -3
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/SSXBar/SSXBar.d.ts +2 -1
- package/types/components/SSXBar/types.d.ts +5 -0
package/dist/index.js
CHANGED
|
@@ -24276,20 +24276,36 @@ const WidgetTitle = (props) => {
|
|
|
24276
24276
|
};
|
|
24277
24277
|
|
|
24278
24278
|
const SSXBarContainer = styled.div`
|
|
24279
|
-
|
|
24279
|
+
padding-inline: 32px;
|
|
24280
24280
|
height: 82px;
|
|
24281
24281
|
left: 0;
|
|
24282
24282
|
right: 0;
|
|
24283
24283
|
display: flex;
|
|
24284
|
-
//justify-content: space-around;
|
|
24285
24284
|
align-items: center;
|
|
24286
24285
|
`;
|
|
24287
24286
|
|
|
24288
24287
|
const _jsxFileName$1 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\SSXBar\\SSXBar.tsx";
|
|
24288
|
+
|
|
24289
24289
|
const SSXBar = (props) => {
|
|
24290
|
-
const {children} = props;
|
|
24290
|
+
const {children,background} = props;
|
|
24291
|
+
const [bgColor,setBgColor] = React$1.useState(null);
|
|
24292
|
+
|
|
24293
|
+
const lightStyles = {
|
|
24294
|
+
background:theme.colors.white,
|
|
24295
|
+
borderBottom:`1px solid ${theme.colors["neutral-100"]}`
|
|
24296
|
+
};
|
|
24297
|
+
const darkStyles = {
|
|
24298
|
+
background:theme.colors["neutral-900"],
|
|
24299
|
+
color:theme.colors.white
|
|
24300
|
+
};
|
|
24301
|
+
|
|
24302
|
+
React$1.useEffect(()=>{
|
|
24303
|
+
if (background === 'light') setBgColor(lightStyles);
|
|
24304
|
+
if (background === 'dark') setBgColor(darkStyles);
|
|
24305
|
+
},[background]);
|
|
24306
|
+
|
|
24291
24307
|
return (
|
|
24292
|
-
React$1.createElement(SSXBarContainer, { ...props, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
24308
|
+
React$1.createElement(SSXBarContainer, { ...props, style: bgColor, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 25}}
|
|
24293
24309
|
, children
|
|
24294
24310
|
)
|
|
24295
24311
|
)
|