docs(examples): improve color example components

Author: estherbrunner

…onents/basic-button/copy-to-clipboard.ts …mponents/basic-button/copyToClipboard.tsdocs-src/components/basic-button/copy-to-clipboard.ts renamed to docs-src/components/basic-button/copyToClipboard.ts docs-src/components/basic-button/copy-to-clipboard.ts renamed to docs-src/components/basic-button/copyToClipboard.ts

@@ -9,8 +9,8 @@ import {
 	getText,
 	setText,
 } from '../../..'
-import { asOklch } from '../../functions/parser/as-oklch'
-import { getStepColor } from '../../functions/shared/get-step-color'
+import { asOklch } from '../../functions/parser/asOklch'
+import { getStepColor } from '../../functions/shared/getStepColor'
 
 export type CardColorscaleProps = {
 	name: string

docs-src/components/card-colorscale/card-colorscale.ts

@@ -14,8 +14,8 @@ import {
 	toggleClass,
 	UNSET,
 } from '../../..'
-import { fetchWithCache } from '../../functions/shared/fetch-with-cache'
-import { isInternalLink } from '../../functions/shared/is-internal-link'
+import { fetchWithCache } from '../../functions/shared/fetchWithCache'
+import { isInternalLink } from '../../functions/shared/isInternalLink'
 
 export type ContextRouterProps = {
 	'router-pathname': string

docs-src/components/context-router/context-router.ts

@@ -13,7 +13,13 @@
 			<li class="darken80"></li>
 		</ol>
 	</div>
-	<div class="slider" role="slider" tabindex="0" aria-controls="hue">
+	<div
+		class="slider"
+		role="slider"
+		tabindex="0"
+		aria-controls="hue"
+		aria-labelledby="hue-label"
+	>
 		<canvas width="360" height="1"></canvas>
 		<span class="thumb"></span>
 	</div>
@@ -47,7 +53,7 @@
 		</div>
 	</div>
 	<div class="hue">
-		<label for="hue">Hue</label>
+		<label id="hue-label" for="hue">Hue</label>
 		<div class="input">
 			<input id="hue" name="hue" type="number" />
 			<span class="unit">°</span>