@licklist/design 0.78.28 → 0.78.29

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 (125) hide show
  1. package/dist/assets/Trend-Down.svg.js +16 -0
  2. package/dist/assets/Trend-Up.svg.js +16 -0
  3. package/dist/index.d.ts +2 -0
  4. package/dist/index.d.ts.map +1 -1
  5. package/dist/index.js +10 -0
  6. package/dist/v2/components/Button/Button.d.ts +8 -4
  7. package/dist/v2/components/Button/Button.d.ts.map +1 -1
  8. package/dist/v2/components/Button/index.d.ts +2 -2
  9. package/dist/v2/components/Button/index.d.ts.map +1 -1
  10. package/dist/v2/components/Checkbox/Checkbox.d.ts +9 -0
  11. package/dist/v2/components/Checkbox/Checkbox.d.ts.map +1 -0
  12. package/dist/v2/components/Checkbox/index.d.ts +3 -0
  13. package/dist/v2/components/Checkbox/index.d.ts.map +1 -0
  14. package/dist/v2/components/FormField/FormField.d.ts +10 -0
  15. package/dist/v2/components/FormField/FormField.d.ts.map +1 -0
  16. package/dist/v2/components/FormField/index.d.ts +3 -0
  17. package/dist/v2/components/FormField/index.d.ts.map +1 -0
  18. package/dist/v2/components/NewInput/NewInput.d.ts +20 -0
  19. package/dist/v2/components/NewInput/NewInput.d.ts.map +1 -0
  20. package/dist/v2/components/NewInput/index.d.ts +2 -0
  21. package/dist/v2/components/NewInput/index.d.ts.map +1 -0
  22. package/dist/v2/components/NewPageHeader/NewPageHeader.d.ts +10 -0
  23. package/dist/v2/components/NewPageHeader/NewPageHeader.d.ts.map +1 -0
  24. package/dist/v2/components/NewPageHeader/index.d.ts +2 -0
  25. package/dist/v2/components/NewPageHeader/index.d.ts.map +1 -0
  26. package/dist/v2/components/SectionHeader/SectionHeader.d.ts +8 -0
  27. package/dist/v2/components/SectionHeader/SectionHeader.d.ts.map +1 -0
  28. package/dist/v2/components/SectionHeader/index.d.ts +3 -0
  29. package/dist/v2/components/SectionHeader/index.d.ts.map +1 -0
  30. package/dist/v2/components/Select/Select.js +128 -0
  31. package/dist/v2/components/Select/Select.scss.js +6 -0
  32. package/dist/v2/components/WYSIWYGEditor/Icons.d.ts +16 -0
  33. package/dist/v2/components/WYSIWYGEditor/Icons.d.ts.map +1 -0
  34. package/dist/v2/components/WYSIWYGEditor/WYSIWYGEditor.d.ts +14 -0
  35. package/dist/v2/components/WYSIWYGEditor/WYSIWYGEditor.d.ts.map +1 -0
  36. package/dist/v2/components/WYSIWYGEditor/index.d.ts +3 -0
  37. package/dist/v2/components/WYSIWYGEditor/index.d.ts.map +1 -0
  38. package/dist/v2/components/index.d.ts +22 -0
  39. package/dist/v2/components/index.d.ts.map +1 -0
  40. package/dist/v2/dashboard-analytics/blog-posts/Blog.js +103 -0
  41. package/dist/v2/dashboard-analytics/blog-posts/Blog.scss.js +6 -0
  42. package/dist/v2/dashboard-analytics/chart/Chart.js +733 -0
  43. package/dist/v2/dashboard-analytics/chart/Chart.scss.js +6 -0
  44. package/dist/v2/dashboard-analytics/dashboard/Dashboard.js +270 -0
  45. package/dist/v2/dashboard-analytics/dashboard/Dashboard.scss.js +6 -0
  46. package/dist/v2/dashboard-analytics/metric-card/MetricCard.js +65 -0
  47. package/dist/v2/dashboard-analytics/metric-card/MetricCard.scss.js +6 -0
  48. package/dist/v2/dashboard-analytics/venue-card/VenueCard.js +50 -0
  49. package/dist/v2/dashboard-analytics/venue-card/VenueCard.scss.js +6 -0
  50. package/dist/v2/dashboard-analytics/venue-closed-card/VenueClosedCard.js +48 -0
  51. package/dist/v2/dashboard-analytics/venue-closed-card/VenueClosedCard.scss.js +6 -0
  52. package/dist/v2/icons/index.js +61 -1
  53. package/dist/v2/index.d.ts +3 -1
  54. package/dist/v2/index.d.ts.map +1 -1
  55. package/dist/v2/navigation/DashboardLayout/TopNavigation.scss.js +1 -1
  56. package/dist/v2/pages/Settings/SettingsPage.d.ts +13 -0
  57. package/dist/v2/pages/Settings/SettingsPage.d.ts.map +1 -0
  58. package/dist/v2/pages/Settings/SettingsPage.js +88 -0
  59. package/dist/v2/pages/Settings/SettingsPage.scss.js +6 -0
  60. package/dist/v2/pages/Settings/SettingsTabs.d.ts +14 -0
  61. package/dist/v2/pages/Settings/SettingsTabs.d.ts.map +1 -0
  62. package/dist/v2/pages/Settings/SettingsTabs.js +29 -0
  63. package/dist/v2/pages/Settings/SettingsTabs.scss.js +6 -0
  64. package/dist/v2/pages/Settings/components/SidebarCustomisation.js +283 -0
  65. package/dist/v2/pages/Settings/components/SidebarCustomisation.scss.js +6 -0
  66. package/dist/v2/pages/Settings/components/SidebarNavItem.d.ts +19 -0
  67. package/dist/v2/pages/Settings/components/SidebarNavItem.d.ts.map +1 -0
  68. package/dist/v2/pages/Settings/components/SidebarNavItem.js +41 -0
  69. package/dist/v2/pages/Settings/components/SidebarNavItem.scss.js +6 -0
  70. package/dist/v2/pages/Settings/components/index.d.ts +5 -0
  71. package/dist/v2/pages/Settings/components/index.d.ts.map +1 -0
  72. package/dist/v2/pages/Settings/index.d.ts +7 -0
  73. package/dist/v2/pages/Settings/index.d.ts.map +1 -0
  74. package/package.json +3 -3
  75. package/src/index.ts +3 -1
  76. package/src/v2/components/Alert/Alert.scss +3 -3
  77. package/src/v2/components/Button/Button.tsx +34 -12
  78. package/src/v2/components/Button/index.ts +2 -2
  79. package/src/v2/components/Checkbox/Checkbox.scss +211 -0
  80. package/src/v2/components/Checkbox/Checkbox.stories.tsx +316 -0
  81. package/src/v2/components/Checkbox/Checkbox.tsx +106 -0
  82. package/src/v2/components/Checkbox/index.ts +3 -0
  83. package/src/v2/components/FormField/FormField.scss +87 -0
  84. package/src/v2/components/FormField/FormField.stories.tsx +71 -0
  85. package/src/v2/components/FormField/FormField.tsx +37 -0
  86. package/src/v2/components/FormField/index.ts +3 -0
  87. package/src/v2/components/NewInput/NewInput.stories.tsx +433 -0
  88. package/src/v2/components/NewInput/NewInput.tsx +96 -0
  89. package/src/v2/components/NewInput/index.ts +1 -0
  90. package/src/v2/components/NewPageHeader/NewPageHeader.scss +47 -0
  91. package/src/v2/components/NewPageHeader/NewPageHeader.stories.tsx +44 -0
  92. package/src/v2/components/NewPageHeader/NewPageHeader.tsx +35 -0
  93. package/src/v2/components/NewPageHeader/index.ts +1 -0
  94. package/src/v2/components/SectionHeader/SectionHeader.scss +11 -0
  95. package/src/v2/components/SectionHeader/SectionHeader.tsx +15 -0
  96. package/src/v2/components/SectionHeader/index.ts +2 -0
  97. package/src/v2/components/Select/Select.scss +5 -5
  98. package/src/v2/components/WYSIWYGEditor/Icons.tsx +93 -0
  99. package/src/v2/components/WYSIWYGEditor/WYSIWYGEditor.scss +310 -0
  100. package/src/v2/components/WYSIWYGEditor/WYSIWYGEditor.stories.tsx +252 -0
  101. package/src/v2/components/WYSIWYGEditor/WYSIWYGEditor.tsx +393 -0
  102. package/src/v2/components/WYSIWYGEditor/index.ts +3 -0
  103. package/src/v2/components/index.ts +37 -0
  104. package/src/v2/index.ts +10 -2
  105. package/src/v2/navigation/DashboardLayout/TopNavigation.scss +1 -0
  106. package/src/v2/pages/Settings/SettingsContentPlaceholder.scss +24 -0
  107. package/src/v2/pages/Settings/SettingsPage.scss +52 -0
  108. package/src/v2/pages/Settings/SettingsPage.tsx +46 -0
  109. package/src/v2/pages/Settings/SettingsTabs.scss +44 -0
  110. package/src/v2/pages/Settings/SettingsTabs.tsx +36 -0
  111. package/src/v2/pages/Settings/components/SidebarCustomisation.stories.tsx +48 -0
  112. package/src/v2/pages/Settings/components/SidebarNavItem.scss +76 -0
  113. package/src/v2/pages/Settings/components/SidebarNavItem.stories.tsx +50 -0
  114. package/src/v2/pages/Settings/components/SidebarNavItem.tsx +52 -0
  115. package/src/v2/pages/Settings/components/index.ts +5 -0
  116. package/src/v2/pages/Settings/index.ts +8 -0
  117. package/src/v2/styles/components/Button.scss +51 -53
  118. package/src/v2/styles/form/Layout.scss +15 -0
  119. package/src/v2/styles/form/NewInput.scss +83 -53
  120. package/src/v2/styles/index.scss +1 -0
  121. package/src/v2/styles/tokens/_colors.scss +6 -6
  122. package/src/v2/styles/tokens/_typography.scss +2 -2
  123. package/dist/v2/navigation/icons/index.d.ts +0 -12
  124. package/dist/v2/navigation/icons/index.d.ts.map +0 -1
  125. package/src/v2/navigation/icons/index.tsx +0 -72
@@ -7,7 +7,7 @@
7
7
  --font-family-sans: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
8
8
  --font-family-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
9
9
 
10
- /* Headings Desktop */
10
+ /* Headings Desktop */
11
11
  --heading-xxl-size: 44px;
12
12
  --heading-xxl-line: 48px;
13
13
  --heading-xxl-weight: 600;
@@ -143,4 +143,4 @@ $typo-map: (
143
143
  @media (max-width: $bp-mobile-max) {
144
144
  @include typography($mobileVariant);
145
145
  }
146
- }
146
+ }
@@ -1,12 +0,0 @@
1
- export declare const DashboardIcon: () => import("react/jsx-runtime").JSX.Element;
2
- export declare const CompanyIcon: () => import("react/jsx-runtime").JSX.Element;
3
- export declare const VenueIcon: () => import("react/jsx-runtime").JSX.Element;
4
- export declare const MarketingIcon: () => import("react/jsx-runtime").JSX.Element;
5
- export declare const AdminIcon: () => import("react/jsx-runtime").JSX.Element;
6
- export declare const ProfileIcon: () => import("react/jsx-runtime").JSX.Element;
7
- export declare const CustomersIcon: () => import("react/jsx-runtime").JSX.Element;
8
- export declare const ReportsIcon: () => import("react/jsx-runtime").JSX.Element;
9
- export declare const AnalyticsIcon: () => import("react/jsx-runtime").JSX.Element;
10
- export declare const PaymentsIcon: () => import("react/jsx-runtime").JSX.Element;
11
- export declare const SettingsIcon: () => import("react/jsx-runtime").JSX.Element;
12
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/navigation/icons/index.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,+CAOzB,CAAA;AAED,eAAO,MAAM,WAAW,+CAIvB,CAAA;AAED,eAAO,MAAM,SAAS,+CAKrB,CAAA;AAED,eAAO,MAAM,aAAa,+CAIzB,CAAA;AAED,eAAO,MAAM,SAAS,+CAIrB,CAAA;AAED,eAAO,MAAM,WAAW,+CAIvB,CAAA;AAED,eAAO,MAAM,aAAa,+CAIzB,CAAA;AAED,eAAO,MAAM,WAAW,+CAIvB,CAAA;AAED,eAAO,MAAM,aAAa,+CAIzB,CAAA;AAED,eAAO,MAAM,YAAY,+CAIxB,CAAA;AAED,eAAO,MAAM,YAAY,+CAIxB,CAAA"}
@@ -1,72 +0,0 @@
1
- import React from 'react'
2
-
3
- export const DashboardIcon = () => (
4
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
5
- <path
6
- fill="var(--fills-main-fill-primary, #14215A)"
7
- d="M17.727 20.118H6.273a.83.83 0 0 1-.818-.84v-7.557H3l8.45-7.884a.803.803 0 0 1 1.1 0L21 11.72h-2.454v7.557a.83.83 0 0 1-.819.84Zm-10.636-1.68h9.818v-8.265L12 5.593l-4.91 4.58v8.266Z"
8
- />
9
- </svg>
10
- )
11
-
12
- export const CompanyIcon = () => (
13
- <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
14
- <path d="M19.5 18.75H4.5V17.25H5.25V6C5.25 5.58579 5.58579 5.25 6 5.25H16.5C16.9142 5.25 17.25 5.58579 17.25 6V9.75H18.75V17.25H19.5V18.75ZM15.75 17.25H17.25V11.25H12.75V17.25H14.25V12.75H15.75V17.25ZM15.75 9.75V6.75H6.75V17.25H11.25V9.75H15.75ZM8.25 11.25H9.75V12.75H8.25V11.25ZM8.25 14.25H9.75V15.75H8.25V14.25ZM8.25 8.25H9.75V9.75H8.25V8.25Z" fill="var(--fills-main-fill-primary, #14215A)" />
15
- </svg>
16
- )
17
-
18
- export const VenueIcon = () => (
19
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none">
20
- <path fill="#000" fillOpacity=".1" d="m6 7.5 6.75-2.625V18H6V7.5Z" />
21
- <path fill="var(--fills-main-fill-primary, #14215A)" d="M5.25 17.25V7.275a.75.75 0 0 1 .494-.704l7.253-2.638a.375.375 0 0 1 .503.353V8l4.737 1.58a.75.75 0 0 1 .513.71v6.96h1.5v1.5H3.75v-1.5h1.5Zm1.5 0H12V5.892L6.75 7.8v9.45Zm10.5 0v-6.419l-3.75-1.25v7.67h3.75Z" />
22
- </svg>
23
- )
24
-
25
- export const MarketingIcon = () => (
26
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none">
27
- <path fill="var(--fills-main-fill-primary, #14215A)" d="M10.72 16.363s5.264-.634 8.02.957l.725-.194a.75.75 0 0 0 .53-.919l-1.177-4.392a1.5 1.5 0 0 0-.752-2.807L16.89 4.616a.75.75 0 0 0-.918-.53l-.725.194c-1.59 2.755-6.468 4.839-6.468 4.839l-2.898.776a1.5 1.5 0 0 0-1.06 1.837l1.164 4.347a1.5 1.5 0 0 0 1.838 1.06l.724-.194 1.695 3.428 1.449-.388-.97-3.622Zm-.17-6.43a25.444 25.444 0 0 0 1.647-.92c1.12-.683 2.514-1.66 3.549-2.868l2.494 9.31c-1.5-.529-3.196-.678-4.507-.71-.713-.017-1.364 0-1.887.026L10.55 9.934Zm-4.281 1.41 2.897-.775 1.165 4.346-2.898.777-1.164-4.347Z" />
28
- </svg>
29
- )
30
-
31
- export const AdminIcon = () => (
32
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none">
33
- <path fill="var(--fills-main-fill-primary, #14215A)" d="M12 13.5V15a4.5 4.5 0 0 0-4.5 4.5H6a6 6 0 0 1 6-6Zm0-.75a4.499 4.499 0 0 1-4.5-4.5c0-2.486 2.014-4.5 4.5-4.5s4.5 2.014 4.5 4.5-2.014 4.5-4.5 4.5Zm0-1.5a3 3 0 1 0 0-6 3 3 0 1 0 0 6Zm4.5 7.875-2.204 1.159.42-2.455-1.782-1.738 2.464-.358L16.5 13.5l1.102 2.233 2.465.358-1.784 1.738.421 2.455-2.204-1.159Z" />
34
- </svg>
35
- )
36
-
37
- export const ProfileIcon = () => (
38
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none">
39
- <path fill="var(--fills-main-fill-primary, #14215A)" d="M6 19.5a6 6 0 0 1 12 0h-1.5a4.5 4.5 0 1 0-9 0H6Zm6-6.75a4.499 4.499 0 0 1-4.5-4.5c0-2.486 2.014-4.5 4.5-4.5s4.5 2.014 4.5 4.5-2.014 4.5-4.5 4.5Zm0-1.5a3 3 0 1 0 0-6 3 3 0 1 0 0 6Z" />
40
- </svg>
41
- )
42
-
43
- export const CustomersIcon = () => (
44
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none">
45
- <path fill="var(--fills-main-fill-primary, #14215A)" d="M4.5 19.5a6 6 0 0 1 12 0H15a4.5 4.5 0 1 0-9 0H4.5Zm6-6.75A4.499 4.499 0 0 1 6 8.25c0-2.486 2.014-4.5 4.5-4.5S15 5.764 15 8.25s-2.014 4.5-4.5 4.5Zm0-1.5a3 3 0 1 0 0-6 3 3 0 1 0 0 6Zm6.213 2.777A6.001 6.001 0 0 1 20.25 19.5h-1.5c0-1.827-1.089-3.4-2.653-4.105l.616-1.368Zm-.516-8.467A4.125 4.125 0 0 1 15 13.483v-1.51a2.625 2.625 0 0 0 .78-4.956l.417-1.457Z" />
46
- </svg>
47
- )
48
-
49
- export const ReportsIcon = () => (
50
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none">
51
- <path fill="var(--fills-main-fill-primary, #14215A)" d="M11.25 8.25h1.5v7.5h-1.5v-7.5Zm3 3h1.5v4.5h-1.5v-4.5Zm-6 1.5h1.5v3h-1.5v-3Zm6-6.75h-7.5v12h10.5V9h-3V6Zm-9-.756c0-.411.336-.744.749-.744H15l3.75 3.75v10.494a.75.75 0 0 1-.745.756H5.995a.75.75 0 0 1-.745-.744V5.244Z" />
52
- </svg>
53
- )
54
-
55
- export const AnalyticsIcon = () => (
56
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none">
57
- <path fill="var(--fills-main-fill-primary, #14215A)" d="M6.75 5.25v12h12v1.5H5.25V5.25h1.5Zm11.47 2.47 1.06 1.06L15 13.06l-2.25-2.249-3.22 3.22-1.06-1.061 4.28-4.28L15 10.938l3.22-3.22Z" />
58
- </svg>
59
- )
60
-
61
- export const PaymentsIcon = () => (
62
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none">
63
- <path fill="var(--fills-main-fill-primary, #14215A)" d="M12.004 19.502a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Zm0-1.5a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm-2.25-5.25h-.75v-1.5h.75v-.75a2.625 2.625 0 0 1 5.06-.984l-1.49.373a1.124 1.124 0 0 0-2.07.61v.75h2.25v1.5h-2.25v1.5h3.75v1.5h-6v-1.5h.75v-1.5Z" />
64
- </svg>
65
- )
66
-
67
- export const SettingsIcon = () => (
68
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none">
69
- <path fill="var(--fills-main-fill-primary, #14215A)" d="M4.5 11.729c0-.648.082-1.278.237-1.878A2.25 2.25 0 0 0 6.743 6.38 7.492 7.492 0 0 1 9.995 4.5a2.25 2.25 0 0 0 4.01 0c1.244.344 2.357 1 3.252 1.88a2.25 2.25 0 0 0 2.006 3.471c.155.6.237 1.23.237 1.878a7.51 7.51 0 0 1-.237 1.878 2.25 2.25 0 0 0-2.006 3.471 7.492 7.492 0 0 1-3.252 1.88 2.25 2.25 0 0 0-4.01 0 7.492 7.492 0 0 1-3.252-1.88 2.25 2.25 0 0 0-2.006-3.471 7.514 7.514 0 0 1-.237-1.878Zm3.603 2.25c.472.818.608 1.76.423 2.643.306.217.632.406.973.563A3.745 3.745 0 0 1 12 16.229c.946 0 1.829.353 2.501.956a5.99 5.99 0 0 0 .973-.563 3.744 3.744 0 0 1 .423-2.643 3.744 3.744 0 0 1 2.077-1.688 6.099 6.099 0 0 0 0-1.124 3.744 3.744 0 0 1-2.077-1.688 3.744 3.744 0 0 1-.423-2.643 5.997 5.997 0 0 0-.973-.563A3.745 3.745 0 0 1 12 7.23a3.745 3.745 0 0 1-2.501-.956 5.993 5.993 0 0 0-.973.563c.185.883.05 1.824-.423 2.643a3.745 3.745 0 0 1-2.077 1.688 6.097 6.097 0 0 0 0 1.124c.857.282 1.604.87 2.077 1.688Zm3.897 0a2.25 2.25 0 1 1 0-4.5 2.25 2.25 0 0 1 0 4.5Zm0-1.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" />
70
- </svg>
71
- )
72
-