@admin-layout/tailwind-design-pro 10.0.9-alpha.38 → 10.0.9-alpha.39

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 (57) hide show
  1. package/lib/components/Layout/BasicLayout/index.d.ts.map +1 -1
  2. package/lib/components/Layout/BasicLayout/index.js +61 -56
  3. package/lib/components/Layout/BasicLayout/index.js.map +1 -1
  4. package/lib/components/Layout/TailwindLayout.d.ts.map +1 -1
  5. package/lib/components/Layout/TailwindLayout.js +12 -9
  6. package/lib/components/Layout/TailwindLayout.js.map +1 -1
  7. package/lib/components/ThemeProvider/ThemeProvider.d.ts +6 -5
  8. package/lib/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
  9. package/lib/components/ThemeProvider/ThemeProvider.js +30 -31
  10. package/lib/components/ThemeProvider/ThemeProvider.js.map +1 -1
  11. package/lib/components/ThemeProvider/ThemeToggle.js +2 -2
  12. package/lib/components/ThemeProvider/index.d.ts +2 -5
  13. package/lib/components/ThemeProvider/index.d.ts.map +1 -1
  14. package/lib/components/ThemeProvider/themes/airbnb.d.ts +3 -0
  15. package/lib/components/ThemeProvider/themes/airbnb.d.ts.map +1 -0
  16. package/lib/components/ThemeProvider/themes/airbnb.js +186 -0
  17. package/lib/components/ThemeProvider/themes/airbnb.js.map +1 -0
  18. package/lib/components/ThemeProvider/themes/default.d.ts +3 -0
  19. package/lib/components/ThemeProvider/themes/default.d.ts.map +1 -0
  20. package/lib/components/ThemeProvider/themes/default.js +183 -0
  21. package/lib/components/ThemeProvider/themes/default.js.map +1 -0
  22. package/lib/components/ThemeProvider/themes/github.d.ts +3 -0
  23. package/lib/components/ThemeProvider/themes/github.d.ts.map +1 -0
  24. package/lib/components/ThemeProvider/themes/github.js +190 -0
  25. package/lib/components/ThemeProvider/themes/github.js.map +1 -0
  26. package/lib/components/ThemeProvider/themes/index.d.ts +15 -0
  27. package/lib/components/ThemeProvider/themes/index.d.ts.map +1 -0
  28. package/lib/components/ThemeProvider/themes/index.js +7 -0
  29. package/lib/components/ThemeProvider/themes/index.js.map +1 -0
  30. package/lib/components/ThemeProvider/themes/slack.d.ts +3 -0
  31. package/lib/components/ThemeProvider/themes/slack.d.ts.map +1 -0
  32. package/lib/components/ThemeProvider/themes/slack.js +188 -0
  33. package/lib/components/ThemeProvider/themes/slack.js.map +1 -0
  34. package/lib/components/ThemeProvider/themes/spotify.d.ts +3 -0
  35. package/lib/components/ThemeProvider/themes/spotify.d.ts.map +1 -0
  36. package/lib/components/ThemeProvider/themes/spotify.js +189 -0
  37. package/lib/components/ThemeProvider/themes/spotify.js.map +1 -0
  38. package/lib/components/ThemeProvider/types.d.ts +104 -116
  39. package/lib/components/ThemeProvider/types.d.ts.map +1 -1
  40. package/lib/components/index.js +1 -1
  41. package/lib/index.d.ts +1 -0
  42. package/lib/index.d.ts.map +1 -1
  43. package/lib/index.js +1 -1
  44. package/lib/index.js.map +1 -1
  45. package/lib/tailwindConfig.d.ts +35 -80
  46. package/lib/tailwindConfig.d.ts.map +1 -1
  47. package/lib/tailwindConfig.js +19 -118
  48. package/lib/tailwindConfig.js.map +1 -1
  49. package/package.json +2 -2
  50. package/lib/components/ThemeProvider/themeRegistry.d.ts +0 -3
  51. package/lib/components/ThemeProvider/themeRegistry.d.ts.map +0 -1
  52. package/lib/components/ThemeProvider/themeRegistry.js +0 -388
  53. package/lib/components/ThemeProvider/themeRegistry.js.map +0 -1
  54. package/lib/components/ThemeProvider/themeUtils.d.ts +0 -26
  55. package/lib/components/ThemeProvider/themeUtils.d.ts.map +0 -1
  56. package/lib/components/ThemeProvider/themeUtils.js +0 -192
  57. package/lib/components/ThemeProvider/themeUtils.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAOtF,OAAO,EACH,gBAAgB,EAGhB,iBAAiB,EAIpB,MAAM,sBAAsB,CAAC;AAU9B,eAAO,MAAM,mBAAmB;;;;;;;uCAgE/B,CAAC;AAgCF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAC9B,gBAAgB,GAAG,iBAAiB,GAAG;IAAE,WAAW,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAmK3F,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAOtF,OAAO,EACH,gBAAgB,EAGhB,iBAAiB,EAIpB,MAAM,sBAAsB,CAAC;AAU9B,eAAO,MAAM,mBAAmB;;;;;;;uCAgE/B,CAAC;AAgCF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAC9B,gBAAgB,GAAG,iBAAiB,GAAG;IAAE,WAAW,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAyK3F,CAAC"}
@@ -1,4 +1,4 @@
1
- import {jsx,jsxs}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {Sidebar}from'../Sidebar/Sidebar.js';import {GlobalHeader}from'../GlobalHeader/Header.js';import {Outlet}from'@remix-run/react';import warning from'warning';import {omit}from'lodash-es';import {SettingDrawer}from'../../SettingDrawer/SettingDrawer.js';import {defaultSettings,useComponentSize,getMenuSeparation,getThemeColors}from'@admin-layout/client';import isBrowser from'../../../utils/isBrowser/index.js';import {getPageTitleInfo}from'../getPageTitle.js';import {ThemeProvider}from'../../ThemeProvider/ThemeProvider.js';import {MainHeader}from'../GlobalHeader/MainHeader.js';import'../GlobalHeader/Logo.js';import'react-router';import'../../../helpers/DynamicIcon.js';import'@app/dialog/WrappedDialogsSwitch';import'@common-stack/components-pro';import {FooterSlot}from'../slot-fill/Footer.js';import'reflect-metadata';import'@admin-layout/client/lib/constants/layout.js';import {config}from'../../../config/env-config.js';import {SearchBarBehavior}from'../../../machines/types.js';const useHorizontalScroll = ({
1
+ import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {Sidebar}from'../Sidebar/Sidebar.js';import {GlobalHeader}from'../GlobalHeader/Header.js';import {Outlet}from'@remix-run/react';import warning from'warning';import {omit}from'lodash-es';import {SettingDrawer}from'../../SettingDrawer/SettingDrawer.js';import {defaultSettings,useComponentSize,getMenuSeparation,getThemeColors}from'@admin-layout/client';import isBrowser from'../../../utils/isBrowser/index.js';import {getPageTitleInfo}from'../getPageTitle.js';import {useTheme}from'../../ThemeProvider/ThemeProvider.js';import {MainHeader}from'../GlobalHeader/MainHeader.js';import'../GlobalHeader/Logo.js';import'react-router';import'../../../helpers/DynamicIcon.js';import'@app/dialog/WrappedDialogsSwitch';import'@common-stack/components-pro';import {FooterSlot}from'../slot-fill/Footer.js';import'reflect-metadata';import'@admin-layout/client/lib/constants/layout.js';import {config}from'../../../config/env-config.js';import {SearchBarBehavior}from'../../../machines/types.js';const useHorizontalScroll = ({
2
2
  scrolled,
3
3
  setScrolled,
4
4
  setSearchOptionsShown,
@@ -112,7 +112,6 @@ const BasicLayout = props => {
112
112
  actor
113
113
  } = propsWithSettings;
114
114
  const [isSideMenuOpen, setIsSideMenuOpen] = useState(false);
115
- useState(false);
116
115
  // const location = useLocation();
117
116
  const [scrollEnd, setScrollEnd] = useState(false);
118
117
  const [searchOptionsShown, setSearchOptionsShown] = useState(false);
@@ -122,6 +121,10 @@ const BasicLayout = props => {
122
121
  const {
123
122
  LAYOUT_ROOT
124
123
  } = config;
124
+ const {
125
+ theme,
126
+ isDarkMode
127
+ } = useTheme();
125
128
  const onScrollReachEnd = () => {
126
129
  setScrollEnd(prevScrollEnd => !prevScrollEnd);
127
130
  };
@@ -175,62 +178,64 @@ const BasicLayout = props => {
175
178
  const closeSideMenu = () => {
176
179
  setIsSideMenuOpen(false);
177
180
  };
178
- return jsx(ThemeProvider, {
179
- settings: settings,
180
- children: jsxs("div", {
181
- className: "flex h-screen bg-background font-sans",
182
- ref: horizontalScrollRef,
183
- children: [settings?.layout.navigationMode !== 'topbar' && settings?.regions.showMenu && !settings?.layout.splitMenus && LAYOUT_ROOT != '/' && jsx(Sidebar, {
184
- isSideMenuOpen: isSideMenuOpen,
185
- closeSideMenu: closeSideMenu,
186
- menuData: menuData,
187
- collapsed: collapsed,
188
- setCollapsed: setCollapsed,
181
+ // Get background color based on dark mode
182
+ const backgroundColor = isDarkMode ? theme.colors.background.dark : theme.colors.background.light;
183
+ return jsxs("div", {
184
+ className: "flex h-screen bg-background font-sans",
185
+ ref: horizontalScrollRef,
186
+ style: {
187
+ backgroundColor: backgroundColor
188
+ },
189
+ children: [settings?.layout.navigationMode !== 'topbar' && settings?.regions.showMenu && !settings?.layout.splitMenus && LAYOUT_ROOT != '/' && jsx(Sidebar, {
190
+ isSideMenuOpen: isSideMenuOpen,
191
+ closeSideMenu: closeSideMenu,
192
+ menuData: menuData,
193
+ collapsed: collapsed,
194
+ setCollapsed: setCollapsed,
195
+ routeParams: routeParams,
196
+ settings: settings
197
+ }), jsxs("div", {
198
+ className: "flex flex-col flex-1 w-full",
199
+ children: [settings?.regions.showHeader && LAYOUT_ROOT != '/' && jsx(GlobalHeader, {
200
+ toggleSideMenu: toggleSideMenu,
201
+ settings: settings,
202
+ upperMenus: getMenuSeparation(menuData).upperMenus,
189
203
  routeParams: routeParams,
190
- settings: settings
191
- }), jsxs("div", {
192
- className: "flex flex-col flex-1 w-full",
193
- children: [settings?.regions.showHeader && LAYOUT_ROOT != '/' && jsx(GlobalHeader, {
194
- toggleSideMenu: toggleSideMenu,
195
- settings: settings,
196
- upperMenus: getMenuSeparation(menuData).upperMenus,
197
- routeParams: routeParams,
198
- collapsed: collapsed
199
- }), LAYOUT_ROOT === '/' && settings?.regions.showHeader && jsx(MainHeader, {
200
- scrolled: scrolled,
201
- location: location,
202
- menuData: menuData,
203
- settings: settings,
204
- pageTitleInfo: pageTitleInfo,
205
- onSettingChange: onSettingChange,
206
- searchOptionsShown: searchOptionsShown,
207
- setSearchOptionsShown: setSearchOptionsShown,
208
- authorities: authorities,
209
- picture: picture
210
- }), jsx(SettingDrawer, {
211
- primaryColor: primaryColor,
204
+ collapsed: collapsed
205
+ }), LAYOUT_ROOT === '/' && settings?.regions.showHeader && jsx(MainHeader, {
206
+ scrolled: scrolled,
207
+ location: location,
208
+ menuData: menuData,
209
+ settings: settings,
210
+ pageTitleInfo: pageTitleInfo,
211
+ onSettingChange: onSettingChange,
212
+ searchOptionsShown: searchOptionsShown,
213
+ setSearchOptionsShown: setSearchOptionsShown,
214
+ authorities: authorities,
215
+ picture: picture
216
+ }), jsx(SettingDrawer, {
217
+ primaryColor: primaryColor,
218
+ settings: settings,
219
+ onSettingChange: onSettingChange,
220
+ actor: actor,
221
+ colorList: getThemeColors(settings?.theme)
222
+ }), jsxs("main", {
223
+ className: "relative",
224
+ children: [searchOptionsShown && settings?.regions?.searchBarOverlay && jsx("div", {
225
+ className: "fixed inset-0 bg-black bg-opacity-50 z-30 cursor-pointer",
226
+ onClick: e => {
227
+ e.stopPropagation();
228
+ setSearchOptionsShown(false);
229
+ }
230
+ }), jsx(Outlet, {})]
231
+ }), jsx("div", {
232
+ ref: refFooter,
233
+ className: footerFixed ? 'fixed bottom-0 w-full' : '',
234
+ children: jsx(FooterSlot, {
212
235
  settings: settings,
213
- onSettingChange: onSettingChange,
214
- actor: actor,
215
- colorList: getThemeColors(settings?.theme)
216
- }), jsxs("main", {
217
- className: "relative",
218
- children: [searchOptionsShown && settings?.regions?.searchBarOverlay && jsx("div", {
219
- className: "fixed inset-0 bg-black bg-opacity-50 z-30 cursor-pointer",
220
- onClick: e => {
221
- e.stopPropagation();
222
- setSearchOptionsShown(false);
223
- }
224
- }), jsx(Outlet, {})]
225
- }), jsx("div", {
226
- ref: refFooter,
227
- className: footerFixed ? 'fixed bottom-0 w-full' : '',
228
- children: jsx(FooterSlot, {
229
- settings: settings,
230
- active: settings?.regions?.showFooter === undefined ? true : settings?.regions?.showFooter
231
- })
232
- })]
236
+ active: settings?.regions?.showFooter === undefined ? true : settings?.regions?.showFooter
237
+ })
233
238
  })]
234
- })
239
+ })]
235
240
  });
236
241
  };export{BasicLayout,useHorizontalScroll};//# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"wjCAyBa,MAAA,mBAAmB,GAAG,CAAC;AAQhC,EAAA,QAAM;aAEG;AACL,EAAA,qBAAW;kBACF;AACL,EAAA,QAAA;AACI,EAAA;;gBACA,MAAgB,EAAA;kBACK;oBAEjB,CAAA,OAAQ,IAAE,IAAA;AACV,IAAA,IAAA,EAAA,EAAA;2BACe;wBACX,CAA+B,EAAA;AAC/B,QAAA,CAAA,CAAA,cAAA,EAAA;AACI,QAAA,qBAAA,CAAA,KAAW,CAAA;AACX,QAAA,IAAA,QAAA,EAAA,OAAA,EAAA,iBAAS,KAAA,iBAAA,CAAA,SAAA,EAAA;iCACF,EAAA;AACH,YAAA,WAAA,CAAA,IAAA,CAAA;AACH;AACJ,YAAA,eAAE,CAAA;yBACN;AACD,cAAA,OAAA,EAAA;2BACe,CAAA,OAAA;+BACkC,EAAA;AAC7C;AACI,aAAA,CAAA;AACA;iCACO,EAAA;AACH,YAAA,WAAA,CAAA,KAAA,CAAA;AACH;AACJ,YAAA,eAAE,CAAA;yBACN;qBACJ,EAAA;2BAAO,CAAA,OAAA;+BACiD,EAAA;AACrD;;;AAGA,SAAA,MAAA;;oBAEA,CAAC,OAAA,GAAA,EAAA,EAAA;uBACJ,CAAA,IAAA,CAAA;AAED;AACI,UAAA,IAAA,MAAA,CAAA,OAAA,GAAA,EAAA,EAAA;uBACH,CAAA,KAAA,CAAA;AACL;AAEA;AACA,QAAA,IAAA,MAAA,CAAO,WAAK,GAAA,MAAA,CAAA,OAAA,IAAA,QAAA,CAAA,IAAA,CAAA,YAAA,EAAA;AACR,UAAA,gBAA0B,EAAA;AAC9B;;MAEP,MAAW,CAAA,gBAAW,CAAA,QAAA,EAAA,OAAoB,CAAA;AAE3C,MAAA,aAAa;AACjB,QAAE,MAAA,CAAA,mBAAA,CAAA,QAAA,EAAA,OAAA,CAAA;AAEF;AAQI;AACA,GAAA,EAAA,CAAA,iBAAmB,EAAG,iBAAgB,CAAC,CAAA;AACvC,EAAA,OAAmB,KAAA;;AAEX,MAAA,sBAAa,aAAW,EAAA,KAAA,KAAA;AACxB,EAAA,MAAA;AACA,IAAA;WACF;QACL,aAAA,GAAA,gBAAA,CAAA,SAAA,CAAA;MACG,eAAA,KAAkB,KAAA,EAAA;AAClB,IAAA,OAAA;AACA,MAAA,KAAA,EAAW,KAAA,CAAA,KAAK,IAAK,EAAA;YACjB;AACI,MAAA,QAAA,EAAA;;;qBAGP,EAAA;UACM,KAAA,kBAAkB,UAAU,EAAA,aAAA,CAAA,KAAA,EAAA,aAAA,CAAA;IACvC,IAAC,OAAA,KAAA,KAAA,QAAA,EAAA;AACD,MAAA;AACJ,QAAE,GAAA,aAAA;AAEF,QAAa;OAGH;;IAEN,OAAO,CAAS,OAAA,KAAc,KAAA,UAAY,6DAAiB,CAAA;AAC3D;SAGoB,aAAA;AAChB,CAAA;AAES,MAAA,WAAA,GAAA,KAAA,IAAA;QACe,iBAAA,GAAA;IACxB,GAAU,eACV;IACA,GAA2C;;QAYzC,CAAA,QAAe,EAAA,WAAmB,CAAA,GAAA,QAAA,CAAA,KAAI,CAAQ;QAC9C,CAAA,SAAW,EAAA,YAAe,CAAA,GAAA,QAAY,CAAA,KAAM,CAAA;QAChB;IAClC,QAAgB;IAChB,UAAyB,EAAA,eAAE;AAC3B;AACA,IAAA,gBAAQ;IAER,QAAM;;AAEN;IAEA,UAAM,GAAA,GAAA;QACF;;kBAEqB;WACL;YACR;eACO;AAClB,IAAA,QAAE;IAEH,WAAM;AAEE,IAAA,YAAoB;AACvB,IAAA,eAEH;IACF,eAAM;;AAGE,GAAA,GAAA,iBAAe;QAEnB,CAAA,cAAA,EACH,iBAAC,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AAEF,EAAkC,QAAE,CAAA,KAAA;;QAGhC,CAA2D,SAAA,EAAA,YAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AAC3D,EAAA,MAAA,CAAA,kBAAsB,EAAA,qBAA6B,CAAA,GAAA,QAAA,CAAI,KAAY,CAAA;;;qBAGlE;QACD;AAEJ,IAAA;AACA,GAAA,GAAA,MAAQ;AACR,EAAA,MAAA,gBAAa,GAAW,MAAA;IACxB,YAAkB,CAAA,aAAgB,IAAA,CAAA,aAAY,CAAA;;AAE1C,EAAA,MAAA,mBAAoB,GAAA,mBAAc,CAAA;YAC9B;;;oBACmB;YACtB;IACL;IAEA;AACI,EAAA,MAAA,YAAA,GAAA,IAAmB,CAAc;AACrC,IAAA,GAAE;KAEI,CAAA,QAAA,CAAA,CAAA;QACF,aAAiB,GAAA,sBAAQ,CAAA;AAC7B,IAAA,QAAE,EAAA,QAAA,EAAA,QAAA;IAEF,GAAO;sBAIiB,CAAA;AACR,EAAA,MAAA,UAAA,GAAC,MAAQ,CAAA,QAAQ,CAAA;;;wCAmDD,KAAqB,UAAA,IAAA,YAAQ,KAAA,UAAA,EAAA;;AAgBjE,QAAE,GAAA,UAAA,CAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"TailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,sBAAsB,CAAC;AAE3E,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAqC,MAAM,aAAa,CAAC;AAqDpG,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAEvD,QAAA,MAAM,SAAS;;;0EAAoB,CAAC;AAEpC,KAAK,+BAA+B,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAEzE,QAAA,MAAM,mBAAmB,EAAE,kBAAkB,CACzC,KAAK,CAAC,mBAAmB,CAAC,CAAC,KAAK,EAAE,+BAA+B,KAAK,GAAG,CAAC,OAAO,CAAC,EAClF,GAAG,CAC8C,CAAC;AAEtD,eAAe,mBAAmB,CAAC"}
1
+ {"version":3,"file":"TailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,sBAAsB,CAAC;AAE3E,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAqC,MAAM,aAAa,CAAC;AAwDpG,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAEvD,QAAA,MAAM,SAAS;;;0EAAoB,CAAC;AAEpC,KAAK,+BAA+B,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAEzE,QAAA,MAAM,mBAAmB,EAAE,kBAAkB,CACzC,KAAK,CAAC,mBAAmB,CAAC,CAAC,KAAK,EAAE,+BAA+B,KAAK,GAAG,CAAC,OAAO,CAAC,EAClF,GAAG,CAC8C,CAAC;AAEtD,eAAe,mBAAmB,CAAC"}
@@ -1,4 +1,4 @@
1
- import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout/client';import {userSelector}from'@adminide-stack/user-auth0-client';import React__default,{useMemo}from'react';import {connect,useSelector}from'react-redux';import {BasicLayout}from'./BasicLayout/index.js';import {settingsMachine}from'../../machines/settingsMachine.js';import {createActor}from'xstate';import {useSelector as useSelector$1}from'@xstate/react';function BasicLayoutWithAuthorities(props) {
1
+ import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout/client';import {userSelector}from'@adminide-stack/user-auth0-client';import React__default,{useMemo}from'react';import {connect,useSelector}from'react-redux';import {BasicLayout}from'./BasicLayout/index.js';import {settingsMachine}from'../../machines/settingsMachine.js';import {createActor}from'xstate';import {useSelector as useSelector$1}from'@xstate/react';import {ThemeProviderTailwind}from'../ThemeProvider/ThemeProvider.js';function BasicLayoutWithAuthorities(props) {
2
2
  const userData = useSelector(userSelector);
3
3
  const {
4
4
  settings,
@@ -27,14 +27,17 @@ import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout
27
27
  orgName
28
28
  } = {}
29
29
  } = props;
30
- return jsx(BasicLayout, {
31
- routeParams: orgName,
32
- authorities: permissions?.resolveConfiguration ?? permissions,
33
- onSettingChange: onSettingChange,
34
- mainHeaderProps: mainHeaderProps,
35
- actor: settingsActor,
36
- ...props,
37
- settings: settingXstate
30
+ return jsx(ThemeProviderTailwind, {
31
+ settings: settingXstate,
32
+ children: jsx(BasicLayout, {
33
+ routeParams: orgName,
34
+ authorities: permissions?.resolveConfiguration ?? permissions,
35
+ onSettingChange: onSettingChange,
36
+ mainHeaderProps: mainHeaderProps,
37
+ actor: settingsActor,
38
+ ...props,
39
+ settings: settingXstate
40
+ })
38
41
  });
39
42
  }
40
43
  const mapState = ({
@@ -1 +1 @@
1
- {"version":3,"file":"TailwindLayout.js","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":"0bASA,SAAS,0BAA0B,CAAC,KAAgF,EAAA;AAChH,EAAA,MAAA,WAAiB,WAAA,CAAA,YAAY,CAAA;QACvB;IACN,QAAyD;AACzD,IAAA;AACI,GAAA,GAAA,iBAAoB,EAAA;;AAGxB,EAAA,MAAA,aAA+B,GAAA,WAAA,CAAC,eAAe,EAAC;AAEhD,IAAA,QAAmB,EAAA;AACnB,GAAA,CAAA,CAAA,KAAM,EAAE;AACR,EAAA,MAAA,qBAAwB,CAAA,aACb,EAAA,KAAA,IAAA,KAAA,CAAA;AACH,EAAA,MAAA,aAAS,GAAA,KAAW,EAAA,OAAU;AACjC,EAAA,MACD;AAGJ,IAAA;WACK;AACG,EAAA,MAAA,eAAiB,GAAA,OAAO,CAAA,OAAE;aACzB,QAAA,GAAA,QAAA,EAAA,OAAA,EAAA,OAAA,GAAA;AACT,GAAA,CAAA,EAAE,CAAA,QAAA,CAAA,CAAA;QAEU,eAAA,GAAA,MAAA,IAAA;IACZ,CAAM,YAAa;AACnB,MAAA,MACI,WAAY,CAAA,MAAA,CAAA;AAUpB,KAAC,GAAA;AAED,GAAM;;QAEM;AACX,IAAE,WAAA,EAAA;AAMH,MAAM;AAIN,KAAM,GAAA;AAKN,GAAA,GAAA,KAAA;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"TailwindLayout.js","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":"ggBAUA,SAAS,0BAA0B,CAAC,KAAgF,EAAA;AAChH,EAAA,MAAA,WAAiB,WAAA,CAAA,YAAY,CAAA;QACvB;IACN,QAAyD;AACzD,IAAA;AACI,GAAA,GAAA,iBAAoB,EAAA;;AAGxB,EAAA,MAAA,aAA+B,GAAA,WAAA,CAAC,eAAe,EAAC;AAEhD,IAAA,QAAmB,EAAA;AACnB,GAAA,CAAA,CAAA,KAAM,EAAE;AACR,EAAA,MAAA,qBAAwB,CAAA,aACb,EAAA,KAAA,IAAA,KAAA,CAAA;AACH,EAAA,MAAA,aAAS,GAAA,KAAW,EAAA,OAAU;AACjC,EAAA,MACD;AAGJ,IAAA;WACK;AACG,EAAA,MAAA,eAAiB,GAAA,OAAO,CAAA,OAAE;aACzB,QAAA,GAAA,QAAA,EAAA,OAAA,EAAA,OAAA,GAAA;AACT,GAAA,CAAA,EAAE,CAAA,QAAA,CAAA,CAAA;QAEU,eAAA,GAAA,MAAA,IAAA;IACZ,CAAM,YAAa;AACnB,MAAA,MACI,WAAC,CAAA,MAAA,CAAA;AAYT,KAAC,GAAA;AAED,GAAM;;QAEM;AACX,IAAE,WAAA,EAAA;AAMH,MAAM;AAIN,KAAM,GAAA;AAKN,GAAA,GAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,7 +1,8 @@
1
1
  import React from 'react';
2
- import { ThemeContextType, ThemeProviderProps } from './types';
3
- export declare const ThemeContext: React.Context<ThemeContextType>;
4
- export declare const useTheme: () => ThemeContextType;
5
- export declare const ThemeProvider: React.FC<ThemeProviderProps>;
6
- export default ThemeProvider;
2
+ import { ThemeContextProps } from './types';
3
+ export declare const ThemeProviderTailwind: React.FC<{
4
+ settings: any;
5
+ children: React.ReactNode;
6
+ }>;
7
+ export declare const useTheme: () => ThemeContextProps;
7
8
  //# sourceMappingURL=ThemeProvider.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoE,MAAM,OAAO,CAAC;AAGzF,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAI/D,eAAO,MAAM,YAAY,iCAOvB,CAAC;AAEH,eAAO,MAAM,QAAQ,wBAAiC,CAAC;AAEvD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyEtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAS5C,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CA0DxF,CAAC;AAEF,eAAO,MAAM,QAAQ,yBAAiC,CAAC"}
@@ -1,25 +1,28 @@
1
- import {jsx}from'react/jsx-runtime';import {createContext,useContext,useState,useEffect}from'react';import {themeRegistry}from'./themeRegistry.js';import {applyTheme}from'./themeUtils.js';// import { useColorTheme } from '../../hooks/useColorTheme';
2
- // Create the context with default values
3
- const ThemeContext = createContext({
4
- theme: 'default',
5
- themeType: 'light',
6
- primaryColor: '#1890ff',
7
- fontFamily: 'Inter, sans-serif',
1
+ import {jsx}from'react/jsx-runtime';import {createContext,useState,useEffect,useMemo,useContext}from'react';import {themes}from'./themes/index.js';const ThemeContext = createContext({
2
+ themeName: 'default',
3
+ theme: themes.default,
8
4
  isDarkMode: false,
9
- toggleTheme: () => {}
5
+ toggleDarkMode: () => {}
10
6
  });
11
- const useTheme = () => useContext(ThemeContext);
12
- const ThemeProvider = ({
7
+ const ThemeProviderTailwind = ({
13
8
  settings,
14
9
  children
15
10
  }) => {
16
11
  const {
17
- theme = 'default',
18
- themeType = 'light',
19
- primaryColor = '#1890ff',
20
- fontFamily = 'Inter, sans-serif'
12
+ theme,
13
+ themeType,
14
+ primaryColor,
15
+ fontFamily
21
16
  } = settings;
17
+ console.log('theme provider settings', {
18
+ settings
19
+ });
22
20
  const [isDarkMode, setIsDarkMode] = useState(false);
21
+ // Toggle dark mode
22
+ const toggleDarkMode = () => {
23
+ setIsDarkMode(!isDarkMode);
24
+ localStorage.setItem('darkMode', (!isDarkMode).toString());
25
+ };
23
26
  // Toggle dark mode class on document
24
27
  useEffect(() => {
25
28
  if (settings?.navTheme === 'light') {
@@ -32,16 +35,10 @@ const ThemeProvider = ({
32
35
  setIsDarkMode(false);
33
36
  document.documentElement.classList.remove('dark');
34
37
  }
35
- }, [settings]);
38
+ }, [settings?.navTheme]);
36
39
  // Apply theme effects when component mounts and when theme settings change
37
40
  useEffect(() => {
38
- const selectedTheme = themeRegistry[theme] || themeRegistry.default;
39
- // Apply CSS variables for the selected theme
40
- applyTheme(selectedTheme, {
41
- isDarkMode,
42
- primaryColor,
43
- fontFamily
44
- });
41
+ const selectedTheme = themes[theme] || themes.default;
45
42
  // Apply font family to document
46
43
  document.documentElement.style.setProperty('--font-family', fontFamily);
47
44
  document.body.className = `font-sans ${isDarkMode ? 'dark' : ''}`;
@@ -51,15 +48,17 @@ const ThemeProvider = ({
51
48
  const radius = selectedTheme.borderRadius.DEFAULT;
52
49
  document.documentElement.style.setProperty('--radius', radius);
53
50
  }, [theme, themeType, primaryColor, fontFamily, isDarkMode]);
51
+ // Memoize the context value to prevent unnecessary re-renders
52
+ const contextValue = useMemo(() => ({
53
+ themeName: theme,
54
+ theme: themes[theme] || themes.default,
55
+ isDarkMode,
56
+ toggleDarkMode
57
+ }), [theme, isDarkMode]);
58
+ console.log('contextValue', contextValue);
54
59
  return jsx(ThemeContext.Provider, {
55
- value: {
56
- theme,
57
- themeType,
58
- primaryColor,
59
- fontFamily,
60
- isDarkMode
61
- // ...colorTheme
62
- },
60
+ value: contextValue,
63
61
  children: children
64
62
  });
65
- };export{ThemeContext,ThemeProvider,ThemeProvider as default,useTheme};//# sourceMappingURL=ThemeProvider.js.map
63
+ };
64
+ const useTheme = () => useContext(ThemeContext);export{ThemeProviderTailwind,useTheme};//# sourceMappingURL=ThemeProvider.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeProvider.js","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":[null],"names":[],"mappings":"4LAIA;AAEA;AACO,MAAM,YAAY,GAAG,aAAa,CAAmB;AACxD,EAAA,KAAA,EAAK,SAAW;AAChB,EAAA,SAAA,EAAS,OAAS;AAClB,EAAA,YAAA,EAAY,SAAW;AACvB,EAAA,UAAA,EAAU,mBAAqB;AAC/B,EAAA,UAAA,EAAU,KAAO;AACjB,EAAA,WAAA,EAAW,MAAO;AACrB,CAAA;AAEY,MAAA,QAAQ,GAAG,MAAM,UAAU,CAAC,YAAY;AAExC,MAAA,aAAa,GAAiC,CAAC;AACxD,EAAA,QAAM;;MAS+B;QAC5B;AACL,IAAA,KAAA,GAAI,SAAU;aACG,GAAA,OAAA;gBACL,GAAA;cACX,GAAA;AAAM,GAAA,GAAA,QAAA;mBACK,EAAC,iBAAgB,QAAS,CAAC,KAAU,CAAA;;WAEhD,CAAA,MAAA;gBAAO,EAAA,QAAA,KAAA,OAAA,EAAA;mBACS,CAAA,KAAA,CAAC;cACN,CAAA,yBAAiB,CAAA,MAAU,CAAM,MAAC,CAAM;WACnD,IAAA,QAAA,EAAA,QAAA,KAAA,MAAA,EAAA;AACL,MAAG,QAAS,CAAA,eAAG,CAAA,SAAA,CAAA,GAAA,CAAA,MAAA,CAAA;MAC4D,aAAA,CAAA,IAAA,CAAA;KAClE,MAAA;mBACC,CAAA,KAAA,CAAA;cAEuC,CAAA,eAAA,CAAA,SAAA,CAAA,MAAA,CAAA,MAAA,CAAA;;cAE/B,CAAA,CAAA;;YAEV,MAAU;AACb,IAAA,MAAC,aAAC,GAAA,aAAA,CAAA,KAAA,CAAA,IAAA,aAAA,CAAA,OAAA;;cAGK,CAAA,aAAgB,EAAA;AACxB,MAAA,UAAQ;kBAEuB;;;AAI/B;YACQ,CAAA,eAAgB,CAAA,KAAM,CAAA,WAAY,CAAA,eAAW,EAAQ,UAAE,CAAA;AACnE,IAAA,QAAS,CAAA,IAAW,CAAA,SAAc,GAAA,CAAA,UAAY,EAAA,UAAY,GAAA,MAAA,GAAG,EAAA,CAAA,CAAA;;IAG7D,QAAM,CAAA,IAAA,CAAA,OAAc,CAAA,KAAK,GAAA,KAAA;;UAG8C,MAAA,GAAA,aAAA,CAAA,YAAA,CAAA,OAAA;AACnE,IAAA,QAAI,CAAQ,eAAgB,CAAA,KAAA,CAAA,WAAG,CAAA,UAAA,EAAA,MAAA,CAAA;aACnB,uBAAgB,EAAC,UAAA,EAAA,UAAA,CAAA,CAAA;YAeL,CAAA,YAAA,CAAA,QAAA,EAAA;SACnB,EAEA;AAGb,MAAE,KAAA;AAEF,MAAA,SAAe;;;;;;;;"}
1
+ {"version":3,"file":"ThemeProvider.js","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":[null],"names":[],"mappings":"mJAIA,MAAM,YAAY,GAAG,aAAa,CAAoB;AAClD,EAAA,SAAA,EAAS,SAAW;OACf,EAAA,MAAQ,CAAA,OAAQ;AACrB,EAAA,UAAA,EAAU,KAAO;AACjB,EAAA,cAAA,EAAc,MAAO;AACxB,CAAA,CAAC;AAEW,MAAA,qBAAqB,GAA2D,CAAC;UAIpF;;MAEA;QAEa;IACnB,KAAM;AACF,IAAA,SAAA;AACA,IAAA,YAAA;AACJ,IAAA;MAEqC,QAAA;SAC5B,CAAA,GAAA,CAAC,yBAAK,EAAA;AACX,IAAA;;mBAEY,EAAC,iBAAgB,QAAS,CAAC,KAAM,CAAA;;AACtC,EAAA,MAAA,iBAAY,MAAE;iBACT,CAAA,CAAA;gBACK,CAAA,OAAA,CAAA,UAAO,EAAA,CAAA,CAAA,UAAA,EAAA,QAAA,EAAA,CAAA;;;YAEpB,MAAa;gBACL,EAAA,oBAAiB,EAAA;mBAC5B,CAAA,KAAA,CAAA;AACL,cAAI,CAAA,eAAqB,CAAA,SAAA,CAAA,MAAA,CAAA,MAAA,CAAA;KAEkD,MAAA,IAAA,QAAA,EAAA,QAAA,KAAA,MAAA,EAAA;MAClE,QAAC,gBAAK,CAAA,SAAA,CAAA,GAAA,CAAA,MAAA,CAAA;mBACL,CAAA,IAAA,CAAA;WAE0B;mBACR,CAAA,KAAA,CAAA;AACxB,MAAA,QAAA,CAAA,eAAuB,CAAA,gBAAgB,CAAU,MAAA,CAAA;;cAGzC,EAAA,QAAM,CAAA,CAAA;;AAGd,EAAA,SAAA,CAAA;UACQ,aAAgB,GAAA,MAAA,CAAC,KAAK,CAAC,IAAW,MAAA,CAAA,OAAW;AACzD;IAEA,QAA8D,CAAA,eAAA,CAAA,KAAA,CAAA,WAAA,CAAA,eAAA,EAAA,UAAA,CAAA;AAC9D,IAAA,uBAAqB,GAAA,CAAA,UACV,EAAA,UAAA,GAAA,MAAA,GAAA,EAAA,CAAA,CAAA;AACH;YACK,CAAA,YAAS,CAAA,KAAU,GAAA,KAAO;;UAEjB,MAAA,GAAA,aAAA,CAAA,YAAA,CAAA,OAAA;AACjB,IAAA,QACA,CAAA,eACJ,CAAC,KAAA,CAAA,WAAA,CAAA,UAAA,EAAA,MAAA,CAAA;AAEF,GAAA,EAAA,CAAA,KAAO,EAAI,uBAAiB,EAAA,UAAc,EAAA,UAAA,CAAA,CAAA;;AAG9C,EAAE,MAAA,YAAA,GAAA,OAAA,CAAA,OAAA;AAEF,IAAM,SAAO,EAAA,KAAA;;;;;;;;;;;"}
@@ -3,10 +3,10 @@ import {jsx}from'react/jsx-runtime';import {useTheme}from'./ThemeProvider.js';co
3
3
  }) => {
4
4
  const {
5
5
  isDarkMode,
6
- toggleTheme
6
+ toggleDarkMode
7
7
  } = useTheme();
8
8
  return jsx("button", {
9
- onClick: toggleTheme,
9
+ onClick: toggleDarkMode,
10
10
  className: `rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary transition-colors ${className}`,
11
11
  "aria-label": "Toggle dark mode",
12
12
  children: isDarkMode ? jsx(SunIcon, {
@@ -1,7 +1,4 @@
1
- export { ThemeProvider, useTheme, ThemeContext } from './ThemeProvider';
2
- export type { ThemeProviderProps } from './types';
1
+ export { ThemeProviderTailwind, useTheme } from './ThemeProvider';
3
2
  export { ThemeToggle } from './ThemeToggle';
4
- export { applyTheme, hslToHex, generateColorPalette } from './themeUtils';
5
- export { themeRegistry } from './themeRegistry';
6
- export type { Theme, ThemeColors, ThemeFontSizes, ThemeSpacing, ThemeBorderRadius, ThemeOptions, ThemeSelectorProps, } from './types';
3
+ export type { ThemeContextProps } from './types';
7
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACxE,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGlD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAG1E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACR,KAAK,EACL,WAAW,EACX,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,GACrB,MAAM,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGlE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { DefaultTheme } from '../types';
2
+ export declare const airbnbTheme: DefaultTheme;
3
+ //# sourceMappingURL=airbnb.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"airbnb.d.ts","sourceRoot":"","sources":["../../../../src/components/ThemeProvider/themes/airbnb.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGxC,eAAO,MAAM,WAAW,EAAE,YAsLzB,CAAC"}
@@ -0,0 +1,186 @@
1
+ // Airbnb-inspired theme
2
+ const airbnbTheme = {
3
+ name: 'airbnb',
4
+ colors: {
5
+ primary: {
6
+ 50: '#fff5f5',
7
+ 100: '#ffe0e0',
8
+ 200: '#ffc2c2',
9
+ 300: '#ff9b9b',
10
+ 400: '#ff6b6b',
11
+ 500: '#ff5a5f',
12
+ // Airbnb primary red
13
+ 600: '#e63e3e',
14
+ 700: '#c53030',
15
+ 800: '#9b2c2c',
16
+ 900: '#742a28',
17
+ 950: '#451312'
18
+ },
19
+ secondary: {
20
+ 50: '#f8fafc',
21
+ 100: '#f1f5f9',
22
+ 200: '#e2e8f0',
23
+ 300: '#cbd5e1',
24
+ 400: '#94a3b8',
25
+ 500: '#64748b',
26
+ 600: '#475569',
27
+ 700: '#334155',
28
+ 800: '#1e293b',
29
+ 900: '#0f172a',
30
+ 950: '#020617'
31
+ },
32
+ accent: {
33
+ 50: '#eefbf3',
34
+ 100: '#d6f5e3',
35
+ 200: '#b0eaca',
36
+ 300: '#7dd8a8',
37
+ 400: '#4ac282',
38
+ 500: '#00A699',
39
+ // Airbnb teal
40
+ 600: '#17866c',
41
+ 700: '#156b58',
42
+ 800: '#155545',
43
+ 900: '#134639',
44
+ 950: '#07271f'
45
+ },
46
+ success: {
47
+ 50: '#f0fdf4',
48
+ 100: '#dcfce7',
49
+ 200: '#bbf7d0',
50
+ 300: '#86efac',
51
+ 400: '#4ade80',
52
+ 500: '#22c55e',
53
+ 600: '#16a34a',
54
+ 700: '#15803d',
55
+ 800: '#166534',
56
+ 900: '#14532d',
57
+ 950: '#052e16'
58
+ },
59
+ warning: {
60
+ 50: '#fffbeb',
61
+ 100: '#fef3c7',
62
+ 200: '#fde68a',
63
+ 300: '#fcd34d',
64
+ 400: '#fbbf24',
65
+ 500: '#f59e0b',
66
+ 600: '#d97706',
67
+ 700: '#b45309',
68
+ 800: '#92400e',
69
+ 900: '#78350f',
70
+ 950: '#451a03'
71
+ },
72
+ error: {
73
+ 50: '#fef2f2',
74
+ 100: '#fee2e2',
75
+ 200: '#fecaca',
76
+ 300: '#fca5a5',
77
+ 400: '#f87171',
78
+ 500: '#ef4444',
79
+ 600: '#dc2626',
80
+ 700: '#b91c1c',
81
+ 800: '#991b1b',
82
+ 900: '#7f1d1d',
83
+ 950: '#450a0a'
84
+ },
85
+ neutral: {
86
+ 50: '#fafafa',
87
+ 100: '#f5f5f5',
88
+ 200: '#e5e5e5',
89
+ 300: '#d4d4d4',
90
+ 400: '#a3a3a3',
91
+ 500: '#737373',
92
+ 600: '#525252',
93
+ 700: '#404040',
94
+ 800: '#262626',
95
+ 900: '#171717',
96
+ 950: '#0a0a0a'
97
+ },
98
+ background: {
99
+ light: '#ffffff',
100
+ dark: '#1e1e1e'
101
+ },
102
+ text: {
103
+ light: {
104
+ primary: '#222222',
105
+ secondary: '#717171',
106
+ tertiary: '#999999'
107
+ },
108
+ dark: {
109
+ primary: '#ffffff',
110
+ secondary: '#e0e0e0',
111
+ tertiary: '#a0a0a0'
112
+ }
113
+ }
114
+ },
115
+ borderRadius: {
116
+ sm: '4px',
117
+ DEFAULT: '8px',
118
+ md: '12px',
119
+ lg: '16px',
120
+ xl: '24px',
121
+ '2xl': '32px',
122
+ full: '9999px'
123
+ },
124
+ fontFamily: {
125
+ sans: ['Circular', '-apple-system', 'BlinkMacSystemFont', 'Roboto', 'Helvetica Neue', 'sans-serif'],
126
+ serif: ['Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif'],
127
+ mono: ['SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'monospace']
128
+ },
129
+ boxShadow: {
130
+ sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
131
+ DEFAULT: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
132
+ md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
133
+ lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
134
+ xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)'
135
+ },
136
+ typography: {
137
+ headings: {
138
+ fontWeight: '700',
139
+ lineHeight: '1.2',
140
+ letterSpacing: '-0.025em'
141
+ },
142
+ body: {
143
+ fontWeight: '400',
144
+ lineHeight: '1.5',
145
+ letterSpacing: '0'
146
+ }
147
+ },
148
+ // Component specific styling
149
+ components: {
150
+ buttons: {
151
+ primary: {
152
+ background: '#FF5A5F',
153
+ text: '#FFFFFF',
154
+ hoverBackground: '#FF7E82',
155
+ hoverText: '#FFFFFF',
156
+ borderRadius: '8px',
157
+ padding: '12px 24px',
158
+ fontWeight: '600'
159
+ },
160
+ secondary: {
161
+ background: '#FFFFFF',
162
+ text: '#222222',
163
+ border: '1px solid #DDDDDD',
164
+ hoverBackground: '#F7F7F7',
165
+ hoverText: '#222222',
166
+ borderRadius: '8px',
167
+ padding: '12px 24px',
168
+ fontWeight: '600'
169
+ }
170
+ },
171
+ cards: {
172
+ borderRadius: '12px',
173
+ padding: '24px',
174
+ shadow: '0 6px 16px rgba(0, 0, 0, 0.12)',
175
+ border: '1px solid #DDDDDD'
176
+ },
177
+ inputs: {
178
+ borderRadius: '8px',
179
+ borderColor: '#DDDDDD',
180
+ focusBorderColor: '#FF5A5F',
181
+ padding: '12px 16px',
182
+ fontSize: '16px',
183
+ lineHeight: '1.5'
184
+ }
185
+ }
186
+ };export{airbnbTheme};//# sourceMappingURL=airbnb.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"airbnb.js","sources":["../../../../src/components/ThemeProvider/themes/airbnb.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ import { DefaultTheme } from '../types';
2
+ export declare const defaultTheme: DefaultTheme;
3
+ //# sourceMappingURL=default.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../src/components/ThemeProvider/themes/default.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGxC,eAAO,MAAM,YAAY,EAAE,YA8L1B,CAAC"}