@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.
- package/dist/assets/Trend-Down.svg.js +16 -0
- package/dist/assets/Trend-Up.svg.js +16 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +10 -0
- package/dist/v2/components/Button/Button.d.ts +8 -4
- package/dist/v2/components/Button/Button.d.ts.map +1 -1
- package/dist/v2/components/Button/index.d.ts +2 -2
- package/dist/v2/components/Button/index.d.ts.map +1 -1
- package/dist/v2/components/Checkbox/Checkbox.d.ts +9 -0
- package/dist/v2/components/Checkbox/Checkbox.d.ts.map +1 -0
- package/dist/v2/components/Checkbox/index.d.ts +3 -0
- package/dist/v2/components/Checkbox/index.d.ts.map +1 -0
- package/dist/v2/components/FormField/FormField.d.ts +10 -0
- package/dist/v2/components/FormField/FormField.d.ts.map +1 -0
- package/dist/v2/components/FormField/index.d.ts +3 -0
- package/dist/v2/components/FormField/index.d.ts.map +1 -0
- package/dist/v2/components/NewInput/NewInput.d.ts +20 -0
- package/dist/v2/components/NewInput/NewInput.d.ts.map +1 -0
- package/dist/v2/components/NewInput/index.d.ts +2 -0
- package/dist/v2/components/NewInput/index.d.ts.map +1 -0
- package/dist/v2/components/NewPageHeader/NewPageHeader.d.ts +10 -0
- package/dist/v2/components/NewPageHeader/NewPageHeader.d.ts.map +1 -0
- package/dist/v2/components/NewPageHeader/index.d.ts +2 -0
- package/dist/v2/components/NewPageHeader/index.d.ts.map +1 -0
- package/dist/v2/components/SectionHeader/SectionHeader.d.ts +8 -0
- package/dist/v2/components/SectionHeader/SectionHeader.d.ts.map +1 -0
- package/dist/v2/components/SectionHeader/index.d.ts +3 -0
- package/dist/v2/components/SectionHeader/index.d.ts.map +1 -0
- package/dist/v2/components/Select/Select.js +128 -0
- package/dist/v2/components/Select/Select.scss.js +6 -0
- package/dist/v2/components/WYSIWYGEditor/Icons.d.ts +16 -0
- package/dist/v2/components/WYSIWYGEditor/Icons.d.ts.map +1 -0
- package/dist/v2/components/WYSIWYGEditor/WYSIWYGEditor.d.ts +14 -0
- package/dist/v2/components/WYSIWYGEditor/WYSIWYGEditor.d.ts.map +1 -0
- package/dist/v2/components/WYSIWYGEditor/index.d.ts +3 -0
- package/dist/v2/components/WYSIWYGEditor/index.d.ts.map +1 -0
- package/dist/v2/components/index.d.ts +22 -0
- package/dist/v2/components/index.d.ts.map +1 -0
- package/dist/v2/dashboard-analytics/blog-posts/Blog.js +103 -0
- package/dist/v2/dashboard-analytics/blog-posts/Blog.scss.js +6 -0
- package/dist/v2/dashboard-analytics/chart/Chart.js +733 -0
- package/dist/v2/dashboard-analytics/chart/Chart.scss.js +6 -0
- package/dist/v2/dashboard-analytics/dashboard/Dashboard.js +270 -0
- package/dist/v2/dashboard-analytics/dashboard/Dashboard.scss.js +6 -0
- package/dist/v2/dashboard-analytics/metric-card/MetricCard.js +65 -0
- package/dist/v2/dashboard-analytics/metric-card/MetricCard.scss.js +6 -0
- package/dist/v2/dashboard-analytics/venue-card/VenueCard.js +50 -0
- package/dist/v2/dashboard-analytics/venue-card/VenueCard.scss.js +6 -0
- package/dist/v2/dashboard-analytics/venue-closed-card/VenueClosedCard.js +48 -0
- package/dist/v2/dashboard-analytics/venue-closed-card/VenueClosedCard.scss.js +6 -0
- package/dist/v2/icons/index.js +61 -1
- package/dist/v2/index.d.ts +3 -1
- package/dist/v2/index.d.ts.map +1 -1
- package/dist/v2/navigation/DashboardLayout/TopNavigation.scss.js +1 -1
- package/dist/v2/pages/Settings/SettingsPage.d.ts +13 -0
- package/dist/v2/pages/Settings/SettingsPage.d.ts.map +1 -0
- package/dist/v2/pages/Settings/SettingsPage.js +88 -0
- package/dist/v2/pages/Settings/SettingsPage.scss.js +6 -0
- package/dist/v2/pages/Settings/SettingsTabs.d.ts +14 -0
- package/dist/v2/pages/Settings/SettingsTabs.d.ts.map +1 -0
- package/dist/v2/pages/Settings/SettingsTabs.js +29 -0
- package/dist/v2/pages/Settings/SettingsTabs.scss.js +6 -0
- package/dist/v2/pages/Settings/components/SidebarCustomisation.js +283 -0
- package/dist/v2/pages/Settings/components/SidebarCustomisation.scss.js +6 -0
- package/dist/v2/pages/Settings/components/SidebarNavItem.d.ts +19 -0
- package/dist/v2/pages/Settings/components/SidebarNavItem.d.ts.map +1 -0
- package/dist/v2/pages/Settings/components/SidebarNavItem.js +41 -0
- package/dist/v2/pages/Settings/components/SidebarNavItem.scss.js +6 -0
- package/dist/v2/pages/Settings/components/index.d.ts +5 -0
- package/dist/v2/pages/Settings/components/index.d.ts.map +1 -0
- package/dist/v2/pages/Settings/index.d.ts +7 -0
- package/dist/v2/pages/Settings/index.d.ts.map +1 -0
- package/package.json +3 -3
- package/src/index.ts +3 -1
- package/src/v2/components/Alert/Alert.scss +3 -3
- package/src/v2/components/Button/Button.tsx +34 -12
- package/src/v2/components/Button/index.ts +2 -2
- package/src/v2/components/Checkbox/Checkbox.scss +211 -0
- package/src/v2/components/Checkbox/Checkbox.stories.tsx +316 -0
- package/src/v2/components/Checkbox/Checkbox.tsx +106 -0
- package/src/v2/components/Checkbox/index.ts +3 -0
- package/src/v2/components/FormField/FormField.scss +87 -0
- package/src/v2/components/FormField/FormField.stories.tsx +71 -0
- package/src/v2/components/FormField/FormField.tsx +37 -0
- package/src/v2/components/FormField/index.ts +3 -0
- package/src/v2/components/NewInput/NewInput.stories.tsx +433 -0
- package/src/v2/components/NewInput/NewInput.tsx +96 -0
- package/src/v2/components/NewInput/index.ts +1 -0
- package/src/v2/components/NewPageHeader/NewPageHeader.scss +47 -0
- package/src/v2/components/NewPageHeader/NewPageHeader.stories.tsx +44 -0
- package/src/v2/components/NewPageHeader/NewPageHeader.tsx +35 -0
- package/src/v2/components/NewPageHeader/index.ts +1 -0
- package/src/v2/components/SectionHeader/SectionHeader.scss +11 -0
- package/src/v2/components/SectionHeader/SectionHeader.tsx +15 -0
- package/src/v2/components/SectionHeader/index.ts +2 -0
- package/src/v2/components/Select/Select.scss +5 -5
- package/src/v2/components/WYSIWYGEditor/Icons.tsx +93 -0
- package/src/v2/components/WYSIWYGEditor/WYSIWYGEditor.scss +310 -0
- package/src/v2/components/WYSIWYGEditor/WYSIWYGEditor.stories.tsx +252 -0
- package/src/v2/components/WYSIWYGEditor/WYSIWYGEditor.tsx +393 -0
- package/src/v2/components/WYSIWYGEditor/index.ts +3 -0
- package/src/v2/components/index.ts +37 -0
- package/src/v2/index.ts +10 -2
- package/src/v2/navigation/DashboardLayout/TopNavigation.scss +1 -0
- package/src/v2/pages/Settings/SettingsContentPlaceholder.scss +24 -0
- package/src/v2/pages/Settings/SettingsPage.scss +52 -0
- package/src/v2/pages/Settings/SettingsPage.tsx +46 -0
- package/src/v2/pages/Settings/SettingsTabs.scss +44 -0
- package/src/v2/pages/Settings/SettingsTabs.tsx +36 -0
- package/src/v2/pages/Settings/components/SidebarCustomisation.stories.tsx +48 -0
- package/src/v2/pages/Settings/components/SidebarNavItem.scss +76 -0
- package/src/v2/pages/Settings/components/SidebarNavItem.stories.tsx +50 -0
- package/src/v2/pages/Settings/components/SidebarNavItem.tsx +52 -0
- package/src/v2/pages/Settings/components/index.ts +5 -0
- package/src/v2/pages/Settings/index.ts +8 -0
- package/src/v2/styles/components/Button.scss +51 -53
- package/src/v2/styles/form/Layout.scss +15 -0
- package/src/v2/styles/form/NewInput.scss +83 -53
- package/src/v2/styles/index.scss +1 -0
- package/src/v2/styles/tokens/_colors.scss +6 -6
- package/src/v2/styles/tokens/_typography.scss +2 -2
- package/dist/v2/navigation/icons/index.d.ts +0 -12
- package/dist/v2/navigation/icons/index.d.ts.map +0 -1
- package/src/v2/navigation/icons/index.tsx +0 -72
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
var _path;
|
|
4
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
5
|
+
const SvgTrendDown = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
6
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
7
|
+
width: 16,
|
|
8
|
+
height: 16,
|
|
9
|
+
fill: "none",
|
|
10
|
+
viewBox: "0 0 32 32"
|
|
11
|
+
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
|
12
|
+
fill: "currentColor",
|
|
13
|
+
d: "M27 23v-7h-2v3.438L15.769 8.359a1 1 0 0 0-1.69.251L9.302 19.901l-3.97-5.956-1.664 1.11 5 7.5.083.108a1 1 0 0 0 1.67-.273L15.28 10.9 23.697 21H19v2z"
|
|
14
|
+
})));
|
|
15
|
+
|
|
16
|
+
export { SvgTrendDown as ReactComponent };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
var _path;
|
|
4
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
5
|
+
const SvgTrendUp = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
6
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
7
|
+
width: 16,
|
|
8
|
+
height: 16,
|
|
9
|
+
fill: "none",
|
|
10
|
+
viewBox: "0 0 32 32"
|
|
11
|
+
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
|
12
|
+
fill: "currentColor",
|
|
13
|
+
d: "M27 10v7h-2v-3.438L15.769 24.64a1 1 0 0 1-1.69-.25L9.07 12.549l-4.481 3.26-1.176-1.618 5.5-4 .096-.061a1 1 0 0 1 1.413.48l4.86 11.488L23.697 12H19v-2z"
|
|
14
|
+
})));
|
|
15
|
+
|
|
16
|
+
export { SvgTrendUp as ReactComponent };
|
package/dist/index.d.ts
CHANGED
|
@@ -46,5 +46,7 @@ export * from './pages';
|
|
|
46
46
|
export { default as RadioButton } from './customRadioButton/RadioButton';
|
|
47
47
|
export * from './PageNotFound';
|
|
48
48
|
export * from './UnderMaintenance';
|
|
49
|
+
export * from './v2/dashboard-analytics';
|
|
49
50
|
export * from './v2/navigation/DashboardLayout';
|
|
51
|
+
export * from './v2/pages/Settings';
|
|
50
52
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,2BAA2B,CAAA;AACzC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,wBAAwB,CAAA;AACtC,cAAc,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAA;AACxE,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,iCAAiC,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,2BAA2B,CAAA;AACzC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,wBAAwB,CAAA;AACtC,cAAc,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAA;AACxE,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,0BAA0B,CAAA;AACxC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,qBAAqB,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -208,12 +208,22 @@ export { TermsComponent } from './pages/TermsComponent.js';
|
|
|
208
208
|
export { default as RadioButton } from './customRadioButton/RadioButton.js';
|
|
209
209
|
export { PageNotFound } from './PageNotFound/PageNotFound.js';
|
|
210
210
|
export { UnderMaintenance } from './UnderMaintenance/UnderMaintenance.js';
|
|
211
|
+
export { MetricCard } from './v2/dashboard-analytics/metric-card/MetricCard.js';
|
|
212
|
+
export { VenueCard } from './v2/dashboard-analytics/venue-card/VenueCard.js';
|
|
213
|
+
export { VenueClosedCard } from './v2/dashboard-analytics/venue-closed-card/VenueClosedCard.js';
|
|
214
|
+
export { Chart } from './v2/dashboard-analytics/chart/Chart.js';
|
|
215
|
+
export { Dashboard } from './v2/dashboard-analytics/dashboard/Dashboard.js';
|
|
216
|
+
export { Blog } from './v2/dashboard-analytics/blog-posts/Blog.js';
|
|
211
217
|
export { DashboardLayout } from './v2/navigation/DashboardLayout/DashboardLayout.js';
|
|
212
218
|
export { AnalyticsIcon, CustomersIcon, FlowsIcon, HomeIcon, InventoryIcon, LoyaltyIcon, MarketingIcon, ProviderSidebar, ReportsIcon, SettingsIcon, WaiversIcon } from './v2/navigation/DashboardLayout/ProviderSidebar.js';
|
|
213
219
|
export { AdminSidebar } from './v2/navigation/DashboardLayout/AdminSidebar.js';
|
|
214
220
|
export { TopNavigation } from './v2/navigation/DashboardLayout/TopNavigation.js';
|
|
215
221
|
export { DashboardFooter } from './v2/navigation/DashboardLayout/DashboardFooter.js';
|
|
216
222
|
export { BookingTypesIcon, BookingsIcon, CalendarIcon, EditIcon } from './v2/icons/index.js';
|
|
223
|
+
export { SettingsPage } from './v2/pages/Settings/SettingsPage.js';
|
|
224
|
+
export { SettingsTabs } from './v2/pages/Settings/SettingsTabs.js';
|
|
225
|
+
export { SidebarCustomisation, defaultSidebarItems } from './v2/pages/Settings/components/SidebarCustomisation.js';
|
|
226
|
+
export { SidebarNavItem } from './v2/pages/Settings/components/SidebarNavItem.js';
|
|
217
227
|
export { default as CountrySelect } from './static/CountrySelect.js';
|
|
218
228
|
export { default as FormCard } from './static/FormCard.js';
|
|
219
229
|
export { default as Image } from './static/Image.js';
|
|
@@ -1,10 +1,14 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ButtonHTMLAttributes } from 'react';
|
|
2
2
|
import './Button.scss';
|
|
3
|
-
export interface ButtonProps extends
|
|
3
|
+
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
4
|
variant?: 'primary' | 'primary-soft' | 'primary-outline' | 'secondary' | 'destructive-soft' | 'destructive-strong' | 'info' | 'disabled';
|
|
5
5
|
size?: 'sm' | 'md' | 'lg';
|
|
6
|
-
disabled?: boolean;
|
|
7
6
|
}
|
|
8
7
|
export declare function Button({ variant, size, disabled, className, children, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export
|
|
8
|
+
export interface ButtonTextProps {
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
className?: string;
|
|
11
|
+
color?: 'primary' | 'secondary' | 'danger' | 'white' | 'action';
|
|
12
|
+
}
|
|
13
|
+
export declare function ButtonText({ children, className, color }: ButtonTextProps): import("react/jsx-runtime").JSX.Element;
|
|
10
14
|
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAC5C,OAAO,eAAe,CAAA;AAEtB,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EAAE,SAAS,GAAG,cAAc,GAAG,iBAAiB,GAAG,WAAW,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,MAAM,GAAG,UAAU,CAAA;IACxI,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAW,EACX,QAAgB,EAChB,SAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CAqBb;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;CAChE;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,KAAK,EAAE,EAAE,eAAe,2CAY9E"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { Button } from './Button';
|
|
2
|
-
export type { ButtonProps } from './Button';
|
|
1
|
+
export { Button, ButtonText } from './Button';
|
|
2
|
+
export type { ButtonProps, ButtonTextProps } from './Button';
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC7C,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React, { InputHTMLAttributes } from 'react';
|
|
2
|
+
import './Checkbox.scss';
|
|
3
|
+
export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
4
|
+
label?: string | React.ReactNode;
|
|
5
|
+
description?: string;
|
|
6
|
+
error?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
9
|
+
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,mBAAmB,EAAc,MAAM,OAAO,CAAA;AAC9D,OAAO,iBAAiB,CAAA;AAExB,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACxF,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,QAAQ,wFA8FpB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { InputHTMLAttributes } from 'react';
|
|
2
|
+
import './FormField.scss';
|
|
3
|
+
export interface FormFieldProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
4
|
+
label?: string;
|
|
5
|
+
error?: string;
|
|
6
|
+
helpText?: string;
|
|
7
|
+
required?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare const FormField: import("react").ForwardRefExoticComponent<FormFieldProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
10
|
+
//# sourceMappingURL=FormField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/FormField/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAc,MAAM,OAAO,CAAA;AACvD,OAAO,kBAAkB,CAAA;AAEzB,MAAM,WAAW,cAAe,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,SAAS,6GAsBrB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/FormField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React, { InputHTMLAttributes, TextareaHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import '../../styles/form/NewInput.scss';
|
|
3
|
+
type CommonInputProps = {
|
|
4
|
+
label?: string;
|
|
5
|
+
optional?: boolean;
|
|
6
|
+
helperText?: string;
|
|
7
|
+
error?: string;
|
|
8
|
+
icon?: ReactNode;
|
|
9
|
+
required?: boolean;
|
|
10
|
+
};
|
|
11
|
+
type InputProps = CommonInputProps & {
|
|
12
|
+
as?: 'input';
|
|
13
|
+
} & InputHTMLAttributes<HTMLInputElement>;
|
|
14
|
+
type TextareaProps = CommonInputProps & {
|
|
15
|
+
as: 'textarea';
|
|
16
|
+
} & TextareaHTMLAttributes<HTMLTextAreaElement>;
|
|
17
|
+
export type NewInputProps = InputProps | TextareaProps;
|
|
18
|
+
export declare const NewInput: React.ForwardRefExoticComponent<NewInputProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=NewInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NewInput.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/NewInput/NewInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,mBAAmB,EAAE,sBAAsB,EAAc,SAAS,EAAC,MAAM,OAAO,CAAC;AAChG,OAAO,iCAAiC,CAAC;AAEzC,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAA;AAED,KAAK,UAAU,GAAG,gBAAgB,GAAG;IACnC,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;AAEzC,KAAK,aAAa,GAAG,gBAAgB,GAAG;IACtC,EAAE,EAAE,UAAU,CAAC;CAChB,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAA;AAE/C,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,aAAa,CAAA;AAEtD,eAAO,MAAM,QAAQ,8GAuEpB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/NewInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './NewPageHeader.scss';
|
|
3
|
+
export interface NewPageHeaderProps {
|
|
4
|
+
title: string;
|
|
5
|
+
cancelLabel?: string;
|
|
6
|
+
onCancel?: () => void;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare const NewPageHeader: React.FC<NewPageHeaderProps>;
|
|
10
|
+
//# sourceMappingURL=NewPageHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NewPageHeader.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/NewPageHeader/NewPageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,sBAAsB,CAAC;AAE9B,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuBtD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/NewPageHeader/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/SectionHeader/SectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,sBAAsB,CAAC;AAE9B,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAMtD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/SectionHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import 'react';
|
|
3
|
+
import './Select.scss.js';
|
|
4
|
+
|
|
5
|
+
function _define_property(obj, key, value) {
|
|
6
|
+
if (key in obj) {
|
|
7
|
+
Object.defineProperty(obj, key, {
|
|
8
|
+
value: value,
|
|
9
|
+
enumerable: true,
|
|
10
|
+
configurable: true,
|
|
11
|
+
writable: true
|
|
12
|
+
});
|
|
13
|
+
} else {
|
|
14
|
+
obj[key] = value;
|
|
15
|
+
}
|
|
16
|
+
return obj;
|
|
17
|
+
}
|
|
18
|
+
function _object_spread(target) {
|
|
19
|
+
for(var i = 1; i < arguments.length; i++){
|
|
20
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
21
|
+
var ownKeys = Object.keys(source);
|
|
22
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
23
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
24
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
25
|
+
}));
|
|
26
|
+
}
|
|
27
|
+
ownKeys.forEach(function(key) {
|
|
28
|
+
_define_property(target, key, source[key]);
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
return target;
|
|
32
|
+
}
|
|
33
|
+
function ownKeys(object, enumerableOnly) {
|
|
34
|
+
var keys = Object.keys(object);
|
|
35
|
+
if (Object.getOwnPropertySymbols) {
|
|
36
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
37
|
+
if (enumerableOnly) {
|
|
38
|
+
symbols = symbols.filter(function(sym) {
|
|
39
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
keys.push.apply(keys, symbols);
|
|
43
|
+
}
|
|
44
|
+
return keys;
|
|
45
|
+
}
|
|
46
|
+
function _object_spread_props(target, source) {
|
|
47
|
+
source = source != null ? source : {};
|
|
48
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
49
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
50
|
+
} else {
|
|
51
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
52
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
return target;
|
|
56
|
+
}
|
|
57
|
+
function _object_without_properties(source, excluded) {
|
|
58
|
+
if (source == null) return {};
|
|
59
|
+
var target = _object_without_properties_loose(source, excluded);
|
|
60
|
+
var key, i;
|
|
61
|
+
if (Object.getOwnPropertySymbols) {
|
|
62
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
63
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
64
|
+
key = sourceSymbolKeys[i];
|
|
65
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
66
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
67
|
+
target[key] = source[key];
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
return target;
|
|
71
|
+
}
|
|
72
|
+
function _object_without_properties_loose(source, excluded) {
|
|
73
|
+
if (source == null) return {};
|
|
74
|
+
var target = {};
|
|
75
|
+
var sourceKeys = Object.keys(source);
|
|
76
|
+
var key, i;
|
|
77
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
78
|
+
key = sourceKeys[i];
|
|
79
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
80
|
+
target[key] = source[key];
|
|
81
|
+
}
|
|
82
|
+
return target;
|
|
83
|
+
}
|
|
84
|
+
function Select(_param) {
|
|
85
|
+
var _param_variant = _param.variant, variant = _param_variant === void 0 ? 'default' : _param_variant, _param_size = _param.size, size = _param_size === void 0 ? 'md' : _param_size, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_className = _param.className, className = _param_className === void 0 ? '' : _param_className, children = _param.children, props = _object_without_properties(_param, [
|
|
86
|
+
"variant",
|
|
87
|
+
"size",
|
|
88
|
+
"disabled",
|
|
89
|
+
"className",
|
|
90
|
+
"children"
|
|
91
|
+
]);
|
|
92
|
+
var classes = [
|
|
93
|
+
'select',
|
|
94
|
+
"select--".concat(variant),
|
|
95
|
+
"select--".concat(size),
|
|
96
|
+
disabled ? 'select--disabled' : '',
|
|
97
|
+
className
|
|
98
|
+
].filter(Boolean).join(' ');
|
|
99
|
+
return /*#__PURE__*/ jsxs("div", {
|
|
100
|
+
className: "select-container",
|
|
101
|
+
children: [
|
|
102
|
+
/*#__PURE__*/ jsx("select", _object_spread_props(_object_spread({
|
|
103
|
+
className: classes,
|
|
104
|
+
disabled: disabled
|
|
105
|
+
}, props), {
|
|
106
|
+
children: children
|
|
107
|
+
})),
|
|
108
|
+
/*#__PURE__*/ jsx("svg", {
|
|
109
|
+
className: "select-arrow",
|
|
110
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
111
|
+
width: "11",
|
|
112
|
+
height: "6",
|
|
113
|
+
viewBox: "0 0 11 6",
|
|
114
|
+
fill: "none",
|
|
115
|
+
"aria-hidden": "true",
|
|
116
|
+
children: /*#__PURE__*/ jsx("path", {
|
|
117
|
+
d: "M1 1L5.5 5L10 1",
|
|
118
|
+
stroke: "#626A90",
|
|
119
|
+
strokeWidth: "2",
|
|
120
|
+
strokeLinecap: "round",
|
|
121
|
+
strokeLinejoin: "round"
|
|
122
|
+
})
|
|
123
|
+
})
|
|
124
|
+
]
|
|
125
|
+
});
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
export { Select, Select as default };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = ":root{--font-family-sans:\"Geist\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;--font-family-mono:\"Geist Mono\",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--heading-xxl-size:44px;--heading-xxl-line:48px;--heading-xxl-weight:600;--heading-xl-size:32px;--heading-xl-line:36px;--heading-xl-weight:700;--heading-h1-size:24px;--heading-h1-line:28px;--heading-h1-weight:600;--heading-h2-size:20px;--heading-h2-line:24px;--heading-h2-weight:600;--heading-h3-size:17px;--heading-h3-line:20px;--heading-h3-weight:600;--heading-h4-size:15px;--heading-h4-line:18px;--heading-h4-weight:600;--heading-h5-size:13px;--heading-h5-line:16px;--heading-h5-weight:500;--heading-h6-size:11px;--heading-h6-line:14px;--heading-h6-weight:500;--heading-xxl-mobile-size:32px;--heading-xxl-mobile-line:36px;--heading-xxl-mobile-weight:600;--heading-xl-mobile-size:26px;--heading-xl-mobile-line:30px;--heading-xl-mobile-weight:700;--heading-h1-mobile-size:20px;--heading-h1-mobile-line:23px;--heading-h1-mobile-weight:600;--heading-h2-mobile-size:18px;--heading-h2-mobile-line:22px;--heading-h2-mobile-weight:600;--heading-h3-mobile-size:16px;--heading-h3-mobile-line:18px;--heading-h3-mobile-weight:600;--heading-h4-mobile-size:14px;--heading-h4-mobile-line:16px;--heading-h4-mobile-weight:600;--heading-h5-mobile-size:13px;--heading-h5-mobile-line:16px;--heading-h5-mobile-weight:500;--heading-h6-mobile-size:11px;--heading-h6-mobile-line:14px;--heading-h6-mobile-weight:500;--text-xl-size:20px;--text-xl-line:26px;--text-xl-weight:400;--text-large-size:18px;--text-large-line:24px;--text-large-weight:400;--text-regular-size:15px;--text-regular-line:20px;--text-regular-weight:400;--text-regular-emphasis-weight:500;--text-small-size:13px;--text-small-line:16px;--text-small-weight:400;--text-small-emphasis-weight:500;--text-small-bold-weight:600;--text-xs-size:10px;--text-xs-line:13px;--text-xs-weight:500;--text-xs-bold-weight:600}.heading-desktop-xxl{font-size:var(--heading-xxl-size);font-weight:var(--heading-xxl-weight);line-height:var(--heading-xxl-line)}.heading-desktop-xl,.heading-desktop-xxl{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-xl{font-size:var(--heading-xl-size);font-weight:var(--heading-xl-weight);line-height:var(--heading-xl-line)}.heading-desktop-h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line)}.heading-desktop-h1,.heading-desktop-h2{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line)}.heading-desktop-h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line)}.heading-desktop-h3,.heading-desktop-h4{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line)}.heading-desktop-h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line)}.heading-desktop-h5,.heading-desktop-h6{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line)}.heading-mobile-xxl{font-size:var(--heading-xxl-mobile-size);font-weight:var(--heading-xxl-mobile-weight);line-height:var(--heading-xxl-mobile-line)}.heading-mobile-xl,.heading-mobile-xxl{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-xl{font-size:var(--heading-xl-mobile-size);font-weight:var(--heading-xl-mobile-weight);line-height:var(--heading-xl-mobile-line)}.heading-mobile-h1{font-size:var(--heading-h1-mobile-size);font-weight:var(--heading-h1-mobile-weight);line-height:var(--heading-h1-mobile-line)}.heading-mobile-h1,.heading-mobile-h2{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-h2{font-size:var(--heading-h2-mobile-size);font-weight:var(--heading-h2-mobile-weight);line-height:var(--heading-h2-mobile-line)}.heading-mobile-h3{font-size:var(--heading-h3-mobile-size);font-weight:var(--heading-h3-mobile-weight);line-height:var(--heading-h3-mobile-line)}.heading-mobile-h3,.heading-mobile-h4{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-h4{font-size:var(--heading-h4-mobile-size);font-weight:var(--heading-h4-mobile-weight);line-height:var(--heading-h4-mobile-line)}.heading-mobile-h5{font-size:var(--heading-h5-mobile-size);font-weight:var(--heading-h5-mobile-weight);line-height:var(--heading-h5-mobile-line)}.heading-mobile-h5,.heading-mobile-h6{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-h6{font-size:var(--heading-h6-mobile-size);font-weight:var(--heading-h6-mobile-weight);line-height:var(--heading-h6-mobile-line)}.body-desktop-xl{font-size:var(--text-xl-size);font-weight:var(--text-xl-weight);line-height:var(--text-xl-line)}.body-desktop-large,.body-desktop-xl{font-family:var(--font-family-sans)!important;letter-spacing:0}.body-desktop-large{font-size:var(--text-large-size);font-weight:var(--text-large-weight);line-height:var(--text-large-line)}.body-desktop-regular{font-weight:var(--text-regular-weight)}.body-desktop-regular,.body-desktop-regular-emphasis{font-family:var(--font-family-sans)!important;font-size:var(--text-regular-size);letter-spacing:0;line-height:var(--text-regular-line)}.body-desktop-regular-emphasis{font-weight:var(--text-regular-emphasis-weight)}.body-desktop-small{font-weight:var(--text-small-weight)}.body-desktop-small,.body-desktop-small-emphasis{font-family:var(--font-family-sans)!important;font-size:var(--text-small-size);letter-spacing:0;line-height:var(--text-small-line)}.body-desktop-small-emphasis{font-weight:var(--text-small-emphasis-weight)}.body-desktop-small-bold{font-family:var(--font-family-sans)!important;font-size:var(--text-small-size);font-weight:var(--text-small-bold-weight);letter-spacing:0;line-height:var(--text-small-line)}.body-desktop-xs{font-weight:var(--text-xs-weight)}.body-desktop-xs,.body-desktop-xs-bold{font-family:var(--font-family-sans)!important;font-size:var(--text-xs-size);letter-spacing:0;line-height:var(--text-xs-line)}.body-desktop-xs-bold{font-weight:var(--text-xs-bold-weight)}.typography-story,[id*=v2-design-system-typography] *{font-family:var(--font-family-sans)!important}.typography-story{margin:0 auto;max-width:1200px;padding:2rem}.typography-story *{font-family:inherit!important}.story-header{margin-bottom:3rem}.story-header h1{color:var(--label-primary,#121e52);font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line);margin:0 0 .5rem}.story-header h1,.story-header p{font-family:var(--font-family-sans);letter-spacing:0}.story-header p{color:var(--label-secondary,#626a90);font-size:var(--text-regular-size);font-weight:var(--text-regular-weight);line-height:var(--text-regular-line);margin:0}.typography-section{margin-bottom:3rem}.typography-section__title{border-bottom:2px solid var(--border-primary,#e8e9ef);color:var(--label-primary,#121e52);font-family:var(--font-family-sans);font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);letter-spacing:0;line-height:var(--heading-h2-line);margin:0 0 2rem;padding-bottom:1rem}.typography-example,.typography-grid{display:grid;gap:2rem}.typography-example{align-items:center;background:var(--surface-primary,#fff);border:1px solid var(--border-primary,#e8e9ef);border-radius:8px;grid-template-columns:1fr auto;padding:1.5rem}.typography-sample{color:var(--label-primary,#121e52)}.typography-info{min-width:200px;text-align:right}.typography-name{color:var(--label-primary,#121e52);font-family:var(--font-family-sans);font-size:var(--text-small-size);font-weight:var(--text-small-emphasis-weight);letter-spacing:0;line-height:var(--text-small-line);margin-bottom:.25rem}.typography-specs{display:flex;gap:1rem;justify-content:flex-end;margin-bottom:.25rem}.typography-size,.typography-weight{background:var(--surface-secondary,#f8f8fa);border-radius:4px;font-family:var(--font-family-sans);font-family:var(--font-family-mono);padding:.25rem .5rem}.typography-description,.typography-size,.typography-weight{color:var(--label-secondary,#626a90);font-size:var(--text-xs-size);font-weight:var(--text-xs-weight);letter-spacing:0;line-height:var(--text-xs-line)}.typography-description{font-family:var(--font-family-sans);font-style:italic}@media (max-width:768px){.typography-story{padding:1rem}.typography-example{gap:1rem;grid-template-columns:1fr}.typography-info{text-align:left}.typography-specs{justify-content:flex-start}}.select-container{display:inline-block;max-width:152px;position:relative;width:auto}@media (min-width:768px){.select-container{max-width:448px}}.select{appearance:none;background-color:var(--surface-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md,4px);color:var(--label-primary);cursor:pointer;display:block;flex-shrink:0;font-family:var(--font-family-sans);font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);height:40px;letter-spacing:0;line-height:var(--heading-h5-line);line-height:16px;padding:8px var(--padding-reg,16px);padding-right:40px;transition:all .2s ease-in-out;width:auto}.select:hover:not(:disabled){border-color:var(--disabled-regular)}.select--default,.select--hover{background-color:var(--surface-secondary)}.select--hover{border-color:var(--border-secondary)}.select--focus{border-color:var(--border-selected)}.select--focus,.select--secondary{background-color:var(--surface-secondary)}.select--secondary{border-color:var(--border-primary)}.select--secondary:hover:not(:disabled){background-color:var(--surface-primary-hover);border-color:var(--tone-regular)}.select--secondary:focus{background-color:var(--surface-primary);border-color:var(--disabled-regular)}.select--error{background-color:var(--surface-status-error);border-color:var(--borders-status-border-error)}.select--error:hover:not(:disabled){background-color:var(--errors-lighter);border-color:var(--errors-light)}.select--error:focus{background-color:var(--surface-status-error);border-color:var(--borders-status-border-error)}.select--info{background-color:var(--surface-status-info);border-color:var(--border-status-info);color:var(--information-darker)}.select--info:hover:not(:disabled){background-color:var(--information-lighter);border-color:var(--information-light)}.select--info:focus{background-color:var(--information-lightest);border-color:var(--information-dark)}.select--disabled{cursor:not-allowed;opacity:.6}.select--disabled,.select--disabled:hover{background-color:var(--surface-status-disabled);border-color:var(--border-status-disabled)}.select--sm{font-size:12px;padding:4px 32px 4px 8px}.select--md{font-size:14px;padding:8px 36px 8px 12px}.select--lg{font-size:16px;padding:12px 40px 12px 16px}.select::-ms-expand{display:none}.select-arrow{stroke:var(--label-secondary);height:6px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s ease-in-out;width:11px}.select:focus+.select-arrow{transform:translateY(-50%) rotate(180deg)}.select:focus{border-color:var(--highlight-dark);box-shadow:0 0 0 3px var(--surface-highlight-soft);outline:none;transform:translateY(-1px)}.select:active{box-shadow:0 0 0 2px var(--surface-highlight-soft);transform:translateY(0)}.select.select--transitioning{border-color:var(--cyan-700);opacity:.8;transform:scale(.98)}.select.select--transitioning:focus{transform:scale(.98) translateY(-1px)}@keyframes filterPulse{0%{box-shadow:0 0 0 0 #1f9ab566}50%{box-shadow:0 0 0 4px #1f9ab51a}to{box-shadow:0 0 0 0 #1f9ab500}}.select--filter-active{animation:filterPulse .6s ease-out}";
|
|
4
|
+
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export declare const BoldIcon: () => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const ItalicIcon: () => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const UnderlineIcon: () => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare const StrikeThroughIcon: () => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare const Heading1Icon: () => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare const Heading2Icon: () => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare const ParagraphIcon: () => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare const BulletListIcon: () => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare const NumberedListIcon: () => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare const QuoteAltIcon: () => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare const DividerIcon: () => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare const HardBreakIcon: () => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export declare const UndoIcon: () => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare const RedoIcon: () => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare const ClearIcon: () => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
//# sourceMappingURL=Icons.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/WYSIWYGEditor/Icons.tsx"],"names":[],"mappings":"AACA,eAAO,MAAM,QAAQ,+CAIpB,CAAC;AAEF,eAAO,MAAM,UAAU,+CAItB,CAAC;AAEF,eAAO,MAAM,aAAa,+CAIzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAI7B,CAAC;AAEF,eAAO,MAAM,YAAY,+CAIxB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAIxB,CAAC;AAEF,eAAO,MAAM,aAAa,+CAIzB,CAAC;AAEF,eAAO,MAAM,cAAc,+CAI1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAI5B,CAAC;AAEF,eAAO,MAAM,YAAY,+CAIxB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAMvB,CAAC;AAEF,eAAO,MAAM,aAAa,+CAIzB,CAAA;AAED,eAAO,MAAM,QAAQ,+CAIpB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAIpB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAIrB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './WYSIWYGEditor.scss';
|
|
3
|
+
export interface WYSIWYGEditorProps {
|
|
4
|
+
label?: string;
|
|
5
|
+
error?: string;
|
|
6
|
+
helpText?: string;
|
|
7
|
+
value?: string;
|
|
8
|
+
onChange?: (value: string) => void;
|
|
9
|
+
onClear?: () => void;
|
|
10
|
+
placeholder?: string;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
}
|
|
13
|
+
export declare const WYSIWYGEditor: React.FC<WYSIWYGEditorProps>;
|
|
14
|
+
//# sourceMappingURL=WYSIWYGEditor.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WYSIWYGEditor.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/WYSIWYGEditor/WYSIWYGEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAkBzB,OAAO,sBAAsB,CAAA;AAE7B,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwWtD,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/WYSIWYGEditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export { FormField } from './FormField';
|
|
2
|
+
export type { FormFieldProps } from './FormField';
|
|
3
|
+
export { NewInput } from './NewInput';
|
|
4
|
+
export type { NewInputProps } from './NewInput';
|
|
5
|
+
export { Checkbox } from './Checkbox';
|
|
6
|
+
export type { CheckboxProps } from './Checkbox';
|
|
7
|
+
export { WYSIWYGEditor } from './WYSIWYGEditor';
|
|
8
|
+
export type { WYSIWYGEditorProps } from './WYSIWYGEditor';
|
|
9
|
+
export { NewPageHeader } from './NewPageHeader';
|
|
10
|
+
export type { NewPageHeaderProps } from './NewPageHeader';
|
|
11
|
+
export { SectionHeader } from './SectionHeader';
|
|
12
|
+
export type { SectionHeaderProps } from './SectionHeader';
|
|
13
|
+
export { Button, ButtonText } from './Button';
|
|
14
|
+
export type { ButtonProps, ButtonTextProps } from './Button';
|
|
15
|
+
export { Select } from './Select';
|
|
16
|
+
export { Tooltip } from './Tooltip';
|
|
17
|
+
export { UserAvatar } from './UserAvatar';
|
|
18
|
+
export { UserPanel } from './UserPanel';
|
|
19
|
+
export { EntityHeader } from './EntityHeader';
|
|
20
|
+
export { Alert } from './Alert';
|
|
21
|
+
export { NPSScore } from './NPSScore';
|
|
22
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/v2/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAGzD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC7C,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import 'react';
|
|
3
|
+
import './Blog.scss.js';
|
|
4
|
+
|
|
5
|
+
var defaultPosts = [
|
|
6
|
+
{
|
|
7
|
+
title: 'How Booking Software Transforms the Guest Experience',
|
|
8
|
+
excerpt: 'In the leisure and hospitality industry, first impressions matter. For competitive socialising venues, bowling alleys, cinemas, and beyond, that first impression is often formed long before guests step through your doors.',
|
|
9
|
+
url: 'https://booked.it/how-booking-software-transforms-the-guest-experience/'
|
|
10
|
+
},
|
|
11
|
+
{
|
|
12
|
+
title: '5 ways booking software improves the guest experience before they arrive',
|
|
13
|
+
excerpt: 'When guests choose your venue, their experience doesn\'t begin at the door. It starts the moment they decide to book. That first digital touchpoint sets the tone for everything that follows.',
|
|
14
|
+
url: 'https://booked.it/5-ways-booking-software-improves-the-guest-experience-before-they-arrive/'
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
title: 'Ticketing software vs booking software – which is right for your venue?',
|
|
18
|
+
excerpt: 'In the UK leisure and hospitality industry, the terms ticketing software and booking software are often used interchangeably. But while they may appear similar, they serve different purposes.',
|
|
19
|
+
url: 'https://booked.it/ticketing-software-vs-booking-software-which-is-right-for-your-venue/'
|
|
20
|
+
}
|
|
21
|
+
];
|
|
22
|
+
var ExternalLinkIcon = function() {
|
|
23
|
+
return /*#__PURE__*/ jsxs("svg", {
|
|
24
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
25
|
+
width: "12",
|
|
26
|
+
height: "12",
|
|
27
|
+
viewBox: "0 0 24 24",
|
|
28
|
+
fill: "none",
|
|
29
|
+
stroke: "currentColor",
|
|
30
|
+
strokeWidth: "2",
|
|
31
|
+
strokeLinecap: "round",
|
|
32
|
+
strokeLinejoin: "round",
|
|
33
|
+
children: [
|
|
34
|
+
/*#__PURE__*/ jsx("path", {
|
|
35
|
+
d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
|
|
36
|
+
}),
|
|
37
|
+
/*#__PURE__*/ jsx("polyline", {
|
|
38
|
+
points: "15 3 21 3 21 9"
|
|
39
|
+
}),
|
|
40
|
+
/*#__PURE__*/ jsx("line", {
|
|
41
|
+
x1: "10",
|
|
42
|
+
y1: "14",
|
|
43
|
+
x2: "21",
|
|
44
|
+
y2: "3"
|
|
45
|
+
})
|
|
46
|
+
]
|
|
47
|
+
});
|
|
48
|
+
};
|
|
49
|
+
var Blog = function(param) {
|
|
50
|
+
var _param_posts = param.posts, posts = _param_posts === void 0 ? defaultPosts : _param_posts, _param_logoUrl = param.logoUrl, logoUrl = _param_logoUrl === void 0 ? 'https://api.builder.io/api/v1/image/assets/TEMP/1f8a6c2f7239cf2c859ace81bb32160a5d376121?placeholderIfAbsent=true' : _param_logoUrl, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className;
|
|
51
|
+
return /*#__PURE__*/ jsxs("div", {
|
|
52
|
+
className: "blog ".concat(className),
|
|
53
|
+
children: [
|
|
54
|
+
/*#__PURE__*/ jsxs("div", {
|
|
55
|
+
className: "blog__header",
|
|
56
|
+
children: [
|
|
57
|
+
/*#__PURE__*/ jsx("h2", {
|
|
58
|
+
className: "blog__title",
|
|
59
|
+
children: "Latest Updates"
|
|
60
|
+
}),
|
|
61
|
+
/*#__PURE__*/ jsx("img", {
|
|
62
|
+
src: logoUrl,
|
|
63
|
+
alt: "Logo",
|
|
64
|
+
className: "blog__logo"
|
|
65
|
+
})
|
|
66
|
+
]
|
|
67
|
+
}),
|
|
68
|
+
/*#__PURE__*/ jsx("div", {
|
|
69
|
+
className: "blog__posts",
|
|
70
|
+
children: posts.map(function(post, index) {
|
|
71
|
+
return /*#__PURE__*/ jsxs("div", {
|
|
72
|
+
className: "blog__post",
|
|
73
|
+
children: [
|
|
74
|
+
/*#__PURE__*/ jsx("h3", {
|
|
75
|
+
className: "blog__post-title",
|
|
76
|
+
children: post.title
|
|
77
|
+
}),
|
|
78
|
+
/*#__PURE__*/ jsx("p", {
|
|
79
|
+
className: "blog__post-excerpt",
|
|
80
|
+
children: post.excerpt
|
|
81
|
+
}),
|
|
82
|
+
/*#__PURE__*/ jsxs("a", {
|
|
83
|
+
href: post.url,
|
|
84
|
+
target: "_blank",
|
|
85
|
+
rel: "noopener noreferrer",
|
|
86
|
+
className: "blog__post-link",
|
|
87
|
+
children: [
|
|
88
|
+
"Read more",
|
|
89
|
+
/*#__PURE__*/ jsx("span", {
|
|
90
|
+
className: "blog__post-link-icon",
|
|
91
|
+
children: /*#__PURE__*/ jsx(ExternalLinkIcon, {})
|
|
92
|
+
})
|
|
93
|
+
]
|
|
94
|
+
})
|
|
95
|
+
]
|
|
96
|
+
}, index);
|
|
97
|
+
})
|
|
98
|
+
})
|
|
99
|
+
]
|
|
100
|
+
});
|
|
101
|
+
};
|
|
102
|
+
|
|
103
|
+
export { Blog };
|