@netfoundry/docusaurus-theme 0.2.3 → 0.3.0

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 (173) hide show
  1. package/css/layout.css +14 -0
  2. package/css/legacy.css +2313 -0
  3. package/css/tabs-v1-gradient.css +92 -0
  4. package/css/tabs-v2-glass.css +116 -0
  5. package/css/tabs-v3-minimal.css +86 -0
  6. package/css/tabs-v4-segmented.css +85 -0
  7. package/css/tabs-v5-neon.css +99 -0
  8. package/css/tabs-v6-neumorphic.css +89 -0
  9. package/css/tabs-v7-brutalist.css +81 -0
  10. package/css/tabs-v8-float.css +114 -0
  11. package/css/tabs-v9-line.css +104 -0
  12. package/css/theme.css +20 -0
  13. package/css/vars-dark.css +7 -0
  14. package/css/vars.css +8 -0
  15. package/dist/css/theme.css +20 -72
  16. package/dist/src/components/Alert/Alert.js +6 -51
  17. package/dist/src/components/Alert/Alert.js.map +1 -7
  18. package/dist/src/components/Alert/index.js +2 -29
  19. package/dist/src/components/Alert/index.js.map +1 -7
  20. package/dist/src/components/CodeBlock/CodeBlock.js +7 -53
  21. package/dist/src/components/CodeBlock/CodeBlock.js.map +1 -7
  22. package/dist/src/components/CodeBlock/index.js +2 -29
  23. package/dist/src/components/CodeBlock/index.js.map +1 -7
  24. package/dist/src/components/Common/Common.js +16 -59
  25. package/dist/src/components/Common/Common.js.map +1 -7
  26. package/dist/src/components/Common/index.d.ts +0 -1
  27. package/dist/src/components/Common/index.d.ts.map +1 -1
  28. package/dist/src/components/Common/index.js +2 -25
  29. package/dist/src/components/Common/index.js.map +1 -7
  30. package/dist/src/components/NetFoundry/Divider/Divider.js +5 -46
  31. package/dist/src/components/NetFoundry/Divider/Divider.js.map +1 -7
  32. package/dist/src/components/NetFoundry/Divider/index.js +2 -23
  33. package/dist/src/components/NetFoundry/Divider/index.js.map +1 -7
  34. package/dist/src/components/NetFoundry/index.js +2 -23
  35. package/dist/src/components/NetFoundry/index.js.map +1 -7
  36. package/dist/src/components/NetFoundryFooter/NetFoundryFooter.d.ts +21 -2
  37. package/dist/src/components/NetFoundryFooter/NetFoundryFooter.d.ts.map +1 -1
  38. package/dist/src/components/NetFoundryFooter/NetFoundryFooter.js +58 -115
  39. package/dist/src/components/NetFoundryFooter/NetFoundryFooter.js.map +1 -7
  40. package/dist/src/components/NetFoundryFooter/index.js +2 -23
  41. package/dist/src/components/NetFoundryFooter/index.js.map +1 -7
  42. package/dist/src/components/NetFoundryHighlight/NetFoundryHighlight.js +5 -32
  43. package/dist/src/components/NetFoundryHighlight/NetFoundryHighlight.js.map +1 -7
  44. package/dist/src/components/NetFoundryHighlight/index.js +2 -29
  45. package/dist/src/components/NetFoundryHighlight/index.js.map +1 -7
  46. package/dist/src/components/NetFoundryHorizontalSection/NetFoundryHorizontalSection.js +7 -52
  47. package/dist/src/components/NetFoundryHorizontalSection/NetFoundryHorizontalSection.js.map +1 -7
  48. package/dist/src/components/NetFoundryHorizontalSection/index.js +2 -29
  49. package/dist/src/components/NetFoundryHorizontalSection/index.js.map +1 -7
  50. package/dist/src/components/NetFoundryLayout/NetFoundryLayout.d.ts.map +1 -1
  51. package/dist/src/components/NetFoundryLayout/NetFoundryLayout.js +32 -111
  52. package/dist/src/components/NetFoundryLayout/NetFoundryLayout.js.map +1 -7
  53. package/dist/src/components/NetFoundryLayout/index.js +2 -23
  54. package/dist/src/components/NetFoundryLayout/index.js.map +1 -7
  55. package/dist/src/components/NetFoundryNavbarItems/NetFoundryNavbarItems.js +13 -40
  56. package/dist/src/components/NetFoundryNavbarItems/NetFoundryNavbarItems.js.map +1 -7
  57. package/dist/src/components/NetFoundryNavbarItems/index.js +2 -29
  58. package/dist/src/components/NetFoundryNavbarItems/index.js.map +1 -7
  59. package/dist/src/components/OsTabs/OsTabs.js +17 -53
  60. package/dist/src/components/OsTabs/OsTabs.js.map +1 -7
  61. package/dist/src/components/OsTabs/index.js +2 -29
  62. package/dist/src/components/OsTabs/index.js.map +1 -7
  63. package/dist/src/components/StarUs/StarUs.js +6 -45
  64. package/dist/src/components/StarUs/StarUs.js.map +1 -7
  65. package/dist/src/components/StarUs/index.js +2 -39
  66. package/dist/src/components/StarUs/index.js.map +1 -7
  67. package/dist/src/components/index.d.ts +0 -1
  68. package/dist/src/components/index.d.ts.map +1 -1
  69. package/dist/src/components/index.js +12 -45
  70. package/dist/src/components/index.js.map +1 -7
  71. package/dist/src/docusaurus-envhelper.js +64 -111
  72. package/dist/src/docusaurus-envhelper.js.map +1 -7
  73. package/dist/src/docusaurus-plugins/index.js +8 -35
  74. package/dist/src/docusaurus-plugins/index.js.map +1 -7
  75. package/dist/src/docusaurus-plugins/logger.js +38 -66
  76. package/dist/src/docusaurus-plugins/logger.js.map +1 -7
  77. package/dist/src/docusaurus-plugins/remarkCodeSections.js +94 -127
  78. package/dist/src/docusaurus-plugins/remarkCodeSections.js.map +1 -7
  79. package/dist/src/docusaurus-plugins/remarkReplaceMetaUrl.js +22 -50
  80. package/dist/src/docusaurus-plugins/remarkReplaceMetaUrl.js.map +1 -7
  81. package/dist/src/docusaurus-plugins/remarkScopedPath.js +46 -78
  82. package/dist/src/docusaurus-plugins/remarkScopedPath.js.map +1 -7
  83. package/dist/src/docusaurus-plugins/remarkYamlTable.js +49 -84
  84. package/dist/src/docusaurus-plugins/remarkYamlTable.js.map +1 -7
  85. package/dist/src/docusaurus-plugins/remarkYouTube.js +42 -65
  86. package/dist/src/docusaurus-plugins/remarkYouTube.js.map +1 -7
  87. package/dist/src/docusaurus-plugins/timedPlugin.js +15 -42
  88. package/dist/src/docusaurus-plugins/timedPlugin.js.map +1 -7
  89. package/dist/src/index.d.ts.map +1 -1
  90. package/dist/src/index.js +31 -63
  91. package/dist/src/index.js.map +1 -7
  92. package/dist/src/node.js +7 -23
  93. package/dist/src/node.js.map +1 -7
  94. package/dist/src/options.d.ts +30 -27
  95. package/dist/src/options.d.ts.map +1 -1
  96. package/dist/src/options.js +2 -17
  97. package/dist/src/options.js.map +1 -7
  98. package/dist/src/plugins.js +7 -23
  99. package/dist/src/plugins.js.map +1 -7
  100. package/dist/src/ui.js +8 -25
  101. package/dist/src/ui.js.map +1 -7
  102. package/dist/src/version.js +2 -29
  103. package/dist/src/version.js.map +1 -7
  104. package/dist/theme/Layout/index.d.ts +9 -0
  105. package/dist/theme/Layout/index.d.ts.map +1 -1
  106. package/dist/theme/Layout/index.js +38 -82
  107. package/dist/theme/Layout/index.js.map +1 -7
  108. package/package.json +27 -19
  109. package/dist/src/components/Common/Logos.d.ts +0 -6
  110. package/dist/src/components/Common/Logos.d.ts.map +0 -1
  111. package/dist/src/components/Common/Logos.js +0 -93
  112. package/dist/src/components/Common/Logos.js.map +0 -7
  113. package/dist/src/components/NetFoundryFooter/defaults.d.ts +0 -19
  114. package/dist/src/components/NetFoundryFooter/defaults.d.ts.map +0 -1
  115. package/dist/src/components/NetFoundryFooter/defaults.js +0 -51
  116. package/dist/src/components/NetFoundryFooter/defaults.js.map +0 -7
  117. package/dist/src/components/NetFoundryFooter/types.d.ts +0 -27
  118. package/dist/src/components/NetFoundryFooter/types.d.ts.map +0 -1
  119. package/dist/src/components/NetFoundryFooter/types.js +0 -53
  120. package/dist/src/components/NetFoundryFooter/types.js.map +0 -7
  121. package/dist/src/components/ProductSearch/ProductSearch.d.ts +0 -10
  122. package/dist/src/components/ProductSearch/ProductSearch.d.ts.map +0 -1
  123. package/dist/src/components/ProductSearch/ProductSearch.js +0 -261
  124. package/dist/src/components/ProductSearch/ProductSearch.js.map +0 -7
  125. package/dist/src/components/ProductSearch/ProductSearch.module.css +0 -189
  126. package/dist/src/components/ProductSearch/index.d.ts +0 -4
  127. package/dist/src/components/ProductSearch/index.d.ts.map +0 -1
  128. package/dist/src/components/ProductSearch/index.js +0 -42
  129. package/dist/src/components/ProductSearch/index.js.map +0 -7
  130. package/dist/src/config.d.ts +0 -9
  131. package/dist/src/config.d.ts.map +0 -1
  132. package/dist/src/config.js +0 -34
  133. package/dist/src/config.js.map +0 -7
  134. package/dist/src/css-modules.d.js +0 -2
  135. package/dist/src/css-modules.d.js.map +0 -7
  136. package/dist/src/docusaurus.d.js +0 -2
  137. package/dist/src/docusaurus.d.js.map +0 -7
  138. package/dist/theme/BlogPostPage/Metadata.d.ts +0 -2
  139. package/dist/theme/BlogPostPage/Metadata.d.ts.map +0 -1
  140. package/dist/theme/BlogPostPage/Metadata.js +0 -35
  141. package/dist/theme/BlogPostPage/Metadata.js.map +0 -7
  142. package/dist/theme/BlogPostPage/StructuredData.d.ts +0 -2
  143. package/dist/theme/BlogPostPage/StructuredData.d.ts.map +0 -1
  144. package/dist/theme/BlogPostPage/StructuredData.js +0 -35
  145. package/dist/theme/BlogPostPage/StructuredData.js.map +0 -7
  146. package/dist/theme/BlogPostPage/index.d.ts +0 -14
  147. package/dist/theme/BlogPostPage/index.d.ts.map +0 -1
  148. package/dist/theme/BlogPostPage/index.js +0 -101
  149. package/dist/theme/BlogPostPage/index.js.map +0 -7
  150. package/dist/theme/BlogPostPage/index.module.css +0 -53
  151. package/dist/theme/DocSearch/index.d.ts +0 -3
  152. package/dist/theme/DocSearch/index.d.ts.map +0 -1
  153. package/dist/theme/DocSearch/index.js +0 -98
  154. package/dist/theme/DocSearch/index.js.map +0 -7
  155. package/dist/theme/DocSearch/styles.module.css +0 -12
  156. package/dist/theme/Navbar/Content/index.d.ts +0 -6
  157. package/dist/theme/Navbar/Content/index.d.ts.map +0 -1
  158. package/dist/theme/Navbar/Content/index.js +0 -70
  159. package/dist/theme/Navbar/Content/index.js.map +0 -7
  160. package/dist/theme/Navbar/Content/index.module.css +0 -0
  161. package/dist/theme/Navbar/Logo/index.d.ts +0 -3
  162. package/dist/theme/Navbar/Logo/index.d.ts.map +0 -1
  163. package/dist/theme/Navbar/Logo/index.js +0 -89
  164. package/dist/theme/Navbar/Logo/index.js.map +0 -7
  165. package/dist/theme/OsTabs/index.d.ts +0 -13
  166. package/dist/theme/OsTabs/index.d.ts.map +0 -1
  167. package/dist/theme/OsTabs/index.js +0 -51
  168. package/dist/theme/OsTabs/index.js.map +0 -7
  169. package/dist/theme/SearchBar/SearchBar.module.css +0 -37
  170. package/dist/theme/SearchBar/index.d.ts +0 -2
  171. package/dist/theme/SearchBar/index.d.ts.map +0 -1
  172. package/dist/theme/SearchBar/index.js +0 -91
  173. package/dist/theme/SearchBar/index.js.map +0 -7
@@ -0,0 +1,114 @@
1
+ /* ==========================================================================
2
+ TABS V8 - Floating Cards
3
+ Each tab as independent floating card, elevation on select
4
+ ========================================================================== */
5
+
6
+ :root {
7
+ --nf-float-bg: transparent;
8
+ --nf-card-bg: #ffffff;
9
+ --nf-card-bg-hover: #f8fafc;
10
+ --nf-card-bg-active: #ffffff;
11
+ --nf-card-text: #64748b;
12
+ --nf-card-text-active: #0f172a;
13
+ --nf-card-border: rgba(0, 0, 0, 0.08);
14
+ --nf-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
15
+ --nf-card-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.08);
16
+ --nf-card-shadow-active: 0 8px 24px rgba(0, 0, 0, 0.12);
17
+ --nf-card-accent: linear-gradient(135deg, #0068f9 0%, #00d4ff 100%);
18
+ --nf-panel-bg: #ffffff;
19
+ --nf-panel-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
20
+ }
21
+
22
+ html[data-theme="dark"] {
23
+ --nf-float-bg: transparent;
24
+ --nf-card-bg: #1e293b;
25
+ --nf-card-bg-hover: #334155;
26
+ --nf-card-bg-active: #1e293b;
27
+ --nf-card-text: #94a3b8;
28
+ --nf-card-text-active: #f1f5f9;
29
+ --nf-card-border: rgba(255, 255, 255, 0.06);
30
+ --nf-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
31
+ --nf-card-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.3);
32
+ --nf-card-shadow-active: 0 8px 24px rgba(0, 0, 0, 0.4);
33
+ --nf-card-accent: linear-gradient(135deg, #38bdf8 0%, #818cf8 100%);
34
+ --nf-panel-bg: #1e293b;
35
+ --nf-panel-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
36
+ }
37
+
38
+ .tabs {
39
+ display: flex;
40
+ flex-wrap: wrap;
41
+ gap: 10px;
42
+ padding: 8px 4px;
43
+ background: var(--nf-float-bg);
44
+ border: none;
45
+ border-radius: 0;
46
+ margin-bottom: 10px;
47
+ }
48
+
49
+ .tabs__item {
50
+ position: relative;
51
+ padding: 14px 24px;
52
+ font-size: 0.875rem;
53
+ font-weight: 500;
54
+ color: var(--nf-card-text);
55
+ background: var(--nf-card-bg);
56
+ border: 1px solid var(--nf-card-border);
57
+ border-radius: 12px;
58
+ cursor: pointer;
59
+ box-shadow: var(--nf-card-shadow);
60
+ transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
61
+ overflow: hidden;
62
+ }
63
+
64
+ .tabs__item::before {
65
+ content: '';
66
+ position: absolute;
67
+ top: 0;
68
+ left: 0;
69
+ right: 0;
70
+ height: 3px;
71
+ background: var(--nf-card-accent);
72
+ transform: scaleX(0);
73
+ transition: transform 0.25s ease;
74
+ }
75
+
76
+ .tabs__item:hover {
77
+ color: var(--nf-card-text-active);
78
+ background: var(--nf-card-bg-hover);
79
+ box-shadow: var(--nf-card-shadow-hover);
80
+ transform: translateY(-2px);
81
+ }
82
+
83
+ .tabs__item:hover::before {
84
+ transform: scaleX(0.5);
85
+ }
86
+
87
+ .tabs__item.tabs__item--active {
88
+ color: var(--nf-card-text-active);
89
+ background: var(--nf-card-bg-active);
90
+ font-weight: 600;
91
+ box-shadow: var(--nf-card-shadow-active);
92
+ transform: translateY(-4px);
93
+ }
94
+
95
+ .tabs__item.tabs__item--active::before {
96
+ transform: scaleX(1);
97
+ }
98
+
99
+ [class*="tabItem_"][role="tabpanel"] {
100
+ background: var(--nf-panel-bg);
101
+ border: 1px solid var(--nf-card-border);
102
+ border-radius: 16px;
103
+ padding: 1.75rem;
104
+ box-shadow: var(--nf-panel-shadow);
105
+ animation: floatUp 0.3s ease-out;
106
+ }
107
+
108
+ @keyframes floatUp {
109
+ from { opacity: 0; transform: translateY(12px); }
110
+ to { opacity: 1; transform: translateY(0); }
111
+ }
112
+
113
+ .margin-top--md { margin-top: 0 !important; }
114
+ [hidden] { display: none !important; }
@@ -0,0 +1,104 @@
1
+ /* ==========================================================================
2
+ TABS V9 - Sliding Line
3
+ Clean text tabs with animated line that slides between items
4
+ ========================================================================== */
5
+
6
+ :root {
7
+ --nf-line-bg: transparent;
8
+ --nf-line-border: #e5e7eb;
9
+ --nf-line-text: #6b7280;
10
+ --nf-line-text-hover: #374151;
11
+ --nf-line-text-active: #111827;
12
+ --nf-line-accent: #0068f9;
13
+ --nf-line-accent-glow: rgba(0, 104, 249, 0.15);
14
+ --nf-panel-bg: #fafafa;
15
+ --nf-panel-border: #e5e7eb;
16
+ }
17
+
18
+ html[data-theme="dark"] {
19
+ --nf-line-bg: transparent;
20
+ --nf-line-border: #374151;
21
+ --nf-line-text: #9ca3af;
22
+ --nf-line-text-hover: #d1d5db;
23
+ --nf-line-text-active: #f9fafb;
24
+ --nf-line-accent: #38bdf8;
25
+ --nf-line-accent-glow: rgba(56, 189, 248, 0.15);
26
+ --nf-panel-bg: #1f2937;
27
+ --nf-panel-border: #374151;
28
+ }
29
+
30
+ .tabs {
31
+ display: flex;
32
+ flex-wrap: wrap;
33
+ gap: 0;
34
+ padding: 0;
35
+ background: var(--nf-line-bg);
36
+ border: none;
37
+ border-bottom: 2px solid var(--nf-line-border);
38
+ border-radius: 0;
39
+ position: relative;
40
+ }
41
+
42
+ .tabs__item {
43
+ position: relative;
44
+ padding: 16px 28px;
45
+ font-size: 0.9375rem;
46
+ font-weight: 500;
47
+ color: var(--nf-line-text);
48
+ background: transparent;
49
+ border: none;
50
+ border-radius: 0;
51
+ cursor: pointer;
52
+ transition: color 0.2s ease;
53
+ }
54
+
55
+ .tabs__item:hover {
56
+ color: var(--nf-line-text-hover);
57
+ }
58
+
59
+ .tabs__item.tabs__item--active {
60
+ color: var(--nf-line-text-active);
61
+ font-weight: 600;
62
+ }
63
+
64
+ /* Animated underline */
65
+ .tabs__item::after {
66
+ content: '';
67
+ position: absolute;
68
+ bottom: -2px;
69
+ left: 50%;
70
+ width: 0;
71
+ height: 3px;
72
+ background: var(--nf-line-accent);
73
+ border-radius: 3px 3px 0 0;
74
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
75
+ transform: translateX(-50%);
76
+ }
77
+
78
+ .tabs__item:hover::after {
79
+ width: 30%;
80
+ background: var(--nf-line-text-hover);
81
+ }
82
+
83
+ .tabs__item.tabs__item--active::after {
84
+ width: calc(100% - 24px);
85
+ background: var(--nf-line-accent);
86
+ box-shadow: 0 0 12px var(--nf-line-accent-glow);
87
+ }
88
+
89
+ [class*="tabItem_"][role="tabpanel"] {
90
+ background: var(--nf-panel-bg);
91
+ border: 1px solid var(--nf-panel-border);
92
+ border-top: none;
93
+ border-radius: 0 0 10px 10px;
94
+ padding: 1.5rem;
95
+ animation: lineSlide 0.25s ease-out;
96
+ }
97
+
98
+ @keyframes lineSlide {
99
+ from { opacity: 0; transform: translateX(-10px); }
100
+ to { opacity: 1; transform: translateX(0); }
101
+ }
102
+
103
+ .margin-top--md { margin-top: 0 !important; }
104
+ [hidden] { display: none !important; }
package/css/theme.css ADDED
@@ -0,0 +1,20 @@
1
+ /**
2
+ * NetFoundry Docusaurus Theme - Combined Styles
3
+ *
4
+ * This file is automatically loaded by the theme via getClientModules().
5
+ *
6
+ * Consuming projects no longer need to manually add these imports
7
+ * to their custom.css files.
8
+ */
9
+
10
+ /* CSS variables for light mode */
11
+ @import "./vars.css";
12
+
13
+ /* CSS variables for dark mode */
14
+ @import "./vars-dark.css";
15
+
16
+ /* Layout styles */
17
+ @import "./layout.css";
18
+
19
+ /* Legacy design system variables and comprehensive styling */
20
+ @import "./legacy.css";
@@ -0,0 +1,7 @@
1
+ html[data-theme="dark"] {
2
+ /*--nf-docs-max-width: 100px;*/
3
+ /*--nf-docs-main-color: pink;*/
4
+ .container {
5
+ /*background: orange;*/
6
+ }
7
+ }
package/css/vars.css ADDED
@@ -0,0 +1,8 @@
1
+ :root {
2
+ --ifm-navbar-height: 50px;
3
+ --nf-docs-max-width: 1400px;
4
+ /*--nf-docs-main-color: purple;*/
5
+ .container {
6
+ /*background: sandybrown;*/
7
+ }
8
+ }
@@ -1,72 +1,20 @@
1
- /**
2
- * NetFoundry Docusaurus Theme - Combined Styles
3
- *
4
- * This file is automatically loaded by the theme via getClientModules().
5
- *
6
- * Consuming projects no longer need to manually add these imports
7
- * to their custom.css files.
8
- */
9
-
10
- /* CSS variables for light mode */
11
- @import "./vars.css";
12
-
13
- /* CSS variables for dark mode */
14
- @import "./vars-dark.css";
15
-
16
- /* Layout styles */
17
- @import "./layout.css";
18
-
19
- /* Legacy design system variables and comprehensive styling */
20
- @import "./legacy.css";
21
-
22
- /* Migrated from unified-doc custom.css */
23
- :root {
24
- --ziti-landing-max-width: 1800px;
25
- --ifm-container-width-xl: 1400px;
26
- --ziti-star-us-height: 1px;
27
- }
28
-
29
- .navbar__brand {
30
- margin-right: 0;
31
- display:flex;
32
- align-items:center;
33
- justify-content: end;
34
- }
35
- .navbar__logo_nf {
36
- margin-right: 0;
37
- height: var(--ifm-navbar-height);
38
- }
39
- .navbar__logo {
40
- margin-right: 0;
41
- height: 40px;
42
- width: 40px;
43
- margin-left: 10px;
44
- }
45
- .clean-btn svg {
46
- height: 30px;
47
- width: 30px;
48
- }
49
-
50
- .DocSearch-Button {
51
- background: #ebedf0;
52
- color: var(--ifm-color-primary);
53
- }
54
-
55
- .main-wrapper {
56
- article {
57
- padding-bottom: 2em;
58
- }
59
- > div {
60
- max-width: var(--ziti-landing-max-width);
61
- width: 100%;
62
- }
63
- }
64
-
65
- .navbar .navbar__inner {
66
- margin: 0 auto;
67
- max-width: var(--ziti-landing-max-width);
68
- }
69
-
70
- .navbar {
71
- padding-top: 0;
72
- }
1
+ /**
2
+ * NetFoundry Docusaurus Theme - Combined Styles
3
+ *
4
+ * This file is automatically loaded by the theme via getClientModules().
5
+ *
6
+ * Consuming projects no longer need to manually add these imports
7
+ * to their custom.css files.
8
+ */
9
+
10
+ /* CSS variables for light mode */
11
+ @import "./vars.css";
12
+
13
+ /* CSS variables for dark mode */
14
+ @import "./vars-dark.css";
15
+
16
+ /* Layout styles */
17
+ @import "./layout.css";
18
+
19
+ /* Legacy design system variables and comprehensive styling */
20
+ @import "./legacy.css";
@@ -1,52 +1,7 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import clsx from 'clsx';
3
+ import styles from './Alert.module.css';
4
+ export const Alert = ({ type = 'info', title, children, className }) => {
5
+ return (_jsxs("div", { className: clsx(styles.alert, styles[type], className), children: [title && _jsx("div", { className: styles.title, children: title }), _jsx("div", { className: styles.content, children: children })] }));
11
6
  };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
- var Alert_exports = {};
30
- __export(Alert_exports, {
31
- Alert: () => Alert
32
- });
33
- module.exports = __toCommonJS(Alert_exports);
34
- var import_jsx_runtime = require("react/jsx-runtime");
35
- var import_clsx = __toESM(require("clsx"));
36
- var import_Alert = __toESM(require("./Alert.module.css"));
37
- const Alert = ({
38
- type = "info",
39
- title,
40
- children,
41
- className
42
- }) => {
43
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_clsx.default)(import_Alert.default.alert, import_Alert.default[type], className), children: [
44
- title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_Alert.default.title, children: title }),
45
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_Alert.default.content, children })
46
- ] });
47
- };
48
- // Annotate the CommonJS export names for ESM import in node:
49
- 0 && (module.exports = {
50
- Alert
51
- });
52
- //# sourceMappingURL=Alert.js.map
7
+ //# sourceMappingURL=Alert.js.map
@@ -1,7 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/components/Alert/Alert.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport styles from './Alert.module.css';\n\nexport interface AlertProps {\n type?: 'info' | 'warning' | 'error' | 'success';\n title?: string;\n children: React.ReactNode;\n className?: string;\n}\n\nexport const Alert: React.FC<AlertProps> = ({\n type = 'info',\n title,\n children,\n className\n}) => {\n return (\n <div className={clsx(styles.alert, styles[type], className)}>\n {title && <div className={styles.title}>{title}</div>}\n <div className={styles.content}>{children}</div>\n </div>\n );\n};\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBI;AAjBJ,kBAAiB;AACjB,mBAAmB;AASZ,MAAM,QAA8B,CAAC;AAAA,EAC1C,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACE,6CAAC,SAAI,eAAW,YAAAA,SAAK,aAAAC,QAAO,OAAO,aAAAA,QAAO,IAAI,GAAG,SAAS,GACvD;AAAA,aAAS,4CAAC,SAAI,WAAW,aAAAA,QAAO,OAAQ,iBAAM;AAAA,IAC/C,4CAAC,SAAI,WAAW,aAAAA,QAAO,SAAU,UAAS;AAAA,KAC5C;AAEJ;",
6
- "names": ["clsx", "styles"]
7
- }
1
+ {"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,oBAAoB,CAAC;AASxC,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAC1C,IAAI,GAAG,MAAM,EACb,KAAK,EACL,QAAQ,EACR,SAAS,EACV,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,aACxD,KAAK,IAAI,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAO,EACrD,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAAG,QAAQ,GAAO,IAC5C,CACP,CAAC;AACJ,CAAC,CAAC"}
@@ -1,29 +1,2 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var Alert_exports = {};
20
- __export(Alert_exports, {
21
- Alert: () => import_Alert.Alert
22
- });
23
- module.exports = __toCommonJS(Alert_exports);
24
- var import_Alert = require("./Alert");
25
- // Annotate the CommonJS export names for ESM import in node:
26
- 0 && (module.exports = {
27
- Alert
28
- });
29
- //# sourceMappingURL=index.js.map
1
+ export { Alert } from './Alert';
2
+ //# sourceMappingURL=index.js.map
@@ -1,7 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/components/Alert/index.ts"],
4
- "sourcesContent": ["export { Alert } from './Alert';\nexport type { AlertProps } from './Alert';\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsB;",
6
- "names": []
7
- }
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
@@ -1,54 +1,8 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useThemeConfig } from '@docusaurus/theme-common';
3
+ import styles from './CodeBlock.module.css';
4
+ export const CodeBlock = ({ children, language = 'text', title, showLineNumbers = false, className }) => {
5
+ const { prism } = useThemeConfig();
6
+ return (_jsxs("div", { className: `${styles.codeBlock} ${className || ''}`, children: [title && _jsx("div", { className: styles.title, children: title }), _jsx("pre", { className: `language-${language}`, children: _jsx("code", { className: `language-${language}`, children: children }) })] }));
11
7
  };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
- var CodeBlock_exports = {};
30
- __export(CodeBlock_exports, {
31
- CodeBlock: () => CodeBlock
32
- });
33
- module.exports = __toCommonJS(CodeBlock_exports);
34
- var import_jsx_runtime = require("react/jsx-runtime");
35
- var import_theme_common = require("@docusaurus/theme-common");
36
- var import_CodeBlock = __toESM(require("./CodeBlock.module.css"));
37
- const CodeBlock = ({
38
- children,
39
- language = "text",
40
- title,
41
- showLineNumbers = false,
42
- className
43
- }) => {
44
- const { prism } = (0, import_theme_common.useThemeConfig)();
45
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${import_CodeBlock.default.codeBlock} ${className || ""}`, children: [
46
- title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_CodeBlock.default.title, children: title }),
47
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { className: `language-${language}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { className: `language-${language}`, children }) })
48
- ] });
49
- };
50
- // Annotate the CommonJS export names for ESM import in node:
51
- 0 && (module.exports = {
52
- CodeBlock
53
- });
54
- //# sourceMappingURL=CodeBlock.js.map
8
+ //# sourceMappingURL=CodeBlock.js.map
@@ -1,7 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/components/CodeBlock/CodeBlock.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport { useThemeConfig } from '@docusaurus/theme-common';\nimport styles from './CodeBlock.module.css';\n\nexport interface CodeBlockProps {\n children: string;\n language?: string;\n title?: string;\n showLineNumbers?: boolean;\n className?: string;\n}\n\nexport const CodeBlock: React.FC<CodeBlockProps> = ({\n children,\n language = 'text',\n title,\n showLineNumbers = false,\n className\n}) => {\n const { prism } = useThemeConfig();\n \n return (\n <div className={`${styles.codeBlock} ${className || ''}`}>\n {title && <div className={styles.title}>{title}</div>}\n <pre className={`language-${language}`}>\n <code className={`language-${language}`}>\n {children}\n </code>\n </pre>\n </div>\n );\n};\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBI;AArBJ,0BAA+B;AAC/B,uBAAmB;AAUZ,MAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,kBAAkB;AAAA,EAClB;AACF,MAAM;AACJ,QAAM,EAAE,MAAM,QAAI,oCAAe;AAEjC,SACE,6CAAC,SAAI,WAAW,GAAG,iBAAAA,QAAO,SAAS,IAAI,aAAa,EAAE,IACnD;AAAA,aAAS,4CAAC,SAAI,WAAW,iBAAAA,QAAO,OAAQ,iBAAM;AAAA,IAC/C,4CAAC,SAAI,WAAW,YAAY,QAAQ,IAClC,sDAAC,UAAK,WAAW,YAAY,QAAQ,IAClC,UACH,GACF;AAAA,KACF;AAEJ;",
6
- "names": ["styles"]
7
- }
1
+ {"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../../../src/components/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAU5C,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,QAAQ,EACR,QAAQ,GAAG,MAAM,EACjB,KAAK,EACL,eAAe,GAAG,KAAK,EACvB,SAAS,EACV,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,cAAc,EAAE,CAAC;IAEnC,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,IAAI,EAAE,EAAE,aACrD,KAAK,IAAI,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAO,EACrD,cAAK,SAAS,EAAE,YAAY,QAAQ,EAAE,YACpC,eAAM,SAAS,EAAE,YAAY,QAAQ,EAAE,YACpC,QAAQ,GACJ,GACH,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}
@@ -1,29 +1,2 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var CodeBlock_exports = {};
20
- __export(CodeBlock_exports, {
21
- CodeBlock: () => import_CodeBlock.CodeBlock
22
- });
23
- module.exports = __toCommonJS(CodeBlock_exports);
24
- var import_CodeBlock = require("./CodeBlock");
25
- // Annotate the CommonJS export names for ESM import in node:
26
- 0 && (module.exports = {
27
- CodeBlock
28
- });
29
- //# sourceMappingURL=index.js.map
1
+ export { CodeBlock } from './CodeBlock';
2
+ //# sourceMappingURL=index.js.map
@@ -1,7 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/components/CodeBlock/index.ts"],
4
- "sourcesContent": ["export { CodeBlock } from './CodeBlock';\nexport type { CodeBlockProps } from './CodeBlock';\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0B;",
6
- "names": []
7
- }
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CodeBlock/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
@@ -1,63 +1,20 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
- var Common_exports = {};
30
- __export(Common_exports, {
31
- H1: () => H1,
32
- H2: () => H2,
33
- H3: () => H3,
34
- Highlight: () => Highlight
35
- });
36
- module.exports = __toCommonJS(Common_exports);
37
- var import_jsx_runtime = require("react/jsx-runtime");
38
- var import_clsx = __toESM(require("clsx"));
39
- var import_Common = __toESM(require("./Common.module.css"));
40
- function H1(props) {
41
- const { children, id, className } = props;
42
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { id, className: (0, import_clsx.default)(import_Common.default.h1, className), children });
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import clsx from 'clsx';
3
+ import styles from './Common.module.css';
4
+ export function H1(props) {
5
+ const { children, id, className } = props;
6
+ return (_jsx("p", { id: id, className: clsx(styles.h1, className), children: children }));
43
7
  }
44
- function H2(props) {
45
- const { children, className } = props;
46
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: (0, import_clsx.default)(import_Common.default.h2, className), children });
8
+ export function H2(props) {
9
+ const { children, className } = props;
10
+ return (_jsx("p", { className: clsx(styles.h2, className), children: children }));
47
11
  }
48
- function H3(props) {
49
- const { children, style, className } = props;
50
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: (0, import_clsx.default)(import_Common.default.h3, className), style, children });
12
+ export function H3(props) {
13
+ const { children, style, className } = props;
14
+ return (_jsx("h3", { className: clsx(styles.h3, className), style: style, children: children }));
51
15
  }
52
- function Highlight(props) {
53
- const { children, className } = props;
54
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_clsx.default)(import_Common.default.highlight, className), children });
16
+ export function Highlight(props) {
17
+ const { children, className } = props;
18
+ return (_jsx("span", { className: clsx(styles.highlight, className), children: children }));
55
19
  }
56
- // Annotate the CommonJS export names for ESM import in node:
57
- 0 && (module.exports = {
58
- H1,
59
- H2,
60
- H3,
61
- Highlight
62
- });
63
- //# sourceMappingURL=Common.js.map
20
+ //# sourceMappingURL=Common.js.map