@secondstaxorg/sscomp 1.7.24 → 1.7.26
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 +5 -5
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +6 -6
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +5 -5
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/Selector/types.d.ts +4 -0
package/dist/index.js
CHANGED
|
@@ -25154,12 +25154,13 @@ const MainContainer = styled.div`
|
|
|
25154
25154
|
`;
|
|
25155
25155
|
|
|
25156
25156
|
const FieldContainer$1 = styled.div`
|
|
25157
|
-
display:flex;
|
|
25158
25157
|
gap:8px;
|
|
25159
25158
|
&.vertical{
|
|
25159
|
+
display:flex;
|
|
25160
25160
|
flex-direction: column;
|
|
25161
25161
|
}
|
|
25162
25162
|
&.horizontal{
|
|
25163
|
+
display:grid;
|
|
25163
25164
|
flex-direction: row;
|
|
25164
25165
|
}
|
|
25165
25166
|
`;
|
|
@@ -25228,7 +25229,7 @@ const _jsxFileName$4 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
|
|
|
25228
25229
|
* Component for making selections. Usage could be in an onboarding process
|
|
25229
25230
|
*/
|
|
25230
25231
|
const Selector = (props) => {
|
|
25231
|
-
const {itemsList,selectedItem,width,multiSelect,required,label,subText,errMsg,inputName,arrangement,otherOption,otherPlaceholder} = props;
|
|
25232
|
+
const {itemsList,selectedItem,width,multiSelect,required,label,subText,errMsg,inputName,arrangement,otherOption,otherPlaceholder,numCols} = props;
|
|
25232
25233
|
const [selOptions,setSelOptions] = React$1.useState([]);
|
|
25233
25234
|
const [selStatus,setSelStatus] = React$1.useState('');
|
|
25234
25235
|
const [srSel,setSrSel] = React$1.useState('');
|
|
@@ -25295,7 +25296,7 @@ const Selector = (props) => {
|
|
|
25295
25296
|
, subText && React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 75}}, subText)
|
|
25296
25297
|
)
|
|
25297
25298
|
|
|
25298
|
-
, React$1.createElement(FieldContainer$1, { className: arrangement, style: {width:width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 78}}
|
|
25299
|
+
, React$1.createElement(FieldContainer$1, { className: arrangement, style: {width:width ? width : '100%',gridTemplateColumns:`repeat(${numCols ? numCols : itemsList.length},1fr)`}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 78}}
|
|
25299
25300
|
, React$1.createElement(React$1.Fragment, null
|
|
25300
25301
|
, itemsList.map((item,index) => (
|
|
25301
25302
|
React$1.createElement(SelectorContainer, { type: "button", key: index, className: evaluateSelection(item) ? 'selected' : '', onClick: () => {
|
|
@@ -30603,14 +30604,13 @@ const AccordionItem = styled.div`
|
|
|
30603
30604
|
.accordion-content{
|
|
30604
30605
|
//padding: 24px;
|
|
30605
30606
|
background: #ffffff;
|
|
30606
|
-
|
|
30607
|
+
height: 0;
|
|
30607
30608
|
overflow:hidden;
|
|
30608
30609
|
}
|
|
30609
30610
|
|
|
30610
30611
|
.accordion-content.expanded{
|
|
30611
30612
|
border-top: 1px solid ${theme.colors["neutral-200"]};
|
|
30612
|
-
|
|
30613
|
-
transition: max-height 2s ease-in-out;
|
|
30613
|
+
height: auto;
|
|
30614
30614
|
}
|
|
30615
30615
|
|
|
30616
30616
|
.accordion-content div{
|