Merge branch 'main' into refactor/toolbar-358

oku-ui · Jan 8, 2024 · 307c27d · 307c27d
2 parents fa11427 + 2c6fbb0
commit 307c27d
Show file tree

Hide file tree

Showing 849 changed files with 9,034 additions and 9,360 deletions.
diff --git a/.docs/content/primitives/1.getting-started/1.introduction.md b/.docs/content/primitives/1.getting-started/1.introduction.md
@@ -10,14 +10,12 @@ head:
 
 With Oku, you get a wide range of features that can be easily integrated into your projects, including unstyled, accessible UI components, state management solutions, API integrations, and much more.
 
-
 Oku Primitives is a low-level UI component library with a focus on accessibility, customization and developer experience. You can use these components either as the base layer of your design system, or adopt them incrementally.
 
 ## Acknowledgement
 
 A big thank you to the developers of [Radix Primitives](https://www.radix-ui.com/). Their amazing work made it possible for me to create this port to Vue 3 - without them there is no Oku Primitives.
 
-
 ## Vision
 
 Most of us share similar definitions for common UI patterns like accordion, checkbox,
@@ -82,7 +80,6 @@ The following components are available:
   Get an overview of all available components.
 ::
 
-
 ## Features
 
 - Supports Tailwind CSS
@@ -121,4 +118,4 @@ To file issues, request features, and contribute, check out our GitHub.
 
 [GitHub repo](https://github.com/oku-ui/primitives)
 
-[Code of conduct](https://github.com/oku-ui/primitives/blob/main/CODE_OF_CONDUCT.md)
+[Code of conduct](https://github.com/oku-ui/primitives/blob/main/CODE_OF_CONDUCT.md)
diff --git a/.docs/content/primitives/1.getting-started/2.nuxt.md b/.docs/content/primitives/1.getting-started/2.nuxt.md
@@ -51,9 +51,6 @@ export default {
 ```
 ::
 
-
-
-
 ## Options
 
 ::code-group
@@ -86,7 +83,6 @@ export default {
 ```
 ::
 
-
 ::OkuTable
 ---
 data:
@@ -100,4 +96,4 @@ data:
     description: |
       Install only selected components
 ---
-::
+::
diff --git a/.docs/content/primitives/1.getting-started/3.figma.md b/.docs/content/primitives/1.getting-started/3.figma.md
@@ -31,4 +31,4 @@ The file also contains cover images and open-graph images for Twitter posts.
 
 ## Resources
 - [Oku Primitives File](https://www.figma.com/community/file/1287361241251561588/oku-ui-primitives)
-- [Oku Figma](https://www.figma.com/@oku_ui)
+- [Oku Figma](https://www.figma.com/@oku_ui)
diff --git a/.docs/content/primitives/2.components/accordion.md b/.docs/content/primitives/2.components/accordion.md
@@ -59,7 +59,6 @@ npm install @oku-ui/accordion
 
 ::
 
-
 ## Anatomy
 
 Import the component.
@@ -95,7 +94,6 @@ import {
 ### OkuAccordion
 Contains all the parts of an accordion.
 
-
 ::OkuTable
 ---
 data:
@@ -157,7 +155,6 @@ data:
 ---
 ::
 
-
 ::OkuAttributesTable
 ---
 data:
@@ -170,7 +167,6 @@ data:
 ---
 ::
 
-
 ### OkuAccordionItem
 Contains all the parts of a collapsible section.
 
@@ -200,7 +196,6 @@ data:
 ---
 ::
 
-
 ::OkuAttributesTable
 ---
 data:
@@ -236,7 +231,6 @@ data:
 ---
 ::
 
-
 ::OkuAttributesTable
 ---
 data:
@@ -272,7 +266,6 @@ data:
 ---
 ::
 
-
 ::OkuAttributesTable
 ---
 data:
@@ -292,7 +285,6 @@ data:
 ### OkuAccordionContent
 Contains the collapsible content for an item.
 
-
 ::OkuTable
 ---
 data:
@@ -314,7 +306,6 @@ data:
 ---
 ::
 
-
 ::OkuAttributesTable
 ---
 data:
@@ -331,7 +322,6 @@ data:
 ---
 ::
 
-
 ::CssVariablesTable
 ---
 data:
@@ -382,4 +372,4 @@ data:
     description: |
       When focus is on an `OkuAccordionTrigger`, moves focus to the last `OkuAccordionTrigger`.
 ---
-::
+::
diff --git a/.docs/content/primitives/2.components/alert-dialog.md b/.docs/content/primitives/2.components/alert-dialog.md
@@ -29,7 +29,6 @@ navigation:
 ::
 ::
 
-
 ## Features
 
 - Full keyboard navigation.
@@ -57,7 +56,6 @@ npm install @oku-ui/alert-dialog
 
 ::
 
-
 ## Anatomy
 
 Import the component.
@@ -101,7 +99,6 @@ import {
 ### OkuAlertDialog
 Contains all the parts of an alert dialog.
 
-
 ::OkuTable
 ---
 data:
@@ -141,7 +138,6 @@ data:
 ---
 ::
 
-
 ::OkuAttributesTable
 ---
 data:
@@ -195,7 +191,6 @@ data:
 ---
 ::
 
-
 ::OkuAttributesTable
 ---
 data:
@@ -248,7 +243,6 @@ data:
 ---
 ::
 
-
 ::OkuAttributesTable
 ---
 data:

diff --git a/.docs/content/primitives/2.components/aspect-ratio.md b/.docs/content/primitives/2.components/aspect-ratio.md
@@ -51,8 +51,6 @@ npm install @oku-ui/aspect-ratio
 
 ::
 
-
-
 ## Anatomy
 
 Import the component.
@@ -75,7 +73,6 @@ import { OkuAspectRatio } from '@oku-ui/aspect-ratio'
 ### OkuAspectRatio
 Contains the content you want to constrain to a given ratio.
 
-
 ::OkuTable
 ---
 data:
@@ -89,4 +86,4 @@ data:
     default: 1
     description: The desired ratio
 ---
-::
+::
diff --git a/.docs/content/primitives/2.components/avatar.md b/.docs/content/primitives/2.components/avatar.md
@@ -27,7 +27,6 @@ links:
 ::
 ::
 
-
 ## Features
 
 - Automatic and manual control over when the image renders.
@@ -87,7 +86,6 @@ data:
 ---
 ::
 
-
 ### OkuAvatarImage
 The image to render. By default it will only render when it has loaded. You can use the `onLoadingStatusChange` handler if you need more control.
 
@@ -106,7 +104,6 @@ data:
 ---
 ::
 
-
 ### OkuAvatarFallback
 
 An element that renders when the image hasn't loaded. This means whilst it's loading, or if there was an error. If you notice a flash during loading, you can provide a `delay-ms` prop to delay its rendering so it only renders for those with slower connections. For more control, use the `onLoadingStatusChange` handler on `OkuAvatarImage`.

diff --git a/.docs/content/primitives/2.components/checkbox.md b/.docs/content/primitives/2.components/checkbox.md
@@ -27,16 +27,12 @@ links:
 ::
 ::
 
-
-
 ## Features
 
 - Supports indeterminate state.
 - Full keyboard navigation.
 - Can be controlled or uncontrolled.
 
-
-
 ## Installation
 
 Install the component from your command line.
@@ -57,7 +53,6 @@ npm install @oku-ui/checkbox
 
 ::
 
-
 ## Anatomy
 
 Import the component.
@@ -81,7 +76,6 @@ import { OkuCheckbox, OkuCheckboxIndicator } from '@oku-ui/checkbox'
 ### OkuCheckbox
 Contains all the parts of a checkbox. An input will also render when used within a form to ensure events propagate correctly.
 
-
 ::OkuTable
 ---
 data:
@@ -119,7 +113,6 @@ data:
 ---
 ::
 
-
 ::OkuAttributesTable
 ---
 data:
@@ -133,8 +126,6 @@ data:
 ---
 ::
 
-
-
 ### OkuCheckboxIndicator
 Renders when the checkbox is in a checked or indeterminate state. You can style this element directly, or you can use it as a wrapper to put an icon into, or both.
 
@@ -165,7 +156,6 @@ data:
 ---
 ::
 
-
 ## Accessibility
 
 Adheres to the [tri-state Checkbox WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/patterns/checkbox).

diff --git a/.docs/content/primitives/2.components/collapsible.md b/.docs/content/primitives/2.components/collapsible.md
@@ -31,7 +31,6 @@ links:
 - Full keyboard navigation.
 - Can be controlled or uncontrolled.
 
-
 ## Installation
 
 Install the component from your command line.
@@ -113,11 +112,9 @@ data:
 ---
 ::
 
-
 ## OkuCollapsibleTrigger
 The button that toggles the collapsible.
 
-
 ::OkuTable
 ---
 data:
@@ -141,11 +138,9 @@ data:
 ---
 ::
 
-
 ## OkuCollapsibleContent
 The component that contains the collapsible content.
 
-
 ::OkuTable
 ---
 data:
@@ -182,12 +177,10 @@ data:
 ---
 ::
 
-
 ## Accessibility
 
 Adheres to the [Disclosure WAI-ARIA design pattern.](https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/)
 
-
 ::OkuKeyboardTable
 ---
 data: