@secondstaxorg/sscomp 2.0.29 → 2.0.31
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 +43 -33
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +12 -1
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +11 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/IconButton/type.d.ts +1 -0
package/dist/index.js
CHANGED
|
@@ -37322,6 +37322,7 @@ const Button = styled.button`
|
|
|
37322
37322
|
border: none;
|
|
37323
37323
|
cursor:pointer;
|
|
37324
37324
|
transition: background 0.3s;
|
|
37325
|
+
position: relative;
|
|
37325
37326
|
&.transparent-bg{
|
|
37326
37327
|
background: transparent !important;
|
|
37327
37328
|
}
|
|
@@ -37337,13 +37338,23 @@ const Button = styled.button`
|
|
|
37337
37338
|
:disabled>*{
|
|
37338
37339
|
opacity: 0.5;
|
|
37339
37340
|
}
|
|
37341
|
+
.indicator{
|
|
37342
|
+
width: 8px;
|
|
37343
|
+
height: 8px;
|
|
37344
|
+
background: ${theme.colors["error-500"]};
|
|
37345
|
+
border-radius: 8px;
|
|
37346
|
+
top: 0;
|
|
37347
|
+
right: 0;
|
|
37348
|
+
position: absolute;
|
|
37349
|
+
}
|
|
37340
37350
|
`;
|
|
37341
37351
|
|
|
37342
37352
|
const _jsxFileName = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\IconButton\\IconButton.tsx";
|
|
37343
37353
|
const IconButton = (props) => {
|
|
37344
|
-
const {onClick,disabled,children,isActive,transparentBg} = props;
|
|
37354
|
+
const {onClick,disabled,children,isActive,transparentBg,showIndicator} = props;
|
|
37345
37355
|
return (
|
|
37346
37356
|
React$1.createElement(Button, { onClick: onClick, disabled: disabled, className: `${isActive ? 'active-icon' : ''} ${transparentBg ? 'transparent-bg' : ''}`, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 8}}
|
|
37357
|
+
, showIndicator && React$1.createElement('div', { className: "indicator", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 9}})
|
|
37347
37358
|
, children
|
|
37348
37359
|
)
|
|
37349
37360
|
)
|