@phpsoftbox/react-softbox 1.16.1 → 2.1.0
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/README.md +18 -0
- package/dist/components/Alert/Alert.d.ts +1 -1
- package/dist/components/Alert/Alert.js +14 -4
- package/dist/components/Alert/Alert.js.map +1 -1
- package/dist/components/Alert/Alert.module.css +65 -33
- package/dist/components/Badge/Badge.d.ts +4 -1
- package/dist/components/Badge/Badge.js +27 -3
- package/dist/components/Badge/Badge.js.map +1 -1
- package/dist/components/Badge/Badge.module.css +89 -32
- package/dist/components/Button/Button.d.ts +11 -2
- package/dist/components/Button/Button.js +35 -5
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Card/Card.d.ts +3 -1
- package/dist/components/Card/Card.js +9 -3
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Card/Card.module.css +8 -2
- package/dist/components/CollapseButton/CollapseButton.module.css +1 -1
- package/dist/components/Drawer/Drawer.module.css +1 -0
- package/dist/components/FileUploader/FileUploader.module.css +6 -6
- package/dist/components/Image/Image.module.css +2 -2
- package/dist/components/Input/Checkbox/Checkbox.module.css +2 -2
- package/dist/components/Input/ErrorTooltip/ErrorTooltip.module.css +1 -1
- package/dist/components/Input/FloatLabel/FloatLabel.module.css +2 -2
- package/dist/components/Input/FormField/FormField.module.css +2 -2
- package/dist/components/Input/Hint/Hint.module.css +1 -1
- package/dist/components/Input/Input.d.ts +4 -4
- package/dist/components/Input/Input.module.css +1 -1
- package/dist/components/Input/InputGroup.module.css +8 -8
- package/dist/components/Input/Radio/Radio.module.css +2 -2
- package/dist/components/Input/Select/Select.module.css +12 -12
- package/dist/components/Input/Switch/Switch.module.css +2 -2
- package/dist/components/Input/Textarea/Textarea.module.css +1 -1
- package/dist/components/MarkdownEditor/MarkdownEditor.module.css +51 -17
- package/dist/components/Menu/Dropdown.d.ts +2 -0
- package/dist/components/Menu/Dropdown.js +1 -0
- package/dist/components/Menu/Dropdown.js.map +1 -1
- package/dist/components/Menu/Menu.d.ts +2 -0
- package/dist/components/Menu/Menu.js +5 -5
- package/dist/components/Menu/Menu.js.map +1 -1
- package/dist/components/Menu/Menu.module.css +3 -3
- package/dist/components/Modal/Modal.module.css +1 -1
- package/dist/components/Notifier/Notifier.js +8 -2
- package/dist/components/Notifier/Notifier.js.map +1 -1
- package/dist/components/Notifier/Notifier.module.css +38 -16
- package/dist/components/Pagination/Pagination.module.css +1 -1
- package/dist/components/Progress/Progress.d.ts +2 -1
- package/dist/components/Progress/Progress.js +9 -3
- package/dist/components/Progress/Progress.js.map +1 -1
- package/dist/components/Progress/Progress.module.css +24 -8
- package/dist/components/Table/Table.js +6 -1
- package/dist/components/Table/Table.js.map +1 -1
- package/dist/components/Table/Table.module.css +24 -8
- package/dist/components/Tooltip/Tooltip.d.ts +2 -1
- package/dist/components/Tooltip/Tooltip.js +4 -1
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.module.css +1 -1
- package/dist/components/Typography/Heading.d.ts +2 -1
- package/dist/components/Typography/Heading.js +9 -3
- package/dist/components/Typography/Heading.js.map +1 -1
- package/dist/components/Typography/Text.d.ts +2 -1
- package/dist/components/Typography/Text.js +9 -3
- package/dist/components/Typography/Text.js.map +1 -1
- package/dist/components/Typography/Typography.module.css +22 -6
- package/dist/components/Wizard/Wizard.d.ts +2 -0
- package/dist/components/Wizard/Wizard.js +17 -5
- package/dist/components/Wizard/Wizard.js.map +1 -1
- package/dist/components/Wizard/Wizard.module.css +54 -40
- package/dist/foundations/buttons.css +269 -55
- package/dist/foundations/layout.css +2 -2
- package/dist/foundations/tabs.css +3 -3
- package/dist/foundations/tokens.css +304 -74
- package/dist/foundations/utilities.css +738 -0
- package/dist/index.d.ts +2 -2
- package/dist/index.js.map +1 -1
- package/dist/types.d.ts +3 -1
- package/dist/utils/uiVariant.d.ts +16 -0
- package/dist/utils/uiVariant.js +106 -0
- package/dist/utils/uiVariant.js.map +1 -0
- package/docs/card.md +2 -1
- package/docs/feedback.md +11 -1
- package/docs/layout.md +42 -2
- package/docs/theme.md +71 -2
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/Menu/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,IAAkB,MAAM,QAAQ,CAAC;AACxC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,mBAAmB,MAAM,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/Menu/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,IAAkB,MAAM,QAAQ,CAAC;AACxC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,mBAAmB,MAAM,iCAAiC,CAAC;AAuDlE,MAAM,YAAY,GAAgC,GAAG,EAAE,CAAC,IAAI,CAAC;AAC7D,MAAM,cAAc,GAAkC,GAAG,EAAE,CAAC,IAAI,CAAC;AACjE,MAAM,iBAAiB,GAAqC,GAAG,EAAE,CAAC,IAAI,CAAC;AACvE,MAAM,WAAW,GAA+B,GAAG,EAAE,CAAC,IAAI,CAAC;AAE3D,MAAM,gBAAgB,GAAG,CAAC,IAAqB,EAAmD,EAAE,CAClG,KAAK,CAAC,cAAc,CAAsB,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,KAAK,cAAc,CAAC;AAElF,MAAM,cAAc,GAAG,CAAC,IAAqB,EAAiD,EAAE,CAC9F,KAAK,CAAC,cAAc,CAAoB,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC;AAE9E,MAAM,mBAAmB,GAAG,CAAC,IAAqB,EAAsD,EAAE,CACxG,KAAK,CAAC,cAAc,CAAyB,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,KAAK,iBAAiB,CAAC;AAExF,MAAM,aAAa,GAAG,CAAC,IAAqB,EAAgD,EAAE,CAC5F,KAAK,CAAC,cAAc,CAAmB,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW,CAAC;AAE5E,MAAM,OAAO,GAAG,CAAC,GAAG,MAAwC,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAElG,MAAM,SAAS,GAAG,CAAK,GAA6B,EAAE,KAAe,EAAE,EAAE;IACvE,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,OAAO;IACT,CAAC;IACD,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;QAC9B,GAAG,CAAC,KAAK,CAAC,CAAC;QACX,OAAO;IACT,CAAC;IACA,GAAwC,CAAC,OAAO,GAAG,KAAK,CAAC;AAC5D,CAAC,CAAC;AAOF,MAAM,sBAAsB,GAAG,CAC7B,QAAyB,EACqB,EAAE;IAChD,MAAM,KAAK,GAAe,EAAE,CAAC;IAC7B,IAAI,GAAgC,CAAC;IAErC,MAAM,IAAI,GAAG,CAAC,IAAqB,EAAE,EAAE;QACrC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE;YACrC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;gBACjC,OAAO;YACT,CAAC;YAED,MAAM,OAAO,GAAI,KAAK,CAAC,KAAyB,CAAC,EAAE,CAAC;YAEpD,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,QAAQ,EAAE,CAAC;gBAClC,MAAM,QAAQ,GAAG,KAA2D,CAAC;gBAC7E,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;gBAC9B,OAAO;YACT,CAAC;YAED,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;gBACzB,GAAG,GAAG;oBACJ,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS;oBAChC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK;iBACzB,CAAC;gBACF,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;gBAC3B,OAAO;YACT,CAAC;YAED,IAAI,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC/B,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;gBAC7E,OAAO;YACT,CAAC;YAED,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC5B,KAAK,CAAC,IAAI,CAAC;oBACT,EAAE,EAAE,OAAO;oBACX,MAAM,EAAE,IAAI;oBACZ,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ;oBAC3B,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC;iBACjE,CAAC,CAAC;gBACH,OAAO;YACT,CAAC;YAED,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC1B,KAAK,CAAC,IAAI,CAAC;oBACT,EAAE,EAAE,OAAO;oBACX,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ;oBAC3B,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI;oBACtB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;oBAClB,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO;oBAC5B,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;oBACtC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI;oBACtB,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI;oBACtB,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ;oBAC9B,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM;oBAC1B,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS;oBAChC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK;iBACzB,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,IAAI,CAAC,QAAQ,CAAC,CAAC;IAEf,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;AACxB,CAAC,CAAC;AAEF,SAAS,QAAQ,CAAC,EAChB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAW,GAAG,UAAU,EACxB,KAAK,GAAG,OAAO,EACf,SAAS,GAAG,MAAM,EAClB,SAAS,GAAG,KAAK,EACjB,MAAM,GAAG,IAAI,EACb,SAAS,EACT,gBAAgB,EAChB,gBAAgB,GACV;IACN,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAqB,IAAI,CAAC,CAAC;IAC1D,MAAM,SAAS,GAAG,OAAO,QAAQ,KAAK,WAAW,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC5E,MAAM,YAAY,GAAG,MAAM,IAAI,SAAS,CAAC;IACzC,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,iBAAiB,EAAE,GAAG,mBAAmB,CAAC,IAAI,EAAE;QAC3E,GAAG,EAAE,CAAC;QACN,KAAK;QACL,SAAS;QACT,SAAS,EAAE,UAAU;QACrB,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU;KAC9C,CAAC,CAAC;IACH,MAAM,UAAU,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,KAAK,EAAE,CAAC,CAAC;IAClE,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IAEvD,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,IAAI,EAAE,EAAE,CAAC;IACtF,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC;IACrC,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC;IAE9B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;YACxC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;gBAC1B,OAAO;YACT,CAAC;YAED,MAAM,MAAM,GAAG,KAAK,CAAC,MAAc,CAAC;YACpC,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;YAC5D,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;YAC9E,IAAI,CAAC,aAAa,IAAI,CAAC,UAAU,EAAE,CAAC;gBAClC,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IAClE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO;QACT,CAAC;QACD,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC;QACtD,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO;QACT,CAAC;QACD,MAAM,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,yBAAyB,CAAuB,CAAC;QACvF,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QACD,IAAI,CAAC;YACH,SAAS,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;QAC3C,CAAC;QAAC,MAAM,CAAC;YACP,SAAS,CAAC,KAAK,EAAE,CAAC;QACpB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpB,MAAM,aAAa,GAAG,CAAC,KAA0B,EAAE,EAAE;QACnD,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YAC3B,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,OAAO,CAAC,KAAK,CAAC,CAAC;YACf,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QAC9B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,KAA0B,EAAE,EAAE;QAC1D,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAC5E,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,OAAO,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YAC3B,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,MAAM,cAAc,GAAG,OAQrB,CAAC;QACH,MAAM,YAAY,GAAG,cAAc,CAAC,KAAK,CAAC;QAC1C,MAAM,WAAW,GAAI,cAAwE,CAAC,GAAG,IAAI,YAAY,CAAC,GAAG,CAAC;QAEtH,OAAO,KAAK,CAAC,YAAY,CAAC,cAAc,EAAE;YACxC,SAAS,EAAE,OAAO,CAAC,YAAY,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,EAAE,gBAAgB,CAAC;YAC3G,OAAO,EAAE,CAAC,KAAoC,EAAE,EAAE;gBAChD,YAAY,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;gBAC9B,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;oBAC5B,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;gBAC3B,CAAC;YACH,CAAC;YACD,SAAS,EAAE,CAAC,KAAuC,EAAE,EAAE;gBACrD,YAAY,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;gBAChC,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;oBAC5B,oBAAoB,CAAC,KAAK,CAAC,CAAC;gBAC9B,CAAC;YACH,CAAC;YACD,eAAe,EAAE,IAAI;YACrB,eAAe,EAAE,MAAM;YACvB,YAAY,EAAE,YAAY,CAAC,YAAY,CAAC,IAAI,gBAAgB;YAC5D,GAAG,EAAE,CAAC,IAAwB,EAAE,EAAE;gBAChC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC1B,SAAS,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;YAC/B,CAAC;SACF,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAClB,cACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE;YACT,MAAM,CAAC,YAAY;YACnB,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI;YAC1C,UAAU;YACV,QAAQ,EAAE,SAAS;SACpB;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,EACZ,KAAK,EAAE,EAAE,GAAG,iBAAiB,EAAE,GAAG,QAAQ,EAAE,KAAK,EAAE,YAEnD,KAAC,IAAI,IAAC,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAAI,GACxF,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACL,eACE,SAAS,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EACzG,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,aAAa,aAEvB,gBAAgB,CAAC,CAAC,CAAC,oBAAoB,EAAE,CAAC,CAAC,CAAC,CAC3C,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,MAAM,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC9H,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EACvC,SAAS,EAAE,oBAAoB,mBAChB,IAAI,mBACL,MAAM,gBACR,gBAAgB,EAC5B,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;oBACZ,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC5B,CAAC,YAEA,OAAO,GACD,CACV,EACA,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,IACpE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,iBAAiB,GAAG,QAKzB,CAAC;AAEF,iBAAiB,CAAC,IAAI,GAAG,YAAY,CAAC;AACtC,iBAAiB,CAAC,MAAM,GAAG,cAAc,CAAC;AAC1C,iBAAiB,CAAC,SAAS,GAAG,iBAAiB,CAAC;AAChD,iBAAiB,CAAC,GAAG,GAAG,WAAW,CAAC;AAEpC,eAAe,iBAAiB,CAAC"}
|
|
@@ -2,6 +2,7 @@ import React from 'react';
|
|
|
2
2
|
type LinkComponent = React.ElementType<{
|
|
3
3
|
href?: string;
|
|
4
4
|
className?: string;
|
|
5
|
+
style?: React.CSSProperties;
|
|
5
6
|
onClick?: React.MouseEventHandler<HTMLElement>;
|
|
6
7
|
onMouseEnter?: React.MouseEventHandler<HTMLElement>;
|
|
7
8
|
children?: React.ReactNode;
|
|
@@ -19,6 +20,7 @@ export type MenuItem = {
|
|
|
19
20
|
divider?: boolean;
|
|
20
21
|
static?: boolean;
|
|
21
22
|
className?: string;
|
|
23
|
+
style?: React.CSSProperties;
|
|
22
24
|
children?: MenuItem[];
|
|
23
25
|
open?: boolean;
|
|
24
26
|
align?: 'left' | 'right';
|
|
@@ -5,7 +5,7 @@ import useDropdownPosition from '../../hooks/useDropdownPosition';
|
|
|
5
5
|
function HorizontalDropdown({ item, isOpen, classNames, content, dropdownId, align, placement, onToggle, onSelect, }) {
|
|
6
6
|
const buttonRef = React.useRef(null);
|
|
7
7
|
const { ref, style } = useDropdownPosition(isOpen, { gap: 8, align, placement, anchorRef: buttonRef });
|
|
8
|
-
return (_jsxs("div", { className: styles.dropdownItem, children: [_jsxs("button", { type: "button", className: classNames, onClick: onToggle, "aria-expanded": isOpen, "aria-controls": dropdownId, "data-menu-item": "true", "aria-current": item.active ? 'page' : undefined, disabled: item.disabled, ref: buttonRef, children: [content, _jsx("span", { className: [styles.chevron, isOpen ? styles.chevronOpen : null].filter(Boolean).join(' '), "aria-hidden": "true" })] }), isOpen ? (_jsx("div", { id: dropdownId, className: [styles.dropdownMenu, styles[`align-${align}`]].filter(Boolean).join(' '), "aria-hidden": !isOpen, ref: ref, style: style, children: _jsx(Menu, { items: item.children ?? [], onItemSelect: onSelect }) })) : null] }));
|
|
8
|
+
return (_jsxs("div", { className: styles.dropdownItem, children: [_jsxs("button", { type: "button", className: classNames, style: item.style, onClick: onToggle, "aria-expanded": isOpen, "aria-controls": dropdownId, "data-menu-item": "true", "aria-current": item.active ? 'page' : undefined, disabled: item.disabled, ref: buttonRef, children: [content, _jsx("span", { className: [styles.chevron, isOpen ? styles.chevronOpen : null].filter(Boolean).join(' '), "aria-hidden": "true" })] }), isOpen ? (_jsx("div", { id: dropdownId, className: [styles.dropdownMenu, styles[`align-${align}`]].filter(Boolean).join(' '), "aria-hidden": !isOpen, ref: ref, style: style, children: _jsx(Menu, { items: item.children ?? [], onItemSelect: onSelect }) })) : null] }));
|
|
9
9
|
}
|
|
10
10
|
export default function Menu({ items, orientation = 'vertical', className, onItemSelect, as }) {
|
|
11
11
|
const navRef = React.useRef(null);
|
|
@@ -143,12 +143,12 @@ export default function Menu({ items, orientation = 'vertical', className, onIte
|
|
|
143
143
|
item.onMouseEnter?.();
|
|
144
144
|
};
|
|
145
145
|
if (item.static) {
|
|
146
|
-
return (_jsx("div", { className: staticClasses, role: "presentation", onMouseEnter: handleMouseEnter, children: content }, key));
|
|
146
|
+
return (_jsx("div", { className: staticClasses, style: item.style, role: "presentation", onMouseEnter: handleMouseEnter, children: content }, key));
|
|
147
147
|
}
|
|
148
148
|
if (item.children && item.children.length > 0 && orientation === 'vertical') {
|
|
149
149
|
const isOpen = openGroups[key] ?? false;
|
|
150
150
|
const submenuId = `${key}-submenu`;
|
|
151
|
-
return (_jsxs("div", { className: styles.group, children: [_jsxs("button", { type: "button", className: [classNames, styles.groupButton].filter(Boolean).join(' '), onClick: () => setOpenGroups((prev) => ({ ...prev, [key]: !isOpen })), "aria-expanded": isOpen, "aria-controls": submenuId, "data-menu-item": "true", "aria-current": item.active ? 'page' : undefined, disabled: item.disabled, children: [content, _jsx("span", { className: [styles.chevron, isOpen ? styles.chevronOpen : null].filter(Boolean).join(' '), "aria-hidden": "true" })] }), _jsx("div", { id: submenuId, className: [styles.submenu, isOpen ? styles.submenuOpen : null].filter(Boolean).join(' '), "aria-hidden": !isOpen, children: _jsx(Menu, { items: item.children, onItemSelect: handleSelect, className: styles.submenuList }) })] }, key));
|
|
151
|
+
return (_jsxs("div", { className: styles.group, children: [_jsxs("button", { type: "button", className: [classNames, styles.groupButton].filter(Boolean).join(' '), style: item.style, onClick: () => setOpenGroups((prev) => ({ ...prev, [key]: !isOpen })), "aria-expanded": isOpen, "aria-controls": submenuId, "data-menu-item": "true", "aria-current": item.active ? 'page' : undefined, disabled: item.disabled, children: [content, _jsx("span", { className: [styles.chevron, isOpen ? styles.chevronOpen : null].filter(Boolean).join(' '), "aria-hidden": "true" })] }), _jsx("div", { id: submenuId, className: [styles.submenu, isOpen ? styles.submenuOpen : null].filter(Boolean).join(' '), "aria-hidden": !isOpen, children: _jsx(Menu, { items: item.children, onItemSelect: handleSelect, className: styles.submenuList }) })] }, key));
|
|
152
152
|
}
|
|
153
153
|
if (item.children && item.children.length > 0 && orientation === 'horizontal') {
|
|
154
154
|
const isOpen = openGroups[key] ?? false;
|
|
@@ -166,9 +166,9 @@ export default function Menu({ items, orientation = 'vertical', className, onIte
|
|
|
166
166
|
}
|
|
167
167
|
if (item.href) {
|
|
168
168
|
const LinkTag = item.as ?? as ?? 'a';
|
|
169
|
-
return (_jsx(LinkTag, { className: classNames, href: item.href, onClick: handleClick, onMouseEnter: handleMouseEnter, "aria-current": item.active ? 'page' : undefined, "aria-disabled": item.disabled ? 'true' : undefined, tabIndex: item.disabled ? -1 : undefined, "data-menu-item": "true", children: content }, key));
|
|
169
|
+
return (_jsx(LinkTag, { className: classNames, style: item.style, href: item.href, onClick: handleClick, onMouseEnter: handleMouseEnter, "aria-current": item.active ? 'page' : undefined, "aria-disabled": item.disabled ? 'true' : undefined, tabIndex: item.disabled ? -1 : undefined, "data-menu-item": "true", children: content }, key));
|
|
170
170
|
}
|
|
171
|
-
return (_jsx("button", { type: "button", className: classNames, onClick: handleClick, onMouseEnter: handleMouseEnter, disabled: item.disabled, "aria-current": item.active ? 'page' : undefined, "data-menu-item": "true", children: content }, key));
|
|
171
|
+
return (_jsx("button", { type: "button", className: classNames, style: item.style, onClick: handleClick, onMouseEnter: handleMouseEnter, disabled: item.disabled, "aria-current": item.active ? 'page' : undefined, "data-menu-item": "true", children: content }, key));
|
|
172
172
|
}) }));
|
|
173
173
|
}
|
|
174
174
|
//# sourceMappingURL=Menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,mBAAmB,MAAM,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
align-items: center;
|
|
23
23
|
gap: 10px;
|
|
24
24
|
padding: 10px 12px;
|
|
25
|
-
border-radius:
|
|
25
|
+
border-radius: var(--menu-item-border-radius, var(--radius-default));
|
|
26
26
|
border: 1px solid transparent;
|
|
27
27
|
background: transparent;
|
|
28
28
|
color: var(--color-text);
|
|
@@ -203,7 +203,7 @@
|
|
|
203
203
|
background: var(--surface-control);
|
|
204
204
|
color: var(--color-text);
|
|
205
205
|
padding: 8px 12px;
|
|
206
|
-
border-radius:
|
|
206
|
+
border-radius: var(--radius-pill);
|
|
207
207
|
cursor: pointer;
|
|
208
208
|
display: inline-flex;
|
|
209
209
|
align-items: center;
|
|
@@ -228,7 +228,7 @@
|
|
|
228
228
|
max-width: calc(100vw - 24px);
|
|
229
229
|
background: var(--surface-panel);
|
|
230
230
|
border: 1px solid var(--color-line);
|
|
231
|
-
border-radius: var(--radius-
|
|
231
|
+
border-radius: var(--dropdown-border-radius, var(--radius-default));
|
|
232
232
|
padding: 16px;
|
|
233
233
|
box-shadow: var(--shadow-soft);
|
|
234
234
|
z-index: 60;
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
max-height: calc(100dvh - (var(--spacing-7) * 2));
|
|
19
19
|
background: var(--surface-panel);
|
|
20
20
|
border: 1px solid var(--color-line);
|
|
21
|
-
border-radius: var(--radius-
|
|
21
|
+
border-radius: var(--modal-border-radius, var(--radius-default));
|
|
22
22
|
box-shadow: var(--shadow-soft);
|
|
23
23
|
display: flex;
|
|
24
24
|
flex-direction: column;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import styles from './Notifier.module.css';
|
|
4
|
+
import { buildNotifierVariantStyle, getBuiltinUiVariantClass, isBuiltinUiVariant, } from '../../utils/uiVariant';
|
|
4
5
|
const positionClass = {
|
|
5
6
|
'top-right': styles.topRight,
|
|
6
7
|
'top-left': styles.topLeft,
|
|
@@ -10,10 +11,14 @@ const positionClass = {
|
|
|
10
11
|
const variantClass = {
|
|
11
12
|
default: styles.default,
|
|
12
13
|
primary: styles.primary,
|
|
14
|
+
secondary: styles.secondary,
|
|
13
15
|
info: styles.info,
|
|
14
16
|
success: styles.success,
|
|
15
17
|
warning: styles.warning,
|
|
16
18
|
danger: styles.danger,
|
|
19
|
+
dark: styles.dark,
|
|
20
|
+
light: styles.light,
|
|
21
|
+
neutral: styles.neutral,
|
|
17
22
|
};
|
|
18
23
|
export default function Notifier({ items, onDismiss, position = 'top-right' }) {
|
|
19
24
|
const timersRef = React.useRef({});
|
|
@@ -180,13 +185,14 @@ export default function Notifier({ items, onDismiss, position = 'top-right' }) {
|
|
|
180
185
|
const variant = item.variant ?? 'info';
|
|
181
186
|
const isPaused = Boolean(pausedIds[item.id] || visibilityPaused);
|
|
182
187
|
const isClosing = Boolean(closingIds[item.id]);
|
|
188
|
+
const variantStyle = isBuiltinUiVariant(variant) ? undefined : buildNotifierVariantStyle(variant);
|
|
183
189
|
return (_jsxs("div", { className: [
|
|
184
190
|
styles.toast,
|
|
185
|
-
variantClass
|
|
191
|
+
getBuiltinUiVariantClass(variantClass, variant),
|
|
186
192
|
isClosing ? styles.toastClosing : null,
|
|
187
193
|
]
|
|
188
194
|
.filter(Boolean)
|
|
189
|
-
.join(' '), "data-paused": isPaused ? 'true' : undefined, onMouseEnter: () => {
|
|
195
|
+
.join(' '), style: variantStyle, "data-paused": isPaused ? 'true' : undefined, onMouseEnter: () => {
|
|
190
196
|
if (!item.duration) {
|
|
191
197
|
return;
|
|
192
198
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notifier.js","sourceRoot":"","sources":["../../../src/components/Notifier/Notifier.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"Notifier.js","sourceRoot":"","sources":["../../../src/components/Notifier/Notifier.tsx"],"names":[],"mappings":"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"}
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
gap: var(--spacing-3);
|
|
34
34
|
align-items: flex-start;
|
|
35
35
|
padding: var(--spacing-4);
|
|
36
|
-
border-radius: var(--radius-
|
|
36
|
+
border-radius: var(--toast-border-radius, var(--radius-default));
|
|
37
37
|
border: 1px solid transparent;
|
|
38
38
|
background: var(--surface-panel);
|
|
39
39
|
color: var(--color-text);
|
|
@@ -41,6 +41,7 @@
|
|
|
41
41
|
animation: toast-in 0.18s ease;
|
|
42
42
|
position: relative;
|
|
43
43
|
overflow: hidden;
|
|
44
|
+
box-sizing: border-box;
|
|
44
45
|
}
|
|
45
46
|
|
|
46
47
|
.toastClosing {
|
|
@@ -82,14 +83,15 @@
|
|
|
82
83
|
|
|
83
84
|
.timer {
|
|
84
85
|
position: absolute;
|
|
85
|
-
left:
|
|
86
|
-
right:
|
|
87
|
-
bottom:
|
|
86
|
+
left: -1px;
|
|
87
|
+
right: -1px;
|
|
88
|
+
bottom: -1px;
|
|
88
89
|
height: 3px;
|
|
89
90
|
background: var(--toast-accent, rgba(20, 201, 214, 0.9));
|
|
90
91
|
transform-origin: left;
|
|
91
92
|
animation: toast-timer var(--toast-duration, 0ms) linear forwards;
|
|
92
93
|
pointer-events: none;
|
|
94
|
+
z-index: 1;
|
|
93
95
|
}
|
|
94
96
|
|
|
95
97
|
.toast[data-paused="true"] .timer {
|
|
@@ -97,33 +99,53 @@
|
|
|
97
99
|
}
|
|
98
100
|
|
|
99
101
|
.default {
|
|
100
|
-
border-color:
|
|
101
|
-
--toast-accent:
|
|
102
|
+
border-color: var(--variant-default-border);
|
|
103
|
+
--toast-accent: var(--variant-default-accent);
|
|
102
104
|
}
|
|
103
105
|
|
|
104
106
|
.primary {
|
|
105
|
-
border-color:
|
|
106
|
-
--toast-accent:
|
|
107
|
+
border-color: var(--variant-primary-border);
|
|
108
|
+
--toast-accent: var(--variant-primary-bg);
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.secondary {
|
|
112
|
+
border-color: var(--variant-secondary-border);
|
|
113
|
+
--toast-accent: var(--variant-secondary-bg);
|
|
107
114
|
}
|
|
108
115
|
|
|
109
116
|
.info {
|
|
110
|
-
border-color:
|
|
111
|
-
--toast-accent:
|
|
117
|
+
border-color: var(--variant-info-border);
|
|
118
|
+
--toast-accent: var(--variant-info-bg);
|
|
112
119
|
}
|
|
113
120
|
|
|
114
121
|
.success {
|
|
115
|
-
border-color:
|
|
116
|
-
--toast-accent:
|
|
122
|
+
border-color: var(--variant-success-border);
|
|
123
|
+
--toast-accent: var(--variant-success-bg);
|
|
117
124
|
}
|
|
118
125
|
|
|
119
126
|
.warning {
|
|
120
|
-
border-color:
|
|
121
|
-
--toast-accent:
|
|
127
|
+
border-color: var(--variant-warning-border);
|
|
128
|
+
--toast-accent: var(--variant-warning-bg);
|
|
122
129
|
}
|
|
123
130
|
|
|
124
131
|
.danger {
|
|
125
|
-
border-color:
|
|
126
|
-
--toast-accent:
|
|
132
|
+
border-color: var(--variant-danger-border);
|
|
133
|
+
--toast-accent: var(--variant-danger-bg);
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
.dark {
|
|
137
|
+
border-color: var(--variant-dark-border);
|
|
138
|
+
--toast-accent: var(--variant-dark-bg);
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.light {
|
|
142
|
+
border-color: var(--variant-light-border);
|
|
143
|
+
--toast-accent: var(--variant-light-bg);
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.neutral {
|
|
147
|
+
border-color: var(--variant-neutral-border);
|
|
148
|
+
--toast-accent: var(--variant-neutral-bg);
|
|
127
149
|
}
|
|
128
150
|
|
|
129
151
|
@keyframes toast-in {
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
min-width: 36px;
|
|
31
31
|
height: 36px;
|
|
32
32
|
padding: 0 10px;
|
|
33
|
-
border-radius:
|
|
33
|
+
border-radius: var(--pagination-border-radius, var(--radius-default));
|
|
34
34
|
border: 1px solid rgba(30, 99, 233, 0.25);
|
|
35
35
|
background: var(--surface-control);
|
|
36
36
|
color: var(--color-text);
|
|
@@ -11,6 +11,7 @@ type Props = {
|
|
|
11
11
|
size?: ProgressSize;
|
|
12
12
|
indeterminate?: boolean;
|
|
13
13
|
className?: string;
|
|
14
|
+
style?: React.CSSProperties;
|
|
14
15
|
};
|
|
15
|
-
export default function Progress({ value, max, label, showValue, variant, size, indeterminate, className, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export default function Progress({ value, max, label, showValue, variant, size, indeterminate, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
16
17
|
export {};
|
|
@@ -1,32 +1,38 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import styles from './Progress.module.css';
|
|
3
|
+
import { buildProgressVariantStyle, getBuiltinUiVariantClass, isBuiltinUiVariant, mergeStyles, } from '../../utils/uiVariant';
|
|
3
4
|
const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
|
|
4
5
|
const variantMap = {
|
|
5
6
|
default: styles.default,
|
|
6
7
|
primary: styles.primary,
|
|
8
|
+
secondary: styles.secondary,
|
|
7
9
|
info: styles.info,
|
|
8
10
|
success: styles.success,
|
|
9
11
|
warning: styles.warning,
|
|
10
12
|
danger: styles.danger,
|
|
13
|
+
dark: styles.dark,
|
|
14
|
+
light: styles.light,
|
|
15
|
+
neutral: styles.neutral,
|
|
11
16
|
};
|
|
12
17
|
const sizeMap = {
|
|
13
18
|
sm: styles.sm,
|
|
14
19
|
md: styles.md,
|
|
15
20
|
lg: styles.lg,
|
|
16
21
|
};
|
|
17
|
-
export default function Progress({ value = 0, max = 100, label, showValue = false, variant = 'default', size = 'md', indeterminate = false, className, }) {
|
|
22
|
+
export default function Progress({ value = 0, max = 100, label, showValue = false, variant = 'default', size = 'md', indeterminate = false, className, style, }) {
|
|
18
23
|
const safeMax = max > 0 ? max : 100;
|
|
19
24
|
const normalized = clamp(value, 0, safeMax);
|
|
20
25
|
const percent = Math.round((normalized / safeMax) * 100);
|
|
26
|
+
const variantStyle = isBuiltinUiVariant(variant) ? undefined : buildProgressVariantStyle(variant);
|
|
21
27
|
const wrapperClasses = [
|
|
22
28
|
styles.progress,
|
|
23
|
-
variantMap
|
|
29
|
+
getBuiltinUiVariantClass(variantMap, variant),
|
|
24
30
|
sizeMap[size],
|
|
25
31
|
indeterminate ? styles.indeterminate : null,
|
|
26
32
|
className,
|
|
27
33
|
]
|
|
28
34
|
.filter(Boolean)
|
|
29
35
|
.join(' ');
|
|
30
|
-
return (_jsxs("div", { className: wrapperClasses, children: [label ? _jsx("div", { className: styles.label, children: label }) : null, _jsx("div", { className: styles.track, role: "progressbar", "aria-valuemin": indeterminate ? undefined : 0, "aria-valuemax": indeterminate ? undefined : safeMax, "aria-valuenow": indeterminate ? undefined : normalized, "aria-busy": indeterminate ? 'true' : undefined, children: _jsx("div", { className: styles.bar, style: indeterminate ? undefined : { width: `${percent}%` } }) }), showValue ? _jsx("div", { className: styles.value, children: indeterminate ? '…' : `${percent}%` }) : null] }));
|
|
36
|
+
return (_jsxs("div", { className: wrapperClasses, style: mergeStyles(variantStyle, style), children: [label ? _jsx("div", { className: styles.label, children: label }) : null, _jsx("div", { className: styles.track, role: "progressbar", "aria-valuemin": indeterminate ? undefined : 0, "aria-valuemax": indeterminate ? undefined : safeMax, "aria-valuenow": indeterminate ? undefined : normalized, "aria-busy": indeterminate ? 'true' : undefined, children: _jsx("div", { className: styles.bar, style: indeterminate ? undefined : { width: `${percent}%` } }) }), showValue ? _jsx("div", { className: styles.value, children: indeterminate ? '…' : `${percent}%` }) : null] }));
|
|
31
37
|
}
|
|
32
38
|
//# sourceMappingURL=Progress.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
width: 100%;
|
|
14
14
|
background: var(--surface-control);
|
|
15
15
|
border: 1px solid rgba(30, 99, 233, 0.2);
|
|
16
|
-
border-radius:
|
|
16
|
+
border-radius: var(--progress-border-radius, var(--radius-pill));
|
|
17
17
|
overflow: hidden;
|
|
18
18
|
position: relative;
|
|
19
19
|
}
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
.bar {
|
|
22
22
|
height: 100%;
|
|
23
23
|
width: 0;
|
|
24
|
-
background:
|
|
24
|
+
background: var(--progress-bg, var(--variant-primary-bg));
|
|
25
25
|
transition: width 0.2s ease;
|
|
26
26
|
}
|
|
27
27
|
|
|
@@ -44,27 +44,43 @@
|
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
.default .bar {
|
|
47
|
-
|
|
47
|
+
--progress-bg: var(--variant-default-accent);
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
.primary .bar {
|
|
51
|
-
|
|
51
|
+
--progress-bg: var(--variant-primary-bg);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.secondary .bar {
|
|
55
|
+
--progress-bg: var(--variant-secondary-bg);
|
|
52
56
|
}
|
|
53
57
|
|
|
54
58
|
.info .bar {
|
|
55
|
-
|
|
59
|
+
--progress-bg: var(--variant-info-bg);
|
|
56
60
|
}
|
|
57
61
|
|
|
58
62
|
.success .bar {
|
|
59
|
-
|
|
63
|
+
--progress-bg: var(--variant-success-bg);
|
|
60
64
|
}
|
|
61
65
|
|
|
62
66
|
.warning .bar {
|
|
63
|
-
|
|
67
|
+
--progress-bg: var(--variant-warning-bg);
|
|
64
68
|
}
|
|
65
69
|
|
|
66
70
|
.danger .bar {
|
|
67
|
-
|
|
71
|
+
--progress-bg: var(--variant-danger-bg);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.dark .bar {
|
|
75
|
+
--progress-bg: var(--variant-dark-bg);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.light .bar {
|
|
79
|
+
--progress-bg: var(--variant-light-bg);
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.neutral .bar {
|
|
83
|
+
--progress-bg: var(--variant-neutral-bg);
|
|
68
84
|
}
|
|
69
85
|
|
|
70
86
|
.indeterminate .bar {
|
|
@@ -4,6 +4,7 @@ import Button from '../Button/Button';
|
|
|
4
4
|
import Dropdown from '../Menu/Dropdown';
|
|
5
5
|
import Checkbox from '../Input/Checkbox/Checkbox';
|
|
6
6
|
import styles from './Table.module.css';
|
|
7
|
+
import { buildTextVariantStyle, getBuiltinUiVariantClass, isBuiltinUiVariant, } from '../../utils/uiVariant';
|
|
7
8
|
const toCssValue = (value) => {
|
|
8
9
|
if (typeof value === 'number') {
|
|
9
10
|
return `${value}px`;
|
|
@@ -194,12 +195,16 @@ function TableBase({ columns, data, rowKey, emptyState = 'Нет данных',
|
|
|
194
195
|
const variantClassMap = {
|
|
195
196
|
default: styles.bulkActionDefault,
|
|
196
197
|
primary: styles.bulkActionPrimary,
|
|
198
|
+
secondary: styles.bulkActionSecondary,
|
|
197
199
|
info: styles.bulkActionInfo,
|
|
198
200
|
success: styles.bulkActionSuccess,
|
|
199
201
|
warning: styles.bulkActionWarning,
|
|
200
202
|
danger: styles.bulkActionDanger,
|
|
203
|
+
dark: styles.bulkActionDark,
|
|
204
|
+
light: styles.bulkActionLight,
|
|
205
|
+
neutral: styles.bulkActionNeutral,
|
|
201
206
|
};
|
|
202
|
-
return (_jsx("div", { className: styles.bulkActions, "data-position": position, children: _jsx("div", { className: [styles.bulkActionsRow, alignClass].filter(Boolean).join(' '), children: _jsx(Dropdown, { align: bulkActions.align === 'right' ? 'right' : 'left', trigger: _jsx(Button, { size: "sm", appearance: "outline", disabled: !hasSelected || isDisabled, children: label }), children: _jsxs(Dropdown.Nav, { className: styles.bulkActionsMenu, children: [bulkActions.actions.map((action) => (_jsx(Dropdown.Item, { disabled: !hasSelected || isDisabled || action.disabled, onClick: !hasSelected || isDisabled ? undefined : () => action.onClick(bulkActions.selectedIds), className: action.variant ? variantClassMap
|
|
207
|
+
return (_jsx("div", { className: styles.bulkActions, "data-position": position, children: _jsx("div", { className: [styles.bulkActionsRow, alignClass].filter(Boolean).join(' '), children: _jsx(Dropdown, { align: bulkActions.align === 'right' ? 'right' : 'left', trigger: _jsx(Button, { size: "sm", appearance: "outline", disabled: !hasSelected || isDisabled, children: label }), children: _jsxs(Dropdown.Nav, { className: styles.bulkActionsMenu, children: [bulkActions.actions.map((action) => (_jsx(Dropdown.Item, { disabled: !hasSelected || isDisabled || action.disabled, onClick: !hasSelected || isDisabled ? undefined : () => action.onClick(bulkActions.selectedIds), className: action.variant ? getBuiltinUiVariantClass(variantClassMap, action.variant) : undefined, style: action.variant && !isBuiltinUiVariant(action.variant) ? buildTextVariantStyle(action.variant) : undefined, icon: action.icon, children: action.label }, action.id))), bulkActions.onClear ? (_jsxs(_Fragment, { children: [_jsx(Dropdown.Separator, {}), _jsx(Dropdown.Item, { disabled: !hasSelected || isDisabled, onClick: !hasSelected || isDisabled ? undefined : bulkActions.onClear, children: "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C \u0432\u044B\u0431\u043E\u0440" })] })) : null] }) }) }) }));
|
|
203
208
|
};
|
|
204
209
|
const handleToggleAll = () => {
|
|
205
210
|
if (!selection) {
|