From 55e4a4843c5260c09b25d8e9e21542a22308b3fb Mon Sep 17 00:00:00 2001 From: AaronPatterson1 Date: Sat, 16 Nov 2024 16:34:41 -0500 Subject: [PATCH 1/5] Adding Lozenge element --- .../src/pages/components/lozenge/index.tsx | 465 +++++++++++++++++- .../components/routes_list_docs_components.ts | 2 +- 2 files changed, 463 insertions(+), 4 deletions(-) diff --git a/packages/_site/src/pages/components/lozenge/index.tsx b/packages/_site/src/pages/components/lozenge/index.tsx index ab9405c..1c75b6e 100644 --- a/packages/_site/src/pages/components/lozenge/index.tsx +++ b/packages/_site/src/pages/components/lozenge/index.tsx @@ -23,7 +23,7 @@ export default function LozengePage() { >
@@ -36,7 +36,7 @@ export default function LozengePage() { Automatic - {/* Manual */} + Manual
@@ -80,7 +80,7 @@ export default function LozengePage() {
@@ -110,6 +110,465 @@ export default function LozengeExample() { />
+ +
+ +
+ + + Default Bold + + + + + Default Bold + + ); +} +`} + /> +
+
+ +
+ +
+ + + Success + + + + + Success + + ); +} +`} + /> +
+
+ +
+ +
+ + + Success Bold + + + + + Success Bold + + ); +} +`} + /> +
+
+ +
+ +
+ + + Removed + + + + + Removed + + ); +} +`} + /> +
+
+ +
+ +
+ + + Removed Bold + + + + + Removed Bold + + ); +} +`} + /> +
+
+ +
+ +
+ + + In Progress + + + + + In Progress + + ); +} +`} + /> +
+
+ +
+ +
+ + + In Progress Bold + + + + + In Progress Bold + + ); +} +`} + /> +
+
+ +
+ +
+ + + New + + + + + New + + ); +} +`} + /> +
+
+ +
+ +
+ + + New Bold + + + + + New Bold + + ); +} +`} + /> +
+
+ +
+ +
+ + + Moved + + + + + Moved + + ); +} +`} + /> +
+
+ +
+ +
+ + + Moved Bold + + + + + Moved Bold + + ); +} +`} + /> +
+
+ +
+ +
+ + + Default Max Width Overflow + + + + + Default Max Width Overflow + + ); +} +`} + /> +
+
+ +
+ +
+ + + MAX WIDTH OVERFLOW SET TO 100 + + + + + MAX WIDTH OVERFLOW SET TO 100 + + ); +} +`} + /> +
+
+
diff --git a/packages/_site/src/pages/components/routes_list_docs_components.ts b/packages/_site/src/pages/components/routes_list_docs_components.ts index 5ec21b1..97fb7a7 100644 --- a/packages/_site/src/pages/components/routes_list_docs_components.ts +++ b/packages/_site/src/pages/components/routes_list_docs_components.ts @@ -146,7 +146,7 @@ export const componentsList: I_ComponentsList[] = [ { title: "Lozenge", - description: "", + description: "A colored, emphasized label encased in a rounded rectangle element.", link: "/components/lozenge/examples", }, From 56809e7202f7049cb85b79afca24144f6ef32007 Mon Sep 17 00:00:00 2001 From: AaronPatterson1 Date: Sat, 16 Nov 2024 21:11:57 -0500 Subject: [PATCH 2/5] Adding popover component --- .../src/pages/components/popover/index.tsx | 237 +++++++++++++++++- .../components/routes_list_docs_components.ts | 2 +- 2 files changed, 234 insertions(+), 5 deletions(-) diff --git a/packages/_site/src/pages/components/popover/index.tsx b/packages/_site/src/pages/components/popover/index.tsx index 5f42747..ba28674 100644 --- a/packages/_site/src/pages/components/popover/index.tsx +++ b/packages/_site/src/pages/components/popover/index.tsx @@ -26,7 +26,7 @@ export default function PopoverPage() { >
@@ -39,7 +39,7 @@ export default function PopoverPage() { Automatic - {/* Manual */} + Manual
@@ -82,8 +82,8 @@ export default function PopoverPage() {
@@ -155,6 +155,235 @@ export default function PopoverExample() { />
+ +
+ +
+ + + + + + + +
+ Place content for the popover here. +
+ + + + + + + + + + +
+ Place content for the popover here. +
+ + + ); +} +`} + /> +
+
+ +
+ +
+ + + + + + + +
+ Place content for the popover here. +
+ + + + + + + + + + +
+ Place content for the popover here. +
+ + + ); +} +`} + /> +
+
+ +
+ +
+ + + + + + + +
+ Place content for the popover here. +
+ + + + + + + + + + +
+ Place content for the popover here. +
+ + + ); +} +`} + /> +
+
+
diff --git a/packages/_site/src/pages/components/routes_list_docs_components.ts b/packages/_site/src/pages/components/routes_list_docs_components.ts index 97fb7a7..3f0c39d 100644 --- a/packages/_site/src/pages/components/routes_list_docs_components.ts +++ b/packages/_site/src/pages/components/routes_list_docs_components.ts @@ -152,7 +152,7 @@ export const componentsList: I_ComponentsList[] = [ { title: "Popover", - description: "", + description: "A button that can be used to display some content on top of another.", link: "/components/popover/examples", }, From a3ac137fa011a45d088f344198bcffd6b32ad973 Mon Sep 17 00:00:00 2001 From: AaronPatterson1 Date: Sun, 17 Nov 2024 12:24:40 -0500 Subject: [PATCH 3/5] Adding progress bar component --- .../pages/components/progressbar/index.tsx | 60 +++++++++++++++++-- .../components/routes_list_docs_components.ts | 2 +- 2 files changed, 56 insertions(+), 6 deletions(-) diff --git a/packages/_site/src/pages/components/progressbar/index.tsx b/packages/_site/src/pages/components/progressbar/index.tsx index ae5cd43..3eb97ef 100644 --- a/packages/_site/src/pages/components/progressbar/index.tsx +++ b/packages/_site/src/pages/components/progressbar/index.tsx @@ -13,7 +13,7 @@ import ContentsSidebar from "../commons/contents_sidebar"; import { styles } from "../_layout/styles"; import { Progress, - // ProgressTypes + ProgressTypes } from "@controlkit/progress-bar"; export default function ProgressbarPage() { @@ -26,7 +26,7 @@ export default function ProgressbarPage() { >
@@ -39,7 +39,7 @@ export default function ProgressbarPage() { Automatic - {/* Manual */} + Manual
@@ -47,7 +47,7 @@ export default function ProgressbarPage() { install="pnpm add @controlkit/progress-bar" npmjs="https://www.npmjs.com/package/@controlkit/progress-bar" npmTitle="@controlkit/progress-bar" - source="https://github.com/clearfeld/control-ui/tree/main/packages/progress-bar" + source="https://github.com/clearfeld/control-ui/tree/main/packages/progress_bar" />
@@ -83,7 +83,7 @@ export default function ProgressbarPage() {
@@ -101,6 +101,56 @@ export default function PopoverExample() { ); } +`} + /> +
+
+
+ +
+ + + + + + ); +} +`} + /> +
+
+
+ +
+ + + + + + ); +} `} />
diff --git a/packages/_site/src/pages/components/routes_list_docs_components.ts b/packages/_site/src/pages/components/routes_list_docs_components.ts index 3f0c39d..4e57e70 100644 --- a/packages/_site/src/pages/components/routes_list_docs_components.ts +++ b/packages/_site/src/pages/components/routes_list_docs_components.ts @@ -158,7 +158,7 @@ export const componentsList: I_ComponentsList[] = [ { title: "Progress Bar", - description: "", + description: "A bar indicating completion progress.", link: "/components/progress-bar/examples", }, From 068f7af498f3e5142d9088c6a7fedf2af7743ba2 Mon Sep 17 00:00:00 2001 From: AaronPatterson1 Date: Sun, 17 Nov 2024 15:16:19 -0500 Subject: [PATCH 4/5] Fixing example descriptions. --- packages/_site/src/pages/components/progressbar/index.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/_site/src/pages/components/progressbar/index.tsx b/packages/_site/src/pages/components/progressbar/index.tsx index 3eb97ef..bd9565a 100644 --- a/packages/_site/src/pages/components/progressbar/index.tsx +++ b/packages/_site/src/pages/components/progressbar/index.tsx @@ -83,7 +83,7 @@ export default function ProgressbarPage() {
@@ -108,7 +108,7 @@ export default function PopoverExample() {
@@ -133,7 +133,7 @@ export default function PopoverExample() {
From 1696e054bab95777baae840e7dd533ab994272b2 Mon Sep 17 00:00:00 2001 From: AaronPatterson1 Date: Sun, 17 Nov 2024 17:02:21 -0500 Subject: [PATCH 5/5] Fixing manual install --- packages/_site/src/pages/components/progressbar/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/_site/src/pages/components/progressbar/index.tsx b/packages/_site/src/pages/components/progressbar/index.tsx index bd9565a..dab93bf 100644 --- a/packages/_site/src/pages/components/progressbar/index.tsx +++ b/packages/_site/src/pages/components/progressbar/index.tsx @@ -69,7 +69,7 @@ export default function ProgressbarPage() {