chore: changeset 0.11.2

kobaltedev · Oct 21, 2023 · 677f256 · 677f256
1 parent 62a0734
commit 677f256
Show file tree

Hide file tree

Showing 7 changed files with 106 additions and 124 deletions.
diff --git a/.changeset/mighty-timers-cough.md b/.changeset/mighty-timers-cough.md
@@ -0,0 +1,5 @@
+---
+"@kobalte/core": patch
+---
+
+added `Slider` component
diff --git a/apps/docs/src/VERSIONS.ts b/apps/docs/src/VERSIONS.ts
@@ -14,4 +14,4 @@ export const CORE_VERSIONS = [
 
 export const LATEST_CORE_CHANGELOG_URL = `/docs/changelog/${CORE_VERSIONS[0].replaceAll(".", "-")}`;
 
-export const LATEST_CORE_VERSION_NAME = "v0.11.1";
+export const LATEST_CORE_VERSION_NAME = "v0.11.2";
diff --git a/apps/docs/src/examples/slider.module.css b/apps/docs/src/examples/slider.module.css
@@ -13,7 +13,7 @@
 }
 
 .SliderTrack {
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: hsl(240 6% 90%);
   position: relative;
   border-radius: 9999px;
   height: 8px;
@@ -24,9 +24,10 @@
   width: 8px;
   height: 100%;
 }
+
 .SliderRange {
   position: absolute;
-  background-color: white;
+  background-color: hsl(200 98% 39%);
   border-radius: 9999px;
   height: 100%;
 }
@@ -35,39 +36,36 @@
   width: 100%;
   height: unset;
 }
+
 .SliderThumb {
   display: block;
   width: 16px;
   height: 16px;
-  background-color: #0090ff;
+  background-color: hsl(200 98% 39%);
   border-radius: 9999px;
   top: -4px;
 }
+
 .SliderThumb[data-orientation="vertical"] {
   left: -4px;
   top: unset;
 }
+
 .SliderThumb:hover {
   box-shadow: 0 0 0 5px #2a91fe98;
 }
+
 .SliderThumb:focus {
   outline: none;
   box-shadow: 0 0 0 5px #2a91fe98;
 }
+
 .SliderLabel {
   width: 100%;
   display: flex;
   justify-content: space-between;
 }
 
-.SecondThumb {
-  background-color: #30a46c;
-}
-
-.SecondThumb:hover {
-  box-shadow: 0 0 0 5px #50fdac5e;
-}
-
-.SecondThumb:focus {
-  box-shadow: 0 0 0 5px #50fdac5e;
+[data-kb-theme="dark"] .SliderTrack {
+  background-color: hsl(240 5% 26%);
 }
diff --git a/apps/docs/src/examples/slider.tsx b/apps/docs/src/examples/slider.tsx
@@ -31,7 +31,7 @@ export function MultipleThumbsExample() {
         <Slider.Thumb class={style["SliderThumb"]}>
           <Slider.Input />
         </Slider.Thumb>
-        <Slider.Thumb class={`${style["SliderThumb"]} ${style["SecondThumb"]}`}>
+        <Slider.Thumb class={`${style["SliderThumb"]} ${style["SliderThumb"]}`}>
           <Slider.Input />
         </Slider.Thumb>
       </Slider.Track>
@@ -41,7 +41,7 @@ export function MultipleThumbsExample() {
 
 export function StepExample() {
   return (
-    <>
+    <div class="flex flex-col space-y-4">
       <Slider.Root class={style["SliderRoot"]} step={8}>
         <div class={style["SliderLabel"]}>
           <Slider.Label>Step size 8</Slider.Label>
@@ -78,7 +78,7 @@ export function StepExample() {
           </Slider.Thumb>
         </Slider.Track>
       </Slider.Root>
-    </>
+    </div>
   );
 }
 
@@ -94,7 +94,7 @@ export function MinStepsBetweenExample() {
         <Slider.Thumb class={style["SliderThumb"]}>
           <Slider.Input />
         </Slider.Thumb>
-        <Slider.Thumb class={`${style["SliderThumb"]} ${style["SecondThumb"]}`}>
+        <Slider.Thumb class={`${style["SliderThumb"]} ${style["SliderThumb"]}`}>
           <Slider.Input />
         </Slider.Thumb>
       </Slider.Track>
@@ -137,7 +137,7 @@ export function CustomValueLabelExample() {
         <Slider.Thumb class={style["SliderThumb"]}>
           <Slider.Input />
         </Slider.Thumb>
-        <Slider.Thumb class={`${style["SliderThumb"]} ${style["SecondThumb"]}`}>
+        <Slider.Thumb class={`${style["SliderThumb"]} ${style["SliderThumb"]}`}>
           <Slider.Input />
         </Slider.Thumb>
       </Slider.Track>

diff --git a/apps/docs/src/routes/docs/changelog/0-11-x.mdx b/apps/docs/src/routes/docs/changelog/0-11-x.mdx
@@ -1,5 +1,15 @@
 # v0.11.x
 
+## v0.11.2 (October 21, 2023)
+
+**New features**
+
+- Added `Slider` component.
+
+**Bug fixes**
+
+- [#278](https://github.com/kobaltedev/kobalte/pull/278)
+
 ## v0.11.1 (October 20, 2023)
 
 **New features**

diff --git a/apps/docs/src/routes/docs/core.tsx b/apps/docs/src/routes/docs/core.tsx
@@ -67,7 +67,6 @@ const CORE_NAV_SECTIONS: NavSection[] = [
       {
         title: "Combobox",
         href: "/docs/core/components/combobox",
-        status: "updated",
       },
       {
         title: "Context Menu",
Original file line number	Diff line number	Diff line change
Expand Up		@@ -14,4 +14,4 @@ export const CORE_VERSIONS = [

		export const LATEST_CORE_CHANGELOG_URL = `/docs/changelog/${CORE_VERSIONS[0].replaceAll(".", "-")}`;

		export const LATEST_CORE_VERSION_NAME = "v0.11.1";
		export const LATEST_CORE_VERSION_NAME = "v0.11.2";