@neko-os/ui 0.1.0 → 0.2.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.
Files changed (132) hide show
  1. package/dist/NekoUI.js +1 -1
  2. package/dist/abstractions/FlatList.native.js +1 -1
  3. package/dist/abstractions/ScrollView.native.js +1 -1
  4. package/dist/components/actions/ActionsDrawer.js +1 -1
  5. package/dist/components/actions/FloatingMenu.js +1 -1
  6. package/dist/components/feedback/alerter.js +1 -1
  7. package/dist/components/feedback/confirmer.js +1 -1
  8. package/dist/components/index.js +1 -1
  9. package/dist/components/inputs/Picker.js +1 -1
  10. package/dist/components/modals/bottomDrawer/native/BottomDrawer.js +1 -0
  11. package/dist/components/modals/bottomDrawer/native/DrawerContext.js +1 -0
  12. package/dist/components/modals/bottomDrawer/native/DrawerHandle.js +1 -0
  13. package/dist/components/modals/bottomDrawer/native/createDrawerScrollComponent.js +1 -0
  14. package/dist/components/modals/bottomDrawer/web/BottomDrawer.js +1 -0
  15. package/dist/components/modals/drawer/Drawer.js +1 -0
  16. package/dist/components/modals/index.js +1 -0
  17. package/dist/components/modals/modal/Modal.js +1 -0
  18. package/dist/components/modals/modal/Modal.native.js +1 -0
  19. package/dist/components/modals/modal/ModalBackdrop.js +1 -0
  20. package/dist/components/modals/modal/ModalContent.js +1 -0
  21. package/dist/components/modals/modal/ModalFooter.js +1 -0
  22. package/dist/components/modals/modal/ModalHeader.js +1 -0
  23. package/dist/components/modals/modal/handler/ModalsHandler.js +1 -0
  24. package/dist/components/modals/router/ModalRoute.js +1 -0
  25. package/dist/components/modals/router/ModalsRouter.js +1 -0
  26. package/dist/components/modals/router/ModalsRouterContext.js +1 -0
  27. package/dist/components/modals/router/index.js +1 -0
  28. package/dist/components/modals/router/useAllModalsParams.js +1 -0
  29. package/dist/components/modals/router/useModalParams.js +1 -0
  30. package/dist/components/modals/router/useModalsNavigation.js +1 -0
  31. package/dist/components/modals/router/useUpdateModalContainer.js +1 -0
  32. package/dist/components/sections/SectionItemDropdown.js +1 -0
  33. package/dist/components/sections/index.js +1 -1
  34. package/dist/components/structure/index.js +1 -1
  35. package/dist/components/structure/popover/Popover.js +1 -1
  36. package/dist/components/structure/popover/Popover.native.js +1 -1
  37. package/dist/components/structure/popover/Popover_BU.js +1 -1
  38. package/dist/components/theme/ThemePickerDrawer.js +1 -1
  39. package/dist/theme/default/blackTheme.js +1 -1
  40. package/dist/theme/default/cyberpunkTheme.js +1 -1
  41. package/dist/theme/default/hackerTheme.js +1 -1
  42. package/dist/theme/default/paperTheme.js +1 -1
  43. package/dist/theme/default/themes.js +1 -1
  44. package/package.json +1 -1
  45. package/src/NekoUI.js +1 -1
  46. package/src/abstractions/FlatList.native.js +2 -1
  47. package/src/abstractions/ScrollView.native.js +2 -2
  48. package/src/components/actions/ActionsDrawer.js +2 -2
  49. package/src/components/actions/FloatingMenu.js +1 -1
  50. package/src/components/feedback/alerter.js +1 -1
  51. package/src/components/feedback/confirmer.js +1 -1
  52. package/src/components/index.js +1 -0
  53. package/src/components/inputs/Picker.js +1 -1
  54. package/src/components/{structure → modals}/bottomDrawer/native/BottomDrawer.js +1 -1
  55. package/src/components/{structure → modals}/bottomDrawer/native/DrawerHandle.js +1 -1
  56. package/src/components/modals/index.js +4 -0
  57. package/src/components/{structure → modals}/modal/Modal.native.js +1 -1
  58. package/src/components/{structure → modals}/modal/ModalBackdrop.js +1 -1
  59. package/src/components/{structure → modals}/modal/ModalContent.js +1 -1
  60. package/src/components/{structure → modals}/modal/ModalFooter.js +1 -1
  61. package/src/components/{structure → modals}/modal/ModalHeader.js +1 -1
  62. package/src/components/modals/router/ModalRoute.js +15 -0
  63. package/src/components/modals/router/ModalsRouter.js +120 -0
  64. package/src/components/modals/router/ModalsRouterContext.js +16 -0
  65. package/src/components/modals/router/index.js +6 -0
  66. package/src/components/modals/router/useAllModalsParams.js +6 -0
  67. package/src/components/modals/router/useModalParams.js +6 -0
  68. package/src/components/modals/router/useModalsNavigation.js +6 -0
  69. package/src/components/modals/router/useUpdateModalContainer.js +6 -0
  70. package/src/components/sections/SectionItemDropdown.js +68 -0
  71. package/src/components/sections/index.js +1 -0
  72. package/src/components/structure/index.js +0 -3
  73. package/src/components/structure/popover/Popover.js +1 -1
  74. package/src/components/structure/popover/Popover.native.js +1 -1
  75. package/src/components/structure/popover/Popover_BU.js +1 -1
  76. package/src/components/theme/ThemePickerDrawer.js +3 -4
  77. package/src/theme/default/blackTheme.js +32 -21
  78. package/src/theme/default/cyberpunkTheme.js +24 -32
  79. package/src/theme/default/hackerTheme.js +23 -16
  80. package/src/theme/default/paperTheme.js +4 -0
  81. package/src/theme/default/themes.js +0 -9
  82. package/dist/components/structure/bottomDrawer/native/BottomDrawer.js +0 -1
  83. package/dist/components/structure/bottomDrawer/native/DrawerContext.js +0 -1
  84. package/dist/components/structure/bottomDrawer/native/DrawerHandle.js +0 -1
  85. package/dist/components/structure/bottomDrawer/native/createDrawerScrollComponent.js +0 -1
  86. package/dist/components/structure/bottomDrawer/web/BottomDrawer.js +0 -1
  87. package/dist/components/structure/drawer/Drawer.js +0 -1
  88. package/dist/components/structure/modal/Modal.js +0 -1
  89. package/dist/components/structure/modal/Modal.native.js +0 -1
  90. package/dist/components/structure/modal/ModalBackdrop.js +0 -1
  91. package/dist/components/structure/modal/ModalContent.js +0 -1
  92. package/dist/components/structure/modal/ModalFooter.js +0 -1
  93. package/dist/components/structure/modal/ModalHeader.js +0 -1
  94. package/dist/components/structure/modal/handler/ModalsHandler.js +0 -1
  95. package/dist/theme/default/deepWoodsTheme.js +0 -1
  96. package/dist/theme/default/forestTheme.js +0 -1
  97. package/dist/theme/default/midnightTheme.js +0 -1
  98. package/dist/theme/default/msdosTheme.js +0 -1
  99. package/dist/theme/default/oceanTheme.js +0 -1
  100. package/dist/theme/default/pastelTheme.js +0 -1
  101. package/dist/theme/default/sunsetTheme.js +0 -1
  102. package/src/theme/default/deepWoodsTheme.js +0 -34
  103. package/src/theme/default/forestTheme.js +0 -34
  104. package/src/theme/default/midnightTheme.js +0 -34
  105. package/src/theme/default/msdosTheme.js +0 -54
  106. package/src/theme/default/oceanTheme.js +0 -34
  107. package/src/theme/default/pastelTheme.js +0 -34
  108. package/src/theme/default/sunsetTheme.js +0 -35
  109. /package/dist/components/{structure → modals}/bottomDrawer/index.js +0 -0
  110. /package/dist/components/{structure → modals}/bottomDrawer/index.native.js +0 -0
  111. /package/dist/components/{structure → modals}/bottomDrawer/index.web.js +0 -0
  112. /package/dist/components/{structure → modals}/bottomDrawer/native/DrawerScrollView.js +0 -0
  113. /package/dist/components/{structure → modals}/bottomDrawer/native/utils.js +0 -0
  114. /package/dist/components/{structure → modals}/drawer/Drawer.native.js +0 -0
  115. /package/dist/components/{structure → modals}/drawer/Drawer.web.js +0 -0
  116. /package/dist/components/{structure → modals}/drawer/index.js +0 -0
  117. /package/dist/components/{structure → modals}/modal/index.js +0 -0
  118. /package/src/components/{structure → modals}/bottomDrawer/index.js +0 -0
  119. /package/src/components/{structure → modals}/bottomDrawer/index.native.js +0 -0
  120. /package/src/components/{structure → modals}/bottomDrawer/index.web.js +0 -0
  121. /package/src/components/{structure → modals}/bottomDrawer/native/DrawerContext.js +0 -0
  122. /package/src/components/{structure → modals}/bottomDrawer/native/DrawerScrollView.js +0 -0
  123. /package/src/components/{structure → modals}/bottomDrawer/native/createDrawerScrollComponent.js +0 -0
  124. /package/src/components/{structure → modals}/bottomDrawer/native/utils.js +0 -0
  125. /package/src/components/{structure → modals}/bottomDrawer/web/BottomDrawer.js +0 -0
  126. /package/src/components/{structure → modals}/drawer/Drawer.js +0 -0
  127. /package/src/components/{structure → modals}/drawer/Drawer.native.js +0 -0
  128. /package/src/components/{structure → modals}/drawer/Drawer.web.js +0 -0
  129. /package/src/components/{structure → modals}/drawer/index.js +0 -0
  130. /package/src/components/{structure → modals}/modal/Modal.js +0 -0
  131. /package/src/components/{structure → modals}/modal/handler/ModalsHandler.js +0 -0
  132. /package/src/components/{structure → modals}/modal/index.js +0 -0
@@ -1 +0,0 @@
1
- import _objectDestructuringEmpty from"@babel/runtime/helpers/objectDestructuringEmpty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/modal/Modal.native.js";var _excluded=["open","onClose","title","width","children","header","footer","noLayout","disableOutsideClick"],_excluded2=["contentProps","headerProps","footerProps"];import{Modal as RNModal,ScrollView}from"react-native-web";import{pipe}from'ramda';import{ModalBackdrop}from"./ModalBackdrop";import{ModalContent}from"./ModalContent";import{ModalFooter}from"./ModalFooter";import{ModalHeader}from"./ModalHeader";import{Pressable}from"../../actions/Pressable";import{View}from"../View";import{useDefaultModifier}from"../../../modifiers/default";import{useThemeComponentModifier}from"../../../modifiers/themeComponent";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";var DEFAULT_PROPS={maxWidth:'90%',maxHeight:'90%',scale:true,br:'xl',bg:'overlayBG',overflow:'hidden',shadow:true};export function Modal(_ref){var open=_ref.open,onClose=_ref.onClose,title=_ref.title,_ref$width=_ref.width,width=_ref$width===void 0?500:_ref$width,children=_ref.children,header=_ref.header,footer=_ref.footer,noLayout=_ref.noLayout,disableOutsideClick=_ref.disableOutsideClick,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('Modal'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2);_objectDestructuringEmpty(_pipe2[0]);var formattedProps=_pipe2[1];var contentProps=formattedProps.contentProps,headerProps=formattedProps.headerProps,footerProps=formattedProps.footerProps,props=_objectWithoutProperties(formattedProps,_excluded2);var content=children;if(!noLayout){content=_jsxs(_Fragment,{children:[_jsx(ModalHeader,Object.assign({title:title,onClose:onClose},headerProps,{children:header})),_jsx(ScrollView,{children:_jsx(ModalContent,Object.assign({},contentProps,{children:children}))}),_jsx(ModalFooter,Object.assign({},footerProps,{children:footer}))]});}return _jsx(RNModal,{animationType:"fade",transparent:true,visible:open,onRequestClose:onClose,allowSwipeDismissal:true,navigationBarTranslucent:true,statusBarTranslucent:true,children:_jsxs(ModalBackdrop,{open:open,useSimpleView:true,children:[_jsx(Pressable,{onPress:!disableOutsideClick?onClose:undefined,absolute:true,top:0,left:0,right:0,bottom:0,pointerEvents:"box-only"}),_jsx(View,Object.assign({width:width},props,{zIndex:10,children:content}))]})});}
@@ -1 +0,0 @@
1
- import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _objectDestructuringEmpty from"@babel/runtime/helpers/objectDestructuringEmpty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/modal/ModalBackdrop.js";var _excluded=["open","onClose","children","useSimpleView"];import{pipe}from'ramda';import React from'react';import{AnimatedView}from"../../animations/AnimatedView";import{SafeAreaView}from"../SafeAreaView";import{useDefaultModifier}from"../../../modifiers/default";import{useThemeComponentModifier}from"../../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS=function DEFAULT_PROPS(_ref){var _ref2=_slicedToArray(_ref,2);_objectDestructuringEmpty(_ref2[0]);var position=_ref2[1].position;var justify='center';var align='center';if(position==='bottom'){justify='flex-end';}else if(position==='top'){justify='flex-top';}else if(position==='left'){align='flex-start';}else if(position==='right'){align='flex-end';}return{fixed:true,top:0,left:0,right:0,bottom:0,justify:justify,align:align,lazy:true,unmountOnClose:true,fade:true,zIndex:500,bg:'backdrop_op70'};};export function ModalBackdrop(_ref3){var open=_ref3.open,onClose=_ref3.onClose,children=_ref3.children,useSimpleView=_ref3.useSimpleView,rootProps=_objectWithoutProperties(_ref3,_excluded);var modalRef=React.useRef();var _pipe=pipe(useThemeComponentModifier('ModalBackdrop'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2);_objectDestructuringEmpty(_pipe2[0]);var props=_pipe2[1];if(useSimpleView){return _jsx(SafeAreaView,Object.assign({className:"neko-modal-backdrop"},props,{children:children}));}return _jsx(AnimatedView,Object.assign({open:open,className:"neko-modal-backdrop",onPress:onClose},props,{children:children}));}
@@ -1 +0,0 @@
1
- import _objectDestructuringEmpty from"@babel/runtime/helpers/objectDestructuringEmpty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/modal/ModalContent.js";var _excluded=["children"];import{pipe}from'ramda';import{View}from"../View";import{useDefaultModifier}from"../../../modifiers/default";import{useThemeComponentModifier}from"../../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS={fullW:true,flex:true,scrollY:true,padding:'md'};export function ModalContent(_ref){var children=_ref.children,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useThemeComponentModifier('ModalContent'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2);_objectDestructuringEmpty(_pipe2[0]);var props=_pipe2[1];if(!children)return false;return _jsx(View,Object.assign({className:"neko-modal-content"},props,{children:children}));}
@@ -1 +0,0 @@
1
- import _objectDestructuringEmpty from"@babel/runtime/helpers/objectDestructuringEmpty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/modal/ModalFooter.js";var _excluded=["children"];import{pipe}from'ramda';import{View}from"../View";import{moveScale}from"../../../theme/helpers/sizeScale";import{useDefaultModifier}from"../../../modifiers/default";import{useSizeConverter}from"../../../modifiers/sizeConverter";import{useThemeComponentModifier}from"../../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";var DEFAULT_PROPS=function DEFAULT_PROPS(_ref){var _ref2=_slicedToArray(_ref,2),sizeCode=_ref2[0].sizeCode,_=_ref2[1];return{borderT:true,paddingH:sizeCode,paddingV:moveScale(sizeCode,-2),minHeight:moveScale(sizeCode,1),centerV:true};};export function ModalFooter(_ref3){var children=_ref3.children,rootProps=_objectWithoutProperties(_ref3,_excluded);var _pipe=pipe(useSizeConverter('elementHeights','md'),useThemeComponentModifier('ModalFooter'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2);_objectDestructuringEmpty(_pipe2[0]);var props=_pipe2[1];if(!children)return false;return _jsx(View,Object.assign({className:"neko-modal-footer"},props,{children:children}));}
@@ -1 +0,0 @@
1
- import _objectDestructuringEmpty from"@babel/runtime/helpers/objectDestructuringEmpty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/modal/ModalHeader.js";var _excluded=["onClose","title","children"],_excluded2=["titleProps"];import{pipe}from'ramda';import{Icon}from"../../presentation/Icon";import{Link}from"../../actions/Link";import{Text}from"../../text/Text";import{View}from"../View";import{moveScale}from"../../../theme/helpers/sizeScale";import{useDefaultModifier}from"../../../modifiers/default";import{useSizeConverter}from"../../../modifiers/sizeConverter";import{useThemeComponentModifier}from"../../../modifiers/themeComponent";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var DEFAULT_PROPS=function DEFAULT_PROPS(_ref){var _ref2=_slicedToArray(_ref,2),sizeCode=_ref2[0].sizeCode,_=_ref2[1];return{centerV:true,paddingH:sizeCode,paddingV:moveScale(sizeCode,-2),minHeight:moveScale(sizeCode,1),gap:'md',borderB:true,justify:'space-between',titleProps:{strong:true}};};export function ModalHeader(_ref3){var onClose=_ref3.onClose,title=_ref3.title,children=_ref3.children,rootProps=_objectWithoutProperties(_ref3,_excluded);var _pipe=pipe(useSizeConverter('elementHeights','md'),useThemeComponentModifier('ModalHeader'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2);_objectDestructuringEmpty(_pipe2[0]);var formattedProps=_pipe2[1];var titleProps=formattedProps.titleProps,props=_objectWithoutProperties(formattedProps,_excluded2);if(!title&&!children)return false;return _jsxs(View,Object.assign({className:"neko-modal-header"},props,{row:true,children:[title&&_jsx(Text,Object.assign({},titleProps,{children:title})),children,!!onClose&&_jsx(Link,{onPress:onClose,padding:"sm",marginR:-10,children:_jsx(Icon,{name:"close-line"})})]}));}
@@ -1 +0,0 @@
1
- import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["key","content"];var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/structure/modal/handler/ModalsHandler.js";import React from'react';import{Modal}from"../Modal";import{useResponsiveValue}from"../../../../responsive/responsiveHooks";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var ModalsContext=React.createContext(null);export var useModals=function useModals(){return React.useContext(ModalsContext)||{};};var idCounter=0;export function useModalOpener(){var _useModals=useModals(),add=_useModals.add,remove=_useModals.remove,close=_useModals.close;var open=function open(init){var key=++idCounter;var onClose=function onClose(){return close(key);};var params={onClose:onClose,key:key};var data=init(params);add(key,Object.assign({onClose:onClose},data,{open:true}));return params;};return{open:open};}export function ModalsHandler(_ref){var _this=this;var children=_ref.children;var width=useResponsiveValue({sm:'100%',df:400});var _React$useState=React.useState([]),_React$useState2=_slicedToArray(_React$useState,2),modals=_React$useState2[0],setModals=_React$useState2[1];var add=React.useCallback(function(key,data){setModals(function(prev){return[].concat(_toConsumableArray(prev),[Object.assign({key:key},data)]);});},[]);var remove=React.useCallback(function(key){setModals(function(prev){return prev.filter(function(p){return p.key!==key;});});},[]);var close=React.useCallback(function(key){setModals(function(items){return items.map(function(i){return i.key===key?Object.assign({},i,{open:false}):i;});});setTimeout(function(){return remove(key);},600);},[]);var value=React.useMemo(function(){return{add:add,remove:remove,close:close};},[add,remove,close]);return _jsxs(ModalsContext.Provider,{value:value,children:[children,modals==null?void 0:modals.map==null?void 0:modals.map(function(_ref2){var key=_ref2.key,content=_ref2.content,item=_objectWithoutProperties(_ref2,_excluded);return _jsx(Modal,Object.assign({},item,{children:content}),key);})]});}
@@ -1 +0,0 @@
1
- import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var DEEP_WOODS_DARK_THEME=mergeDeepRight(BASE_THEME,{label:'Deep Woods',colors:{primary:'#4CAF50',text:'#C8E6C9',text2:'#C8E6C9',text3:'#A5D6A7',text4:'#81C784',mainBG:'#0D1B14',overlayBG:'#16281F',backdrop:'#0D1B14',shadow:'rgba(39, 45, 52, 0.6)',divider:'rgba(255,255,255, 0.2)',blue:'#64B5F6',yellow:'#FBC02D',green:'#81C784',purple:'#9575CD',orange:'#FFB74D',cyan:'#4DD0E1',red:'#E57373',navy:'#1B263B',indigo:'#5C6BC0',gray:'#9E9E9E',brown:'#8D6E63',lylac:'#B39DDB',pink:'#F48FB1'}});
@@ -1 +0,0 @@
1
- import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var FOREST_MIST_THEME=mergeDeepRight(BASE_THEME,{label:'Forest Mist',colors:{primary:'#4CAF50',text:'#0B2414',text2:'#14532D',text3:'#1B5E20',text4:'#388E3C',mainBG:'#E9F5EC',overlayBG:'#FFFFFF',backdrop:'#E9F5EC',shadow:'rgba(39, 45, 52, 0.15)',divider:'rgba(0,0,0, 0.1)',blue:'#2563EB',yellow:'#F59E0B',green:'#15803D',purple:'#7C3AED',orange:'#EA580C',cyan:'#0891B2',red:'#B91C1C',navy:'#1E3A8A',indigo:'#4338CA',gray:'#94A3B8',brown:'#78350F',lylac:'#A78BFA',pink:'#F472B6'}});
@@ -1 +0,0 @@
1
- import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var MIDNIGHT_NEON_THEME=mergeDeepRight(BASE_THEME,{label:'Midnight',colors:{primary:'#FF00FF',text:'#F0F0F0',text2:'#D4D4D4',text3:'#A3A3A3',text4:'#7A7A7A',mainBG:'#0D0D0D',overlayBG:'#1A1A1A',backdrop:'#0D0D0D',shadow:'rgba(39, 45, 52, 0.6)',divider:'rgba(255,255,255, 0.2)',blue:'#3B82F6',yellow:'#FACC15',green:'#22C55E',purple:'#A855F7',orange:'#FB923C',cyan:'#06B6D4',red:'#F87171',navy:'#1E3A8A',indigo:'#6366F1',gray:'#9CA3AF',brown:'#92400E',lylac:'#C084FC',pink:'#F472B6'}});
@@ -1 +0,0 @@
1
- import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var DEFAULT_MSDOS_THEME=mergeDeepRight(BASE_THEME,{label:'MSDOS',colors:{primary:'#FFFF00',text:'#FFFFFF',text2:'#E0E0E0',text3:'#B0B0B0',text4:'#8A8A8A',mainBG:'#0000AA',overlayBG:'#000088',backdrop:'#0000AA',shadow:'rgba(0, 0, 0, 0.6)',divider:'rgba(255,255,255,0.3)',blue:'#0000FF',yellow:'#FFFF00',green:'#00FF00',purple:'#AA00FF',orange:'#FF7700',cyan:'#00FFFF',red:'#FF0000',navy:'#000080',indigo:'#4B0082',gray:'#B0B0B0',brown:'#8B4513',lylac:'#9370DB',pink:'#FF69B4'},radius:{xxxs:0,xxs:1,xs:2,sm:3,md:4,lg:5,xl:6,xxl:7,xxxl:8},components:{Card:{border:1,borderColor:'divider'}}});
@@ -1 +0,0 @@
1
- import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var OCEAN_BREEZE_THEME=mergeDeepRight(BASE_THEME,{label:'Ocean Breeze',colors:{primary:'#2B90D9',text:'#065277',text2:'#065A82',text3:'#0B84B4',text4:'#3ABEFF',mainBG:'#E6F7FF',overlayBG:'#FFFFFF',backdrop:'#04364A',shadow:'rgba(39, 45, 52, 0.15)',divider:'rgba(0,0,0, 0.1)',blue:'#1D4ED8',yellow:'#FACC15',green:'#10B981',purple:'#8B5CF6',orange:'#FB923C',cyan:'#06B6D4',red:'#EF4444',navy:'#1E3A8A',indigo:'#6366F1',gray:'#9CA3AF',brown:'#A16207',lylac:'#C4B5FD',pink:'#F472B6'}});
@@ -1 +0,0 @@
1
- import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var PASTEL_DREAM_THEME=mergeDeepRight(BASE_THEME,{label:'Pastel Dream',colors:{primary:'#FFB6C1',text:'#4B4453',text2:'#6D6875',text3:'#A093A6',text4:'#C9BBCF',mainBG:'#FFF7FA',overlayBG:'#FFFFFF',backdrop:'#4B4453',shadow:'rgba(39, 45, 52, 0.15)',divider:'#f0f0f0',blue:'#A5B4FC',yellow:'#FDE68A',green:'#BBF7D0',purple:'#E9D5FF',orange:'#FED7AA',cyan:'#BAE6FD',red:'#FCA5A5',navy:'#A5B4FC',indigo:'#C7D2FE',gray:'#E5E7EB',brown:'#E0B084',lylac:'#E9D5FF',pink:'#FBCFE8'}});
@@ -1 +0,0 @@
1
- import{mergeDeepRight}from'ramda';import{BASE_THEME}from"./base";export var SUNSET_GLOW_THEME=mergeDeepRight(BASE_THEME,{label:'Sunset',colors:{primary:'#FF6B6B',text:'#4B372E',text2:'#5C4033',text3:'#8C5A43',text4:'#B97A57',mainBG:'#FFF5E6',overlayBG:'#FFFAF1',backdrop:'#331E0A',shadow:'rgba(39, 45, 52, 0.15)',divider:'#f0f0f0',blue:'#3B82F6',yellow:'#FBBF24',green:'#22C55E',purple:'#A855F7',orange:'#FB923C',cyan:'#06B6D4',red:'#DC2626',navy:'#1E3A8A',indigo:'#4F46E5',gray:'#9CA3AF',brown:'#92400E',lylac:'#C084FC',pink:'#F472B6'}});
@@ -1,34 +0,0 @@
1
- import { mergeDeepRight } from 'ramda'
2
- import { BASE_THEME } from './base'
3
-
4
- export const DEEP_WOODS_DARK_THEME = mergeDeepRight(BASE_THEME, {
5
- label: 'Deep Woods',
6
-
7
- colors: {
8
- primary: '#4CAF50',
9
- text: '#C8E6C9',
10
- text2: '#C8E6C9',
11
- text3: '#A5D6A7',
12
- text4: '#81C784',
13
-
14
- mainBG: '#0D1B14',
15
- overlayBG: '#16281F',
16
- backdrop: '#0D1B14',
17
- shadow: 'rgba(39, 45, 52, 0.6)',
18
- divider: 'rgba(255,255,255, 0.2)',
19
-
20
- blue: '#64B5F6',
21
- yellow: '#FBC02D',
22
- green: '#81C784',
23
- purple: '#9575CD',
24
- orange: '#FFB74D',
25
- cyan: '#4DD0E1',
26
- red: '#E57373',
27
- navy: '#1B263B',
28
- indigo: '#5C6BC0',
29
- gray: '#9E9E9E',
30
- brown: '#8D6E63',
31
- lylac: '#B39DDB',
32
- pink: '#F48FB1',
33
- },
34
- })
@@ -1,34 +0,0 @@
1
- import { mergeDeepRight } from 'ramda'
2
- import { BASE_THEME } from './base'
3
-
4
- export const FOREST_MIST_THEME = mergeDeepRight(BASE_THEME, {
5
- label: 'Forest Mist',
6
-
7
- colors: {
8
- primary: '#4CAF50',
9
- text: '#0B2414',
10
- text2: '#14532D',
11
- text3: '#1B5E20',
12
- text4: '#388E3C',
13
-
14
- mainBG: '#E9F5EC',
15
- overlayBG: '#FFFFFF',
16
- backdrop: '#E9F5EC',
17
- shadow: 'rgba(39, 45, 52, 0.15)',
18
- divider: 'rgba(0,0,0, 0.1)',
19
-
20
- blue: '#2563EB',
21
- yellow: '#F59E0B',
22
- green: '#15803D',
23
- purple: '#7C3AED',
24
- orange: '#EA580C',
25
- cyan: '#0891B2',
26
- red: '#B91C1C',
27
- navy: '#1E3A8A',
28
- indigo: '#4338CA',
29
- gray: '#94A3B8',
30
- brown: '#78350F',
31
- lylac: '#A78BFA',
32
- pink: '#F472B6',
33
- },
34
- })
@@ -1,34 +0,0 @@
1
- import { mergeDeepRight } from 'ramda'
2
- import { BASE_THEME } from './base'
3
-
4
- export const MIDNIGHT_NEON_THEME = mergeDeepRight(BASE_THEME, {
5
- label: 'Midnight',
6
-
7
- colors: {
8
- primary: '#FF00FF',
9
- text: '#F0F0F0',
10
- text2: '#D4D4D4',
11
- text3: '#A3A3A3',
12
- text4: '#7A7A7A',
13
-
14
- mainBG: '#0D0D0D',
15
- overlayBG: '#1A1A1A',
16
- backdrop: '#0D0D0D',
17
- shadow: 'rgba(39, 45, 52, 0.6)',
18
- divider: 'rgba(255,255,255, 0.2)',
19
-
20
- blue: '#3B82F6',
21
- yellow: '#FACC15',
22
- green: '#22C55E',
23
- purple: '#A855F7',
24
- orange: '#FB923C',
25
- cyan: '#06B6D4',
26
- red: '#F87171',
27
- navy: '#1E3A8A',
28
- indigo: '#6366F1',
29
- gray: '#9CA3AF',
30
- brown: '#92400E',
31
- lylac: '#C084FC',
32
- pink: '#F472B6',
33
- },
34
- })
@@ -1,54 +0,0 @@
1
- import { mergeDeepRight } from 'ramda'
2
-
3
- import { BASE_THEME } from './base'
4
-
5
- export const DEFAULT_MSDOS_THEME = mergeDeepRight(BASE_THEME, {
6
- label: 'MSDOS',
7
-
8
- colors: {
9
- primary: '#FFFF00',
10
- text: '#FFFFFF',
11
- text2: '#E0E0E0',
12
- text3: '#B0B0B0',
13
- text4: '#8A8A8A',
14
-
15
- mainBG: '#0000AA',
16
- overlayBG: '#000088',
17
- backdrop: '#0000AA',
18
- shadow: 'rgba(0, 0, 0, 0.6)',
19
- divider: 'rgba(255,255,255,0.3)',
20
-
21
- blue: '#0000FF',
22
- yellow: '#FFFF00',
23
- green: '#00FF00',
24
- purple: '#AA00FF',
25
- orange: '#FF7700',
26
- cyan: '#00FFFF',
27
- red: '#FF0000',
28
- navy: '#000080',
29
- indigo: '#4B0082',
30
- gray: '#B0B0B0',
31
- brown: '#8B4513',
32
- lylac: '#9370DB',
33
- pink: '#FF69B4',
34
- },
35
-
36
- radius: {
37
- xxxs: 0,
38
- xxs: 1,
39
- xs: 2,
40
- sm: 3,
41
- md: 4,
42
- lg: 5,
43
- xl: 6,
44
- xxl: 7,
45
- xxxl: 8,
46
- },
47
-
48
- components: {
49
- Card: {
50
- border: 1,
51
- borderColor: 'divider',
52
- },
53
- },
54
- })
@@ -1,34 +0,0 @@
1
- import { mergeDeepRight } from 'ramda'
2
- import { BASE_THEME } from './base'
3
-
4
- export const OCEAN_BREEZE_THEME = mergeDeepRight(BASE_THEME, {
5
- label: 'Ocean Breeze',
6
-
7
- colors: {
8
- primary: '#2B90D9',
9
- text: '#065277',
10
- text2: '#065A82',
11
- text3: '#0B84B4',
12
- text4: '#3ABEFF',
13
-
14
- mainBG: '#E6F7FF',
15
- overlayBG: '#FFFFFF',
16
- backdrop: '#04364A',
17
- shadow: 'rgba(39, 45, 52, 0.15)',
18
- divider: 'rgba(0,0,0, 0.1)',
19
-
20
- blue: '#1D4ED8',
21
- yellow: '#FACC15',
22
- green: '#10B981',
23
- purple: '#8B5CF6',
24
- orange: '#FB923C',
25
- cyan: '#06B6D4',
26
- red: '#EF4444',
27
- navy: '#1E3A8A',
28
- indigo: '#6366F1',
29
- gray: '#9CA3AF',
30
- brown: '#A16207',
31
- lylac: '#C4B5FD',
32
- pink: '#F472B6',
33
- },
34
- })
@@ -1,34 +0,0 @@
1
- import { mergeDeepRight } from 'ramda'
2
- import { BASE_THEME } from './base'
3
-
4
- export const PASTEL_DREAM_THEME = mergeDeepRight(BASE_THEME, {
5
- label: 'Pastel Dream',
6
-
7
- colors: {
8
- primary: '#FFB6C1',
9
- text: '#4B4453',
10
- text2: '#6D6875',
11
- text3: '#A093A6',
12
- text4: '#C9BBCF',
13
-
14
- mainBG: '#FFF7FA',
15
- overlayBG: '#FFFFFF',
16
- backdrop: '#4B4453',
17
- shadow: 'rgba(39, 45, 52, 0.15)',
18
- divider: '#f0f0f0',
19
-
20
- blue: '#A5B4FC',
21
- yellow: '#FDE68A',
22
- green: '#BBF7D0',
23
- purple: '#E9D5FF',
24
- orange: '#FED7AA',
25
- cyan: '#BAE6FD',
26
- red: '#FCA5A5',
27
- navy: '#A5B4FC',
28
- indigo: '#C7D2FE',
29
- gray: '#E5E7EB',
30
- brown: '#E0B084',
31
- lylac: '#E9D5FF',
32
- pink: '#FBCFE8',
33
- },
34
- })
@@ -1,35 +0,0 @@
1
- import { mergeDeepRight } from 'ramda'
2
-
3
- import { BASE_THEME } from './base'
4
-
5
- export const SUNSET_GLOW_THEME = mergeDeepRight(BASE_THEME, {
6
- label: 'Sunset',
7
-
8
- colors: {
9
- primary: '#FF6B6B',
10
- text: '#4B372E',
11
- text2: '#5C4033',
12
- text3: '#8C5A43',
13
- text4: '#B97A57',
14
-
15
- mainBG: '#FFF5E6',
16
- overlayBG: '#FFFAF1',
17
- backdrop: '#331E0A',
18
- shadow: 'rgba(39, 45, 52, 0.15)',
19
- divider: '#f0f0f0',
20
-
21
- blue: '#3B82F6',
22
- yellow: '#FBBF24',
23
- green: '#22C55E',
24
- purple: '#A855F7',
25
- orange: '#FB923C',
26
- cyan: '#06B6D4',
27
- red: '#DC2626',
28
- navy: '#1E3A8A',
29
- indigo: '#4F46E5',
30
- gray: '#9CA3AF',
31
- brown: '#92400E',
32
- lylac: '#C084FC',
33
- pink: '#F472B6',
34
- },
35
- })