Merge branch 'dev' into feat/ements-disclosure

nuxt · Jun 27, 2023 · f80b996 · f80b996
2 parents 6b018f4 + 0bfe4b0
commit f80b996
Show file tree

Hide file tree

Showing 13 changed files with 53 additions and 18 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,34 @@
 # Changelog
 
+## [2.5.0](https://github.com/nuxtlabs/ui/compare/v2.4.1...v2.5.0) (2023-06-27)
+
+
+### ⚠ BREAKING CHANGES
+
+* **Radio/Checkbox/Toggle:** handle `color` prop for form elements (#323)
+
+### Features
+
+* **Avatar:** handle `chipText` ([#306](https://github.com/nuxtlabs/ui/issues/306)) ([759af05](https://github.com/nuxtlabs/ui/commit/759af058df636f55a54326b21ebb1c315c73c26b))
+* **defineShortcuts:** chained shortcuts + docs update ([#282](https://github.com/nuxtlabs/ui/issues/282)) ([a67f691](https://github.com/nuxtlabs/ui/commit/a67f691a0066e4d017f580388df31b22d1c45372))
+* **Radio/Checkbox/Toggle:** handle `color` prop for form elements ([#323](https://github.com/nuxtlabs/ui/issues/323)) ([ffb312d](https://github.com/nuxtlabs/ui/commit/ffb312d34dfc2ac7a7aabdcbdf9ddb1d04d8a66f))
+* **Range:** new component ([#290](https://github.com/nuxtlabs/ui/issues/290)) ([97a1c86](https://github.com/nuxtlabs/ui/commit/97a1c8643314d5ff950b122f46f31b206485cd50))
+* RTL support ([#320](https://github.com/nuxtlabs/ui/issues/320)) ([4ea114a](https://github.com/nuxtlabs/ui/commit/4ea114a4d6b11277674c121130f746927045ade3))
+* **Table:** pass row index to table cell ([#291](https://github.com/nuxtlabs/ui/issues/291)) ([71c2465](https://github.com/nuxtlabs/ui/commit/71c2465d7be78cfb0e274b107aceda9de5384fb7))
+* **Table:** reset sort on third click ([1ff11ac](https://github.com/nuxtlabs/ui/commit/1ff11ac1a3eff537a4ee854a049668f312f1d415)), closes [#300](https://github.com/nuxtlabs/ui/issues/300)
+
+
+### Bug Fixes
+
+* **components:** prefix `@headlessui/vue` components ([41b85d5](https://github.com/nuxtlabs/ui/commit/41b85d50a865cfe4aa0f06a62f5209358422eaec)), closes [#315](https://github.com/nuxtlabs/ui/issues/315)
+* **defineShortcuts:** missing `ref` import ([a880379](https://github.com/nuxtlabs/ui/commit/a8803794802c4032f703a0a0a6343a8204b19bc8))
+* **defineShortcuts:** missing `useDebounceFn` import ([9cd73aa](https://github.com/nuxtlabs/ui/commit/9cd73aa49d1dd43bac8ec71932b850bdcb375fcf))
+* **FormGroup:** prevent overriding `color` of children ([6be9290](https://github.com/nuxtlabs/ui/commit/6be9290f689c449b6a6435a3ef25e89a106e1c06)), closes [#352](https://github.com/nuxtlabs/ui/issues/352)
+* **Table:** default `sortButton` icon ([07b27a2](https://github.com/nuxtlabs/ui/commit/07b27a228d293655368825979a6ca0bc1dd6e51a))
+* **Table:** missing default sort icon when overriding `sort-button` prop ([0f3fe0d](https://github.com/nuxtlabs/ui/commit/0f3fe0d54ef8b45a046b84ceb31ae55a26e153fb))
+* **Toggle:** add `opacity-50` when disabled ([c2ebb04](https://github.com/nuxtlabs/ui/commit/c2ebb0416eb2c92b759be5a4bf0d219031889b4b))
+* **Tooltip:** add `color` in config ([1b03b8a](https://github.com/nuxtlabs/ui/commit/1b03b8a531d397871e0df4f8574d7f47ac4ec610))
+
 ### [2.4.1](https://github.com/nuxtlabs/ui/compare/v2.4.0...v2.4.1) (2023-06-21)
 
 

diff --git a/...ponents/content/themes/LTRAndRTLTheme.vue → ...content/examples/PaginationExampleRTL.vue b/...ponents/content/themes/LTRAndRTLTheme.vue → ...content/examples/PaginationExampleRTL.vue
@@ -4,8 +4,8 @@ const items = ref(Array(55))
 </script>
 
 <template>
-  <div class="w-full gap-3">
-    <div class="flex justify-between w-full mb-2 border-b pb-4">
+  <div class="w-full divide-y divide-gray-200 dark:divide-gray-700 space-y-4">
+    <div class="flex justify-between w-full">
       <div dir="ltr">
         <UInput
           icon="i-heroicons-magnifying-glass-20-solid"
@@ -27,7 +27,7 @@ const items = ref(Array(55))
       </div>
     </div>
 
-    <div class="flex justify-between w-full mt-4">
+    <div class="flex justify-between w-full pt-4">
       <div dir="ltr">
         <UPagination
           v-model="page"

diff --git a/docs/content/1.getting-started/4.shortcuts.md b/docs/content/1.getting-started/4.shortcuts.md
@@ -48,7 +48,7 @@ defineShortcuts({
 </script>
 ```
 
-Shortcuts keys are written as the literal keyboard key value. Combinations are made with `_` separator. Chained shortcuts are made with `-` separator.
+Shortcuts keys are written as the literal keyboard key value. Combinations are made with `_` separator. Chained shortcuts are made with `-` separator. :u-badge{label="New" class="!rounded-full"}
 
 Modifiers are also available:
 - `meta`: acts as `Command` for MacOS and `Control` for others

diff --git a/docs/content/1.getting-started/5.examples.md b/docs/content/1.getting-started/5.examples.md
@@ -250,9 +250,17 @@ const items = ref(Array(55))
 ```
 ::
 
-### LTR and RTL
+## RTL Support
+
+Here are some examples of how components look like in RTL mode.
+
+### Pagination
 
 ::component-example
 #default
-:l-t-r-and-r-t-l-theme
+:pagination-example-r-t-l
+::
+
+::alert{icon="i-simple-icons-github" to="https://github.com/nuxtlabs/ui/blob/dev/docs/components/content/examples/PaginationExampleRTL.vue"}
+Take a look at the component!
 ::
diff --git a/docs/content/2.elements/1.avatar.md b/docs/content/2.elements/1.avatar.md
@@ -29,7 +29,7 @@ baseProps:
 
 ### Chip
 
-Use the `chip-color`, `chip-text` :u-badge{label="Edge" class="!rounded-full"} and `chip-position` props to display a chip on the Avatar.
+Use the `chip-color`, `chip-text` :u-badge{label="New" class="!rounded-full"} and `chip-position` props to display a chip on the Avatar.
 
 ::component-card
 ---

diff --git a/docs/content/3.forms/5.checkbox.md b/docs/content/3.forms/5.checkbox.md
@@ -36,7 +36,7 @@ props:
 ---
 ::
 
-### Style
+### Style :u-badge{label="New" class="ml-2 align-text-bottom !rounded-full"}
 
 Use the `color` prop to change the style of the Checkbox.
 

diff --git a/docs/content/3.forms/6.radio.md b/docs/content/3.forms/6.radio.md
@@ -50,7 +50,7 @@ props:
 ---
 ::
 
-### Style
+### Style :u-badge{label="New" class="ml-2 align-text-bottom !rounded-full"}
 
 Use the `color` prop to change the style of the Radio.
 

diff --git a/docs/content/3.forms/7.toggle.md b/docs/content/3.forms/7.toggle.md
@@ -26,7 +26,7 @@ const selected = ref(false)
 ```
 ::
 
-### Style
+### Style :u-badge{label="New" class="ml-2 align-text-bottom !rounded-full"}
 
 Use the `color` prop to change the style of the Toggle.
 

diff --git a/docs/content/3.forms/8.range.md b/docs/content/3.forms/8.range.md
@@ -2,7 +2,7 @@
 github: true
 description: Display a range field
 navigation:
-  badge: "Edge"
+  badge: New
 ---
 
 ## Usage

diff --git a/docs/content/4.data/1.table.md b/docs/content/4.data/1.table.md
@@ -401,7 +401,7 @@ const rows = computed(() => {
 ```
 ::
 
-### Loading :u-badge{label="New" class="ml-2 align-text-bottom !rounded-full"}
+### Loading
 
 Use the `loading` prop to display a loading state.
 
@@ -566,7 +566,7 @@ const selected = ref([people[1]])
 ```
 ::
 
-### `loading-state` :u-badge{label="New" class="ml-2 align-text-bottom !rounded-full"}
+### `loading-state`
 
 Use the `#loading-state` slot to customize the loading state.
 
@@ -605,7 +605,7 @@ const pending = ref(true)
 ```
 ::
 
-### `empty-state` :u-badge{label="New" class="ml-2 align-text-bottom !rounded-full"}
+### `empty-state`
 
 Use the `#empty-state` slot to customize the empty state.
 

diff --git a/docs/content/5.navigation/2.command-palette.md b/docs/content/5.navigation/2.command-palette.md
@@ -325,7 +325,7 @@ The `loading` state will automatically be enabled when a `search` function is lo
 
 ## Slots
 
-### `empty-state` :u-badge{label="New" class="ml-2 align-text-bottom !rounded-full"}
+### `empty-state`
 
 Use the `#empty-state` slot to customize the empty state.
 

diff --git a/docs/content/5.navigation/3.pagination.md b/docs/content/5.navigation/3.pagination.md
@@ -1,8 +1,6 @@
 ---
 github: true
 description: Add a pagination to handle pages.
-navigation:
-  badge: 'New'
 ---
 
 ## Usage

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@nuxthq/ui",
-  "version": "2.4.1",
+  "version": "2.5.0",
   "repository": "https://github.com/nuxtlabs/ui",
   "license": "MIT",
   "exports": {