@widlarzgroup/docusaurus-ui 0.0.1

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 (86) hide show
  1. package/README.md +36 -0
  2. package/lib/components/PlatformsList/PlatformsList.d.ts +7 -0
  3. package/lib/components/PlatformsList/PlatformsList.d.ts.map +1 -0
  4. package/lib/components/PlatformsList/PlatformsList.js +14 -0
  5. package/lib/components/PlatformsList/PlatformsList.js.map +1 -0
  6. package/lib/components/PlatformsList/PlatformsList.module.css +10 -0
  7. package/lib/components/PlusBadge/PlusBadge.d.ts +6 -0
  8. package/lib/components/PlusBadge/PlusBadge.d.ts.map +1 -0
  9. package/lib/components/PlusBadge/PlusBadge.js +12 -0
  10. package/lib/components/PlusBadge/PlusBadge.js.map +1 -0
  11. package/lib/components/PlusBadge/PlusBadge.module.css +17 -0
  12. package/lib/components/ProBadge/ProBadge.d.ts +2 -0
  13. package/lib/components/ProBadge/ProBadge.d.ts.map +1 -0
  14. package/lib/components/ProBadge/ProBadge.js +12 -0
  15. package/lib/components/ProBadge/ProBadge.js.map +1 -0
  16. package/lib/components/ProBadge/ProBadge.module.css +8 -0
  17. package/lib/components/ProFeature/ProFeature.d.ts +7 -0
  18. package/lib/components/ProFeature/ProFeature.d.ts.map +1 -0
  19. package/lib/components/ProFeature/ProFeature.js +12 -0
  20. package/lib/components/ProFeature/ProFeature.js.map +1 -0
  21. package/lib/components/ProFeature/ProFeature.module.css +89 -0
  22. package/lib/components/StatusBadge/StatusBadge.d.ts +7 -0
  23. package/lib/components/StatusBadge/StatusBadge.d.ts.map +1 -0
  24. package/lib/components/StatusBadge/StatusBadge.js +26 -0
  25. package/lib/components/StatusBadge/StatusBadge.js.map +1 -0
  26. package/lib/components/StatusBadge/StatusBadge.module.css +26 -0
  27. package/lib/components/TWGBadge/TWGBadge.d.ts +6 -0
  28. package/lib/components/TWGBadge/TWGBadge.d.ts.map +1 -0
  29. package/lib/components/TWGBadge/TWGBadge.js +15 -0
  30. package/lib/components/TWGBadge/TWGBadge.js.map +1 -0
  31. package/lib/components/TWGBadge/TWGBadge.module.css +107 -0
  32. package/lib/css/custom.css +614 -0
  33. package/lib/index.d.ts +4 -0
  34. package/lib/index.d.ts.map +1 -0
  35. package/lib/index.js +37 -0
  36. package/lib/index.js.map +1 -0
  37. package/lib/theme/DocItem/Footer/index.d.ts +3 -0
  38. package/lib/theme/DocItem/Footer/index.d.ts.map +1 -0
  39. package/lib/theme/DocItem/Footer/index.js +24 -0
  40. package/lib/theme/DocItem/Footer/index.js.map +1 -0
  41. package/lib/theme/DocItem/TOC/Desktop/index.d.ts +3 -0
  42. package/lib/theme/DocItem/TOC/Desktop/index.d.ts.map +1 -0
  43. package/lib/theme/DocItem/TOC/Desktop/index.js +15 -0
  44. package/lib/theme/DocItem/TOC/Desktop/index.js.map +1 -0
  45. package/lib/theme/DocSidebarItem/Category/index.d.ts +5 -0
  46. package/lib/theme/DocSidebarItem/Category/index.d.ts.map +1 -0
  47. package/lib/theme/DocSidebarItem/Category/index.js +224 -0
  48. package/lib/theme/DocSidebarItem/Category/index.js.map +1 -0
  49. package/lib/theme/DocSidebarItem/Category/styles.module.css +119 -0
  50. package/lib/theme/DocSidebarItem/Link/index.d.ts +5 -0
  51. package/lib/theme/DocSidebarItem/Link/index.d.ts.map +1 -0
  52. package/lib/theme/DocSidebarItem/Link/index.js +35 -0
  53. package/lib/theme/DocSidebarItem/Link/index.js.map +1 -0
  54. package/lib/theme/DocSidebarItem/Link/styles.module.css +18 -0
  55. package/lib/theme/TOC/index.d.ts +4 -0
  56. package/lib/theme/TOC/index.d.ts.map +1 -0
  57. package/lib/theme/TOC/index.js +19 -0
  58. package/lib/theme/TOC/index.js.map +1 -0
  59. package/lib/theme/TOC/styles.module.css +16 -0
  60. package/lib/types/sidebar.d.ts +17 -0
  61. package/lib/types/sidebar.d.ts.map +1 -0
  62. package/lib/types/sidebar.js +3 -0
  63. package/lib/types/sidebar.js.map +1 -0
  64. package/package.json +41 -0
  65. package/src/components/PlatformsList/PlatformsList.module.css +10 -0
  66. package/src/components/PlatformsList/PlatformsList.tsx +28 -0
  67. package/src/components/PlusBadge/PlusBadge.module.css +17 -0
  68. package/src/components/PlusBadge/PlusBadge.tsx +23 -0
  69. package/src/components/ProBadge/ProBadge.module.css +8 -0
  70. package/src/components/ProBadge/ProBadge.tsx +21 -0
  71. package/src/components/ProFeature/ProFeature.module.css +89 -0
  72. package/src/components/ProFeature/ProFeature.tsx +51 -0
  73. package/src/components/StatusBadge/StatusBadge.module.css +26 -0
  74. package/src/components/StatusBadge/StatusBadge.tsx +32 -0
  75. package/src/components/TWGBadge/TWGBadge.module.css +107 -0
  76. package/src/components/TWGBadge/TWGBadge.tsx +27 -0
  77. package/src/css/custom.css +614 -0
  78. package/src/index.ts +22 -0
  79. package/src/theme/DocItem/Footer/index.tsx +51 -0
  80. package/src/theme/DocSidebarItem/Category/index.tsx +403 -0
  81. package/src/theme/DocSidebarItem/Category/styles.module.css +119 -0
  82. package/src/theme/DocSidebarItem/Link/index.tsx +85 -0
  83. package/src/theme/DocSidebarItem/Link/styles.module.css +18 -0
  84. package/src/theme/TOC/index.tsx +25 -0
  85. package/src/theme/TOC/styles.module.css +16 -0
  86. package/src/types/sidebar.ts +23 -0
package/README.md ADDED
@@ -0,0 +1,36 @@
1
+ # @widlarzgroup/docusaurus-ui
2
+
3
+ Docusaurus theme package with custom UI components.
4
+
5
+ ## Usage
6
+
7
+ Add to your `docusaurus.config.ts`:
8
+
9
+ ```typescript
10
+ const config: Config = {
11
+ themes: ['@widlarzgroup/docusaurus-ui'],
12
+ // ...
13
+ };
14
+ ```
15
+
16
+ ## Development
17
+
18
+ ### Swizzle components
19
+
20
+ ```bash
21
+ bun run swizzle
22
+ ```
23
+
24
+ Components are placed in `src/theme/` and automatically available to consuming projects.
25
+
26
+ ## Structure
27
+
28
+ ```
29
+ src/
30
+ ├── index.ts # Theme entry point
31
+ └── theme/ # Swizzled components
32
+ └── DocSidebarItem/
33
+ └── Category/
34
+ ├── index.tsx
35
+ └── styles.module.css
36
+ ```
@@ -0,0 +1,7 @@
1
+ type Platform = 'Android' | 'iOS' | 'visionOS' | 'tvOS' | 'Windows UWP' | 'Web' | 'All';
2
+ interface Platforms {
3
+ types: Platform[];
4
+ }
5
+ declare function PlatformsList({ types }: Platforms): import("react/jsx-runtime").JSX.Element;
6
+ export default PlatformsList;
7
+ //# sourceMappingURL=PlatformsList.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PlatformsList.d.ts","sourceRoot":"","sources":["../../../src/components/PlatformsList/PlatformsList.tsx"],"names":[],"mappings":"AAGA,KAAK,QAAQ,GACT,SAAS,GACT,KAAK,GACL,UAAU,GACV,MAAM,GACN,aAAa,GACb,KAAK,GACL,KAAK,CAAC;AAEV,UAAU,SAAS;IACjB,KAAK,EAAE,QAAQ,EAAE,CAAC;CACnB;AAED,iBAAS,aAAa,CAAC,EAAE,KAAK,EAAE,EAAE,SAAS,2CAS1C;AAED,eAAe,aAAa,CAAC"}
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ const jsx_runtime_1 = require("react/jsx-runtime");
7
+ const PlatformsList_module_css_1 = __importDefault(require("./PlatformsList.module.css"));
8
+ function PlatformsList({ types }) {
9
+ return ((0, jsx_runtime_1.jsxs)("p", { className: PlatformsList_module_css_1.default.paragraphStyle, children: [types.length === 1 && !types.includes('All')
10
+ ? 'Platform:'
11
+ : 'Platforms:', (0, jsx_runtime_1.jsx)("span", { className: PlatformsList_module_css_1.default.spanStyle, children: ' ' + types.join(' | ') })] }));
12
+ }
13
+ exports.default = PlatformsList;
14
+ //# sourceMappingURL=PlatformsList.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PlatformsList.js","sourceRoot":"","sources":["../../../src/components/PlatformsList/PlatformsList.tsx"],"names":[],"mappings":";;;;;;AACA,0FAAgD;AAehD,SAAS,aAAa,CAAC,EAAE,KAAK,EAAa;IACzC,OAAO,CACL,+BAAG,SAAS,EAAE,kCAAM,CAAC,cAAc,aAChC,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAC3C,CAAC,CAAC,WAAW;gBACb,CAAC,CAAC,YAAY,EAChB,iCAAM,SAAS,EAAE,kCAAM,CAAC,SAAS,YAAG,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAQ,IACjE,CACL,CAAC;AACJ,CAAC;AAED,kBAAe,aAAa,CAAC"}
@@ -0,0 +1,10 @@
1
+ .paragraphStyle {
2
+ margin-top: 10;
3
+ }
4
+
5
+ .spanStyle {
6
+ font-family: "Orbitron", sans-serif;
7
+ font-optical-sizing: auto;
8
+ font-weight: 800;
9
+ font-style: normal;
10
+ }
@@ -0,0 +1,6 @@
1
+ interface PlusBadgeProps {
2
+ tooltip?: string;
3
+ }
4
+ declare const PlusBadge: ({ tooltip }: PlusBadgeProps) => import("react/jsx-runtime").JSX.Element;
5
+ export default PlusBadge;
6
+ //# sourceMappingURL=PlusBadge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PlusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/PlusBadge/PlusBadge.tsx"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,SAAS,GAAI,aAA6B,cAAc,4CAc7D,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ const jsx_runtime_1 = require("react/jsx-runtime");
7
+ const PlusBadge_module_css_1 = __importDefault(require("./PlusBadge.module.css"));
8
+ const PlusBadge = ({ tooltip = 'Pro feature' }) => {
9
+ return ((0, jsx_runtime_1.jsx)("span", { className: PlusBadge_module_css_1.default.badge, title: tooltip, children: (0, jsx_runtime_1.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "currentColor", className: PlusBadge_module_css_1.default.icon, children: (0, jsx_runtime_1.jsx)("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" }) }) }));
10
+ };
11
+ exports.default = PlusBadge;
12
+ //# sourceMappingURL=PlusBadge.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PlusBadge.js","sourceRoot":"","sources":["../../../src/components/PlusBadge/PlusBadge.tsx"],"names":[],"mappings":";;;;;;AAAA,kFAA4C;AAM5C,MAAM,SAAS,GAAG,CAAC,EAAE,OAAO,GAAG,aAAa,EAAkB,EAAE,EAAE;IAChE,OAAO,CACL,iCAAM,SAAS,EAAE,8BAAM,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,YAC3C,gCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,8BAAM,CAAC,IAAI,YAEtB,iCAAM,CAAC,EAAC,qCAAqC,GAAG,GAC5C,GACD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
@@ -0,0 +1,17 @@
1
+ .badge {
2
+ display: inline-flex;
3
+ align-items: center;
4
+ justify-content: center;
5
+ width: 18px;
6
+ height: 18px;
7
+ margin-left: 6px;
8
+ background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-dim) 100%);
9
+ border-radius: 4px;
10
+ vertical-align: middle;
11
+ }
12
+
13
+ .icon {
14
+ color: var(--color-bg-primary);
15
+ flex-shrink: 0;
16
+ }
17
+
@@ -0,0 +1,2 @@
1
+ export default function ProBadge(): import("react/jsx-runtime").JSX.Element;
2
+ //# sourceMappingURL=ProBadge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProBadge.d.ts","sourceRoot":"","sources":["../../../src/components/ProBadge/ProBadge.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,QAAQ,4CAiB/B"}
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.default = ProBadge;
7
+ const jsx_runtime_1 = require("react/jsx-runtime");
8
+ const ProBadge_module_css_1 = __importDefault(require("./ProBadge.module.css"));
9
+ function ProBadge() {
10
+ return ((0, jsx_runtime_1.jsx)("span", { className: ProBadge_module_css_1.default.badge, title: "Pro Player feature", children: (0, jsx_runtime_1.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: (0, jsx_runtime_1.jsx)("path", { d: "M2.7 10.3a2.41 2.41 0 0 0 0 3.41l7.59 7.59a2.41 2.41 0 0 0 3.41 0l7.59-7.59a2.41 2.41 0 0 0 0-3.41L13.7 2.71a2.41 2.41 0 0 0-3.41 0z" }) }) }));
11
+ }
12
+ //# sourceMappingURL=ProBadge.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProBadge.js","sourceRoot":"","sources":["../../../src/components/ProBadge/ProBadge.tsx"],"names":[],"mappings":";;;;;AAGA,2BAiBC;;AAnBD,gFAA2C;AAE3C,SAAwB,QAAQ;IAC9B,OAAO,CACL,iCAAM,SAAS,EAAE,6BAAM,CAAC,KAAK,EAAE,KAAK,EAAC,oBAAoB,YACvD,gCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,YAEtB,iCAAM,CAAC,EAAC,sIAAsI,GAAG,GAC7I,GACD,CACR,CAAC;AACJ,CAAC"}
@@ -0,0 +1,8 @@
1
+ .badge {
2
+ display: inline-flex;
3
+ align-items: center;
4
+ justify-content: center;
5
+ margin-left: 6px;
6
+ color: #a855f7;
7
+ flex-shrink: 0;
8
+ }
@@ -0,0 +1,7 @@
1
+ interface ProFeatureProps {
2
+ title?: string;
3
+ description?: string;
4
+ }
5
+ declare const ProFeature: ({ title, description, }: ProFeatureProps) => import("react/jsx-runtime").JSX.Element;
6
+ export default ProFeature;
7
+ //# sourceMappingURL=ProFeature.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProFeature.d.ts","sourceRoot":"","sources":["../../../src/components/ProFeature/ProFeature.tsx"],"names":[],"mappings":"AAEA,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,GAAI,yBAGjB,eAAe,4CAsCjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ const jsx_runtime_1 = require("react/jsx-runtime");
7
+ const ProFeature_module_css_1 = __importDefault(require("./ProFeature.module.css"));
8
+ const ProFeature = ({ title = 'Pro Feature', description = 'This feature is part of our commercial offering. Start a free trial to explore all Pro features.', }) => {
9
+ return ((0, jsx_runtime_1.jsxs)("div", { className: ProFeature_module_css_1.default.container, children: [(0, jsx_runtime_1.jsx)("div", { className: ProFeature_module_css_1.default.header, children: (0, jsx_runtime_1.jsxs)("div", { className: ProFeature_module_css_1.default.badge, children: [(0, jsx_runtime_1.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor", className: ProFeature_module_css_1.default.icon, children: (0, jsx_runtime_1.jsx)("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" }) }), (0, jsx_runtime_1.jsx)("span", { className: ProFeature_module_css_1.default.badgeText, children: title })] }) }), (0, jsx_runtime_1.jsx)("p", { className: ProFeature_module_css_1.default.description, children: description }), (0, jsx_runtime_1.jsxs)("div", { className: ProFeature_module_css_1.default.actions, children: [(0, jsx_runtime_1.jsx)("a", { href: "https://sdk.thewidlarzgroup.com/signup?utm_source=rnv&utm_medium=docs&utm_campaign=pro-feature", target: "_blank", rel: "noreferrer", className: ProFeature_module_css_1.default.primaryButton, children: "Start Free Trial" }), (0, jsx_runtime_1.jsx)("a", { href: "https://www.thewidlarzgroup.com/?utm_source=rnv&utm_medium=docs&utm_campaign=pro-feature#Contact", target: "_blank", rel: "noreferrer", className: ProFeature_module_css_1.default.secondaryButton, children: "Contact Sales" })] })] }));
10
+ };
11
+ exports.default = ProFeature;
12
+ //# sourceMappingURL=ProFeature.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProFeature.js","sourceRoot":"","sources":["../../../src/components/ProFeature/ProFeature.tsx"],"names":[],"mappings":";;;;;;AAAA,oFAA6C;AAO7C,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,GAAG,aAAa,EACrB,WAAW,GAAG,kGAAkG,GAChG,EAAE,EAAE;IACpB,OAAO,CACL,iCAAK,SAAS,EAAE,+BAAM,CAAC,SAAS,aAC9B,gCAAK,SAAS,EAAE,+BAAM,CAAC,MAAM,YAC3B,iCAAK,SAAS,EAAE,+BAAM,CAAC,KAAK,aAC1B,gCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,+BAAM,CAAC,IAAI,YAEtB,iCAAM,CAAC,EAAC,qCAAqC,GAAG,GAC5C,EACN,iCAAM,SAAS,EAAE,+BAAM,CAAC,SAAS,YAAG,KAAK,GAAQ,IAC7C,GACF,EACN,8BAAG,SAAS,EAAE,+BAAM,CAAC,WAAW,YAAG,WAAW,GAAK,EACnD,iCAAK,SAAS,EAAE,+BAAM,CAAC,OAAO,aAC5B,8BACE,IAAI,EAAC,gGAAgG,EACrG,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,SAAS,EAAE,+BAAM,CAAC,aAAa,iCAG7B,EACJ,8BACE,IAAI,EAAC,kGAAkG,EACvG,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,SAAS,EAAE,+BAAM,CAAC,eAAe,8BAG/B,IACA,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
@@ -0,0 +1,89 @@
1
+ .container {
2
+ margin: 1.5rem 0;
3
+ padding: 1.25rem 1.5rem;
4
+ background: rgba(150, 201, 235, 0.08);
5
+ border: 1px solid rgba(150, 201, 235, 0.2);
6
+ border-left: 4px solid #96c9eb;
7
+ border-radius: 8px;
8
+ }
9
+
10
+ .header {
11
+ display: flex;
12
+ align-items: center;
13
+ margin-bottom: 0.75rem;
14
+ }
15
+
16
+ .badge {
17
+ display: inline-flex;
18
+ align-items: center;
19
+ gap: 0.4rem;
20
+ padding: 0.3rem 0.6rem;
21
+ background: linear-gradient(135deg, #96c9eb 0%, #76b8e5 100%);
22
+ border-radius: 4px;
23
+ }
24
+
25
+ .icon {
26
+ color: #171717;
27
+ }
28
+
29
+ .badgeText {
30
+ font-size: 0.75rem;
31
+ font-weight: 700;
32
+ color: #171717;
33
+ text-transform: uppercase;
34
+ letter-spacing: 0.03em;
35
+ }
36
+
37
+ .description {
38
+ margin: 0 0 1rem 0;
39
+ font-size: 0.9rem;
40
+ color: var(--color-text-secondary, #b4b4b4);
41
+ line-height: 1.6;
42
+ }
43
+
44
+ .actions {
45
+ display: flex;
46
+ gap: 0.75rem;
47
+ flex-wrap: wrap;
48
+ }
49
+
50
+ .primaryButton {
51
+ display: inline-flex;
52
+ align-items: center;
53
+ padding: 0.5rem 1rem;
54
+ background: #96c9eb;
55
+ color: #171717;
56
+ font-size: 0.85rem;
57
+ font-weight: 600;
58
+ border-radius: 6px;
59
+ text-decoration: none;
60
+ transition: all 0.2s ease;
61
+ }
62
+
63
+ .primaryButton:hover {
64
+ background: #76b8e5;
65
+ color: #171717;
66
+ text-decoration: none;
67
+ }
68
+
69
+ .secondaryButton {
70
+ display: inline-flex;
71
+ align-items: center;
72
+ padding: 0.5rem 1rem;
73
+ background: transparent;
74
+ color: #96c9eb;
75
+ font-size: 0.85rem;
76
+ font-weight: 600;
77
+ border: 1px solid rgba(150, 201, 235, 0.3);
78
+ border-radius: 6px;
79
+ text-decoration: none;
80
+ transition: all 0.2s ease;
81
+ }
82
+
83
+ .secondaryButton:hover {
84
+ background: rgba(150, 201, 235, 0.1);
85
+ border-color: rgba(150, 201, 235, 0.5);
86
+ color: #96c9eb;
87
+ text-decoration: none;
88
+ }
89
+
@@ -0,0 +1,7 @@
1
+ type StatusBadgeType = 'planned' | 'new';
2
+ interface StatusBadgeProps {
3
+ type: StatusBadgeType;
4
+ }
5
+ export default function StatusBadge({ type }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;
6
+ export {};
7
+ //# sourceMappingURL=StatusBadge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/StatusBadge/StatusBadge.tsx"],"names":[],"mappings":"AAIA,KAAK,eAAe,GAAG,SAAS,GAAG,KAAK,CAAC;AAEzC,UAAU,gBAAgB;IACxB,IAAI,EAAE,eAAe,CAAC;CACvB;AAeD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,gBAAgB,2CAQ7D"}
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.default = StatusBadge;
7
+ const jsx_runtime_1 = require("react/jsx-runtime");
8
+ const clsx_1 = __importDefault(require("clsx"));
9
+ const StatusBadge_module_css_1 = __importDefault(require("./StatusBadge.module.css"));
10
+ const config = {
11
+ planned: {
12
+ label: 'Planned',
13
+ title: 'Planned feature',
14
+ className: 'badgePlanned',
15
+ },
16
+ new: {
17
+ label: 'New',
18
+ title: 'New feature',
19
+ className: 'badgeNew',
20
+ },
21
+ };
22
+ function StatusBadge({ type }) {
23
+ const { label, title, className } = config[type];
24
+ return ((0, jsx_runtime_1.jsx)("span", { className: (0, clsx_1.default)(StatusBadge_module_css_1.default.badge, StatusBadge_module_css_1.default[className]), title: title, children: label }));
25
+ }
26
+ //# sourceMappingURL=StatusBadge.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StatusBadge.js","sourceRoot":"","sources":["../../../src/components/StatusBadge/StatusBadge.tsx"],"names":[],"mappings":";;;;;AAuBA,8BAQC;;AA9BD,gDAAwB;AACxB,sFAA8C;AAQ9C,MAAM,MAAM,GAAG;IACb,OAAO,EAAE;QACP,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,iBAAiB;QACxB,SAAS,EAAE,cAAc;KAC1B;IACD,GAAG,EAAE;QACH,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,aAAa;QACpB,SAAS,EAAE,UAAU;KACtB;CACF,CAAC;AAEF,SAAwB,WAAW,CAAC,EAAE,IAAI,EAAoB;IAC5D,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEjD,OAAO,CACL,iCAAM,SAAS,EAAE,IAAA,cAAI,EAAC,gCAAM,CAAC,KAAK,EAAE,gCAAM,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,YACjE,KAAK,GACD,CACR,CAAC;AACJ,CAAC"}
@@ -0,0 +1,26 @@
1
+ .badge {
2
+ display: inline-flex;
3
+ align-items: center;
4
+ margin-left: auto;
5
+ padding: 2px 6px;
6
+ border: 1px solid;
7
+ border-radius: 4px;
8
+ font-size: 0.7em;
9
+ font-weight: 500;
10
+ line-height: 1;
11
+ text-transform: uppercase;
12
+ letter-spacing: 0.5px;
13
+ }
14
+
15
+ .badgePlanned {
16
+ background: var(--color-accent-subtle);
17
+ border-color: var(--color-accent-glow);
18
+ color: var(--color-accent);
19
+ }
20
+
21
+ .badgeNew {
22
+ background: var(--color-secondary-subtle);
23
+ border-color: var(--color-secondary-glow);
24
+ color: var(--color-secondary);
25
+ }
26
+
@@ -0,0 +1,6 @@
1
+ interface TWGBadgeProps {
2
+ visibleOnLarge?: boolean;
3
+ }
4
+ declare const TWGBadge: ({ visibleOnLarge }: TWGBadgeProps) => import("react/jsx-runtime").JSX.Element;
5
+ export default TWGBadge;
6
+ //# sourceMappingURL=TWGBadge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TWGBadge.d.ts","sourceRoot":"","sources":["../../../src/components/TWGBadge/TWGBadge.tsx"],"names":[],"mappings":"AAEA,UAAU,aAAa;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,QAAQ,GAAI,oBAAoB,aAAa,4CAkBlD,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ const jsx_runtime_1 = require("react/jsx-runtime");
7
+ const TWGBadge_module_css_1 = __importDefault(require("./TWGBadge.module.css"));
8
+ const TWGBadge = ({ visibleOnLarge }) => {
9
+ const visibilityClass = visibleOnLarge
10
+ ? TWGBadge_module_css_1.default.visibleOnLarge
11
+ : TWGBadge_module_css_1.default.visibleOnSmall;
12
+ return ((0, jsx_runtime_1.jsxs)("div", { className: [TWGBadge_module_css_1.default.extraContainer, visibilityClass].join(' '), children: [(0, jsx_runtime_1.jsx)("span", { className: TWGBadge_module_css_1.default.extraText, children: "We are TheWidlarzGroup" }), (0, jsx_runtime_1.jsx)("a", { target: "_blank", href: "https://www.thewidlarzgroup.com/?utm_source=rnv&utm_medium=docs&utm_campaign=badge&utm_id=enterprise#Contact", className: TWGBadge_module_css_1.default.extraButton, rel: "noreferrer", children: "Premium support \u2192" })] }));
13
+ };
14
+ exports.default = TWGBadge;
15
+ //# sourceMappingURL=TWGBadge.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TWGBadge.js","sourceRoot":"","sources":["../../../src/components/TWGBadge/TWGBadge.tsx"],"names":[],"mappings":";;;;;;AAAA,gFAA2C;AAM3C,MAAM,QAAQ,GAAG,CAAC,EAAE,cAAc,EAAiB,EAAE,EAAE;IACrD,MAAM,eAAe,GAAG,cAAc;QACpC,CAAC,CAAC,6BAAM,CAAC,cAAc;QACvB,CAAC,CAAC,6BAAM,CAAC,cAAc,CAAC;IAE1B,OAAO,CACL,iCAAK,SAAS,EAAE,CAAC,6BAAM,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAChE,iCAAM,SAAS,EAAE,6BAAM,CAAC,SAAS,uCAA+B,EAChE,8BACE,MAAM,EAAC,QAAQ,EACf,IAAI,EAAC,8GAA8G,EACnH,SAAS,EAAE,6BAAM,CAAC,WAAW,EAC7B,GAAG,EAAC,YAAY,uCAGd,IACA,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
@@ -0,0 +1,107 @@
1
+ .extraContainer {
2
+ position: relative;
3
+ display: flex;
4
+ flex-direction: column;
5
+ justify-content: center;
6
+ align-items: center;
7
+ margin-top: 0.5rem;
8
+ text-align: center;
9
+ padding: 1.5rem 1rem;
10
+ gap: 1rem;
11
+ border-radius: 0.75rem;
12
+ background: var(--color-secondary-subtle);
13
+ overflow: hidden;
14
+ }
15
+
16
+ .extraContainer::before {
17
+ content: '';
18
+ position: absolute;
19
+ top: -50%;
20
+ right: -20%;
21
+ width: 200px;
22
+ height: 200px;
23
+ background: var(--color-secondary-glow);
24
+ border-radius: 50%;
25
+ opacity: 0.2;
26
+ z-index: 0;
27
+ }
28
+
29
+ .extraContainer::after {
30
+ content: '';
31
+ position: absolute;
32
+ bottom: -30%;
33
+ left: -10%;
34
+ width: 150px;
35
+ height: 150px;
36
+ background: var(--color-secondary-glow);
37
+ border-radius: 50%;
38
+ opacity: 0.2;
39
+ z-index: 0;
40
+ }
41
+
42
+ .extraText {
43
+ position: relative;
44
+ z-index: 1;
45
+ padding-left: 0.5rem;
46
+ padding-right: 0.5rem;
47
+ font-weight: 600;
48
+ text-wrap: nowrap;
49
+ font-size: 0.95rem;
50
+ color: var(--color-text-primary);
51
+ line-height: 1.4;
52
+ }
53
+
54
+ .extraButton {
55
+ position: relative;
56
+ z-index: 1;
57
+ width: 90%;
58
+ border: 1.5px solid var(--color-secondary);
59
+ padding: 0.5rem 1rem;
60
+ font-weight: 500;
61
+ background-color: var(--ifm-background-color);
62
+ transition: all 0.3s ease;
63
+ color: var(--color-text-primary);
64
+ border-radius: 0.5rem;
65
+ text-decoration: none;
66
+ }
67
+
68
+ .extraButton:hover {
69
+ transform: scale(1.05);
70
+ border-color: var(--color-secondary-dim);
71
+ border-width: 2px;
72
+ }
73
+
74
+ [data-theme='dark'] .extraContainer {
75
+ background: var(--color-secondary-subtle);
76
+ }
77
+
78
+ [data-theme='dark'] .extraContainer::before,
79
+ [data-theme='dark'] .extraContainer::after {
80
+ background: var(--color-secondary-glow);
81
+ opacity: 0.1;
82
+ }
83
+
84
+
85
+ @media (min-width: 1280px) {
86
+ .visibleOnLarge {
87
+ display: flex;
88
+ }
89
+ .visibleOnSmall {
90
+ display: none;
91
+ }
92
+ .extraContainer {
93
+ margin: 1rem;
94
+ }
95
+ }
96
+
97
+ @media (max-width: 1279px) {
98
+ .visibleOnLarge {
99
+ display: none;
100
+ }
101
+ .visibleOnSmall {
102
+ display: flex;
103
+ }
104
+ .extraContainer {
105
+ margin: 2rem 0.2rem 0.2rem 0.2rem;
106
+ }
107
+ }