@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.
- package/README.md +36 -0
- package/lib/components/PlatformsList/PlatformsList.d.ts +7 -0
- package/lib/components/PlatformsList/PlatformsList.d.ts.map +1 -0
- package/lib/components/PlatformsList/PlatformsList.js +14 -0
- package/lib/components/PlatformsList/PlatformsList.js.map +1 -0
- package/lib/components/PlatformsList/PlatformsList.module.css +10 -0
- package/lib/components/PlusBadge/PlusBadge.d.ts +6 -0
- package/lib/components/PlusBadge/PlusBadge.d.ts.map +1 -0
- package/lib/components/PlusBadge/PlusBadge.js +12 -0
- package/lib/components/PlusBadge/PlusBadge.js.map +1 -0
- package/lib/components/PlusBadge/PlusBadge.module.css +17 -0
- package/lib/components/ProBadge/ProBadge.d.ts +2 -0
- package/lib/components/ProBadge/ProBadge.d.ts.map +1 -0
- package/lib/components/ProBadge/ProBadge.js +12 -0
- package/lib/components/ProBadge/ProBadge.js.map +1 -0
- package/lib/components/ProBadge/ProBadge.module.css +8 -0
- package/lib/components/ProFeature/ProFeature.d.ts +7 -0
- package/lib/components/ProFeature/ProFeature.d.ts.map +1 -0
- package/lib/components/ProFeature/ProFeature.js +12 -0
- package/lib/components/ProFeature/ProFeature.js.map +1 -0
- package/lib/components/ProFeature/ProFeature.module.css +89 -0
- package/lib/components/StatusBadge/StatusBadge.d.ts +7 -0
- package/lib/components/StatusBadge/StatusBadge.d.ts.map +1 -0
- package/lib/components/StatusBadge/StatusBadge.js +26 -0
- package/lib/components/StatusBadge/StatusBadge.js.map +1 -0
- package/lib/components/StatusBadge/StatusBadge.module.css +26 -0
- package/lib/components/TWGBadge/TWGBadge.d.ts +6 -0
- package/lib/components/TWGBadge/TWGBadge.d.ts.map +1 -0
- package/lib/components/TWGBadge/TWGBadge.js +15 -0
- package/lib/components/TWGBadge/TWGBadge.js.map +1 -0
- package/lib/components/TWGBadge/TWGBadge.module.css +107 -0
- package/lib/css/custom.css +614 -0
- package/lib/index.d.ts +4 -0
- package/lib/index.d.ts.map +1 -0
- package/lib/index.js +37 -0
- package/lib/index.js.map +1 -0
- package/lib/theme/DocItem/Footer/index.d.ts +3 -0
- package/lib/theme/DocItem/Footer/index.d.ts.map +1 -0
- package/lib/theme/DocItem/Footer/index.js +24 -0
- package/lib/theme/DocItem/Footer/index.js.map +1 -0
- package/lib/theme/DocItem/TOC/Desktop/index.d.ts +3 -0
- package/lib/theme/DocItem/TOC/Desktop/index.d.ts.map +1 -0
- package/lib/theme/DocItem/TOC/Desktop/index.js +15 -0
- package/lib/theme/DocItem/TOC/Desktop/index.js.map +1 -0
- package/lib/theme/DocSidebarItem/Category/index.d.ts +5 -0
- package/lib/theme/DocSidebarItem/Category/index.d.ts.map +1 -0
- package/lib/theme/DocSidebarItem/Category/index.js +224 -0
- package/lib/theme/DocSidebarItem/Category/index.js.map +1 -0
- package/lib/theme/DocSidebarItem/Category/styles.module.css +119 -0
- package/lib/theme/DocSidebarItem/Link/index.d.ts +5 -0
- package/lib/theme/DocSidebarItem/Link/index.d.ts.map +1 -0
- package/lib/theme/DocSidebarItem/Link/index.js +35 -0
- package/lib/theme/DocSidebarItem/Link/index.js.map +1 -0
- package/lib/theme/DocSidebarItem/Link/styles.module.css +18 -0
- package/lib/theme/TOC/index.d.ts +4 -0
- package/lib/theme/TOC/index.d.ts.map +1 -0
- package/lib/theme/TOC/index.js +19 -0
- package/lib/theme/TOC/index.js.map +1 -0
- package/lib/theme/TOC/styles.module.css +16 -0
- package/lib/types/sidebar.d.ts +17 -0
- package/lib/types/sidebar.d.ts.map +1 -0
- package/lib/types/sidebar.js +3 -0
- package/lib/types/sidebar.js.map +1 -0
- package/package.json +41 -0
- package/src/components/PlatformsList/PlatformsList.module.css +10 -0
- package/src/components/PlatformsList/PlatformsList.tsx +28 -0
- package/src/components/PlusBadge/PlusBadge.module.css +17 -0
- package/src/components/PlusBadge/PlusBadge.tsx +23 -0
- package/src/components/ProBadge/ProBadge.module.css +8 -0
- package/src/components/ProBadge/ProBadge.tsx +21 -0
- package/src/components/ProFeature/ProFeature.module.css +89 -0
- package/src/components/ProFeature/ProFeature.tsx +51 -0
- package/src/components/StatusBadge/StatusBadge.module.css +26 -0
- package/src/components/StatusBadge/StatusBadge.tsx +32 -0
- package/src/components/TWGBadge/TWGBadge.module.css +107 -0
- package/src/components/TWGBadge/TWGBadge.tsx +27 -0
- package/src/css/custom.css +614 -0
- package/src/index.ts +22 -0
- package/src/theme/DocItem/Footer/index.tsx +51 -0
- package/src/theme/DocSidebarItem/Category/index.tsx +403 -0
- package/src/theme/DocSidebarItem/Category/styles.module.css +119 -0
- package/src/theme/DocSidebarItem/Link/index.tsx +85 -0
- package/src/theme/DocSidebarItem/Link/styles.module.css +18 -0
- package/src/theme/TOC/index.tsx +25 -0
- package/src/theme/TOC/styles.module.css +16 -0
- 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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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
|
+
}
|