@xfers/design-system 8.0.0-dev.0d1c1edcc0 → 8.0.0-dev.1a0ffe113e
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/cjs/index.js +1 -1
- package/cjs/index.js.map +1 -1
- package/dist/components/Sidebar/SidebarNavItem.js +2 -15
- package/dist/components/Sidebar/SidebarNavItem.js.map +1 -1
- package/dist/types/components/Sidebar/SidebarNavItem.d.ts +1 -7
- package/es/index.js +1 -1
- package/es/index.js.map +1 -1
- package/package.json +1 -1
package/cjs/index.js
CHANGED
|
@@ -1531,7 +1531,7 @@ padding-top:
|
|
|
1531
1531
|
justify-content: center;
|
|
1532
1532
|
padding: 5px 0 5px 15px;
|
|
1533
1533
|
gap: ${t?"5px":"0px"};
|
|
1534
|
-
`;return s.default.createElement(i,null,s.default.createElement(o,null,s.default.createElement(bt.Label,{size:"md"},t),n?s.default.createElement(bt.Body,{size:"md",style:{scrollbarWidth:"none"}},s.default.createElement("ol",{style:{margin:0,paddingLeft:"20px"}},e.map((t,e)=>s.default.createElement("li",{key:e},t)))):s.default.createElement(bt.Body,{size:"md",style:{scrollbarWidth:"none"}},e)))},exports.P1=on,exports.P1Bold=rn,exports.Pagination=function({current:t,pageSize:n,total:i,onChange:o,showSizeChanger:r,onShowSizeChange:a,pageSizeOptions:l}){const c=`\n -webkit-font-smoothing: antialiased;\n\n & > .ant-pagination-prev {\n height: 36px;\n line-height: 36px;\n min-width: 36px;\n margin-right: 5px;\n }\n\n & > .ant-pagination-prev .ant-pagination-item-link {\n border-radius: 5px;\n border: 1px solid ${exports.NEUTRAL_COLORS.G200};\n }\n\n & > .ant-pagination-item {\n height: 36px;\n line-height: 36px;\n min-width: 36px;\n font-family: ${Ze};\n border-radius: 5px;\n border: 1px solid ${exports.NEUTRAL_COLORS.G200};\n margin-right: 5px;\n transition: 0.3s all;\n }\n\n & > .ant-pagination-item-active {\n border-color: ${exports.MAIN_COLORS.PRIMARY_BLUE};\n }\n\n & > .ant-pagination-next {\n height: 36px;\n line-height: 36px;\n min-width: 36px;\n margin-right: 5px;\n }\n\n & > .ant-pagination-next .ant-pagination-item-link {\n border-radius: 5px;\n }\n `;return s.default.createElement(e.Pagination,{className:`${pt(c)}`,current:t,pageSize:n,total:i,onChange:o,showSizeChanger:r,onShowSizeChange:a,pageSizeOptions:l})},exports.Radio=th,exports.RangePicker=function(t){var{format:e="DD-MM-YYYY",size:n="large"}=t,i=d(t,["format","size"]);const o=ze(),{height:r,borderRadius:a,padding:l}=Je[n],c=`\n -webkit-font-smoothing: antialiased;\n height: ${r} !important;\n\n &.ant-picker {\n border-radius: ${a} !important;\n border-color: ${o.color.base.line} !important;\n padding: ${l} !important;\n transition: 0.3s all ease !important;\n\n &:hover {\n border-color: ${o.color.base.primary2} !important;\n }\n\n &.ant-picker-focused {\n border-color: ${o.color.base.primary2} !important;\n box-shadow: none !important;\n -webkit-box-shadow: none !important;\n }\n\n .ant-picker-active-bar {\n background: ${o.color.base.primary2} !important;\n }\n }\n\n\n &.ant-picker > .ant-picker-input {\n font-family: ${Ze} !important;\n font-style: normal !important;\n font-weight: normal !important;\n font-size: 14px !important;\n line-height: 22px !important;\n color: ${o.color.base.onNeutral} !important;\n }\n\n & .ant-picker-input > input {\n color: ${o.color.base.onNeutral} !important;\n }\n\n & .ant-picker-input > input::placeholder {\n color: ${o.color.component.placeholderInput} !important;\n }\n `,h=`\n .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-end > .ant-picker-cell-inner {\n background-color: ${o.color.base.primary2} !important;\n }\n\n .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-start > .ant-picker-cell-inner {\n background-color: ${o.color.base.primary2} !important;\n }\n\n .ant-picker-cell.ant-picker-cell-in-view {\n &.ant-picker-cell-in-range::before {\n background-color: ${o.color.interactive.selected} !important;\n }\n\n &.ant-picker-cell-range-end::before {\n background-color: ${o.color.interactive.selected} !important;\n }\n\n &.ant-picker-cell-range-start::before {\n background-color: ${o.color.interactive.selected} !important;\n }\n }\n `;return s.default.createElement(mh.RangePicker,Object.assign({className:`${pt(c)}`,format:e,popupClassName:pt(h)},i))},exports.Section=Ph,exports.Select=rd,exports.SelectionBox=bh,exports.SelectionBoxGroup=({children:t,label:e})=>s.default.createElement("div",{role:"radiogroup","aria-label":e},t),exports.Sidebar=Pu,exports.SidebarBase=Au,exports.SidebarNavItem=({id:t,icon:e,label:n,variant:i="business",active:o=!1,onClick:r,subItems:a,isExpanded:l=!1,tag:c
|
|
1534
|
+
`;return s.default.createElement(i,null,s.default.createElement(o,null,s.default.createElement(bt.Label,{size:"md"},t),n?s.default.createElement(bt.Body,{size:"md",style:{scrollbarWidth:"none"}},s.default.createElement("ol",{style:{margin:0,paddingLeft:"20px"}},e.map((t,e)=>s.default.createElement("li",{key:e},t)))):s.default.createElement(bt.Body,{size:"md",style:{scrollbarWidth:"none"}},e)))},exports.P1=on,exports.P1Bold=rn,exports.Pagination=function({current:t,pageSize:n,total:i,onChange:o,showSizeChanger:r,onShowSizeChange:a,pageSizeOptions:l}){const c=`\n -webkit-font-smoothing: antialiased;\n\n & > .ant-pagination-prev {\n height: 36px;\n line-height: 36px;\n min-width: 36px;\n margin-right: 5px;\n }\n\n & > .ant-pagination-prev .ant-pagination-item-link {\n border-radius: 5px;\n border: 1px solid ${exports.NEUTRAL_COLORS.G200};\n }\n\n & > .ant-pagination-item {\n height: 36px;\n line-height: 36px;\n min-width: 36px;\n font-family: ${Ze};\n border-radius: 5px;\n border: 1px solid ${exports.NEUTRAL_COLORS.G200};\n margin-right: 5px;\n transition: 0.3s all;\n }\n\n & > .ant-pagination-item-active {\n border-color: ${exports.MAIN_COLORS.PRIMARY_BLUE};\n }\n\n & > .ant-pagination-next {\n height: 36px;\n line-height: 36px;\n min-width: 36px;\n margin-right: 5px;\n }\n\n & > .ant-pagination-next .ant-pagination-item-link {\n border-radius: 5px;\n }\n `;return s.default.createElement(e.Pagination,{className:`${pt(c)}`,current:t,pageSize:n,total:i,onChange:o,showSizeChanger:r,onShowSizeChange:a,pageSizeOptions:l})},exports.Radio=th,exports.RangePicker=function(t){var{format:e="DD-MM-YYYY",size:n="large"}=t,i=d(t,["format","size"]);const o=ze(),{height:r,borderRadius:a,padding:l}=Je[n],c=`\n -webkit-font-smoothing: antialiased;\n height: ${r} !important;\n\n &.ant-picker {\n border-radius: ${a} !important;\n border-color: ${o.color.base.line} !important;\n padding: ${l} !important;\n transition: 0.3s all ease !important;\n\n &:hover {\n border-color: ${o.color.base.primary2} !important;\n }\n\n &.ant-picker-focused {\n border-color: ${o.color.base.primary2} !important;\n box-shadow: none !important;\n -webkit-box-shadow: none !important;\n }\n\n .ant-picker-active-bar {\n background: ${o.color.base.primary2} !important;\n }\n }\n\n\n &.ant-picker > .ant-picker-input {\n font-family: ${Ze} !important;\n font-style: normal !important;\n font-weight: normal !important;\n font-size: 14px !important;\n line-height: 22px !important;\n color: ${o.color.base.onNeutral} !important;\n }\n\n & .ant-picker-input > input {\n color: ${o.color.base.onNeutral} !important;\n }\n\n & .ant-picker-input > input::placeholder {\n color: ${o.color.component.placeholderInput} !important;\n }\n `,h=`\n .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-end > .ant-picker-cell-inner {\n background-color: ${o.color.base.primary2} !important;\n }\n\n .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-start > .ant-picker-cell-inner {\n background-color: ${o.color.base.primary2} !important;\n }\n\n .ant-picker-cell.ant-picker-cell-in-view {\n &.ant-picker-cell-in-range::before {\n background-color: ${o.color.interactive.selected} !important;\n }\n\n &.ant-picker-cell-range-end::before {\n background-color: ${o.color.interactive.selected} !important;\n }\n\n &.ant-picker-cell-range-start::before {\n background-color: ${o.color.interactive.selected} !important;\n }\n }\n `;return s.default.createElement(mh.RangePicker,Object.assign({className:`${pt(c)}`,format:e,popupClassName:pt(h)},i))},exports.Section=Ph,exports.Select=rd,exports.SelectionBox=bh,exports.SelectionBoxGroup=({children:t,label:e})=>s.default.createElement("div",{role:"radiogroup","aria-label":e},t),exports.Sidebar=Pu,exports.SidebarBase=Au,exports.SidebarNavItem=({id:t,icon:e,label:n,variant:i="business",active:o=!1,onClick:r,subItems:a,isExpanded:l=!1,tag:c})=>{const d=lu(i,o),h=Boolean(a&&a.length>0);return s.default.createElement(s.default.Fragment,null,s.default.createElement(fu,{variant:i,active:o,onClick:r,"data-id":t},s.default.createElement(Ac,{icon:e,size:"m",fill:o?1:0,color:d}),s.default.createElement(gu,{variant:i,active:o},n),c&&s.default.createElement(Fc,{type:"positive",variant:"filled",size:"sm"},c),h&&s.default.createElement(mu,null,s.default.createElement(Ac,{icon:"keyboard_arrow_down",size:"m",color:d,style:l?{transform:"rotate(180deg)"}:void 0}))),l&&a&&a.map(t=>s.default.createElement(Nu,{key:t.id,label:t.label,variant:i,active:t.active,onClick:t.onClick})))},exports.SidebarProvider=Du,exports.SidebarSubItem=Nu,exports.SidebarTrigger=Mu,exports.SmallP=an,exports.Spin=t=>{var{size:n}=t,i=d(t,["size"]);const{brand:o}=ze(),r=pt`
|
|
1535
1535
|
& .ant-spin-dot-item {
|
|
1536
1536
|
background-color: ${o.primary.default};
|
|
1537
1537
|
}
|