@designcrowd/fe-shared-lib 1.8.5-edge-fallback-6 → 1.8.6

package/dist/css/tailwind-designCrowd.css

@@ -551,6 +551,9 @@ video {
 .tw-relative {
   position: relative;
 }
+.tw-inset-0 {
+  inset: 0px;
+}
 .tw--left-16 {
   left: -4rem;
 }
@@ -946,6 +949,9 @@ video {
 .tw-w-96 {
   width: 24rem;
 }
+.tw-w-\[14rem\] {
+  width: 14rem;
+}
 .tw-w-auto {
   width: auto;
 }
@@ -1210,6 +1216,9 @@ video {
 .tw-rounded-full {
   border-radius: 9999px;
 }
+.tw-rounded-lg {
+  border-radius: 0.5rem;
+}
 .tw-rounded-md {
   border-radius: 0.375rem;
 }
@@ -1394,6 +1403,9 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
+.tw-border-t-transparent {
+  border-top-color: transparent;
+}
 .tw-bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
@@ -1509,6 +1521,9 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
+.tw-bg-white\/50 {
+  background-color: rgb(255 255 255 / 0.5);
+}
 .tw-bg-opacity-75 {
   --tw-bg-opacity: 0.75;
 }
@@ -1851,6 +1866,9 @@ video {
 .tw-font-bold {
   font-weight: 700;
 }
+.tw-font-medium {
+  font-weight: 500;
+}
 .tw-font-normal {
   font-weight: 400;
 }
@@ -1878,6 +1896,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(146 38 36 / var(--tw-text-opacity));
 }
+.tw-text-grayscale-400 {
+  --tw-text-opacity: 1;
+  color: rgb(230 230 230 / var(--tw-text-opacity));
+}
 .tw-text-grayscale-500 {
   --tw-text-opacity: 1;
   color: rgb(204 204 204 / var(--tw-text-opacity));
@@ -2031,6 +2053,11 @@ video {
   --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.tw-transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .tw-transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2062,6 +2089,10 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(230 230 230 / var(--tw-border-opacity));
 }
+.hover\:tw-border-grayscale-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(204 204 204 / var(--tw-border-opacity));
+}
 .hover\:tw-border-info-600:hover {
   --tw-border-opacity: 1;
   border-color: rgb(14 121 188 / var(--tw-border-opacity));
@@ -2098,6 +2129,14 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(230 230 230 / var(--tw-bg-opacity));
 }
+.hover\:tw-bg-grayscale-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(204 204 204 / var(--tw-bg-opacity));
+}
+.hover\:tw-bg-grayscale-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(82 93 96 / var(--tw-bg-opacity));
+}
 .hover\:tw-bg-info-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(207 234 251 / var(--tw-bg-opacity));
@@ -2122,6 +2161,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(14 121 188 / var(--tw-bg-opacity));
 }
+.hover\:tw-bg-primary-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(10 91 141 / var(--tw-bg-opacity));
+}
 .hover\:tw-bg-secondary-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(223 226 230 / var(--tw-bg-opacity));
@@ -2138,6 +2181,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(74 87 103 / var(--tw-bg-opacity));
 }
+.hover\:tw-bg-secondary-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(56 65 77 / var(--tw-bg-opacity));
+}
 .hover\:tw-bg-success-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(213 242 223 / var(--tw-bg-opacity));
@@ -2150,10 +2197,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(194 140 34 / var(--tw-bg-opacity));
 }
-.hover\:tw-text-grayscale-800:hover {
-  --tw-text-opacity: 1;
-  color: rgb(39 52 56 / var(--tw-text-opacity));
-}
 .hover\:tw-text-primary-600:hover {
   --tw-text-opacity: 1;
   color: rgb(14 121 188 / var(--tw-text-opacity));
@@ -2210,6 +2253,18 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.focus-visible\:tw-ring-2:focus-visible {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.focus-visible\:tw-ring-primary-500:focus-visible {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(17 151 235 / var(--tw-ring-opacity));
+}
+.focus-visible\:tw-ring-offset-2:focus-visible {
+  --tw-ring-offset-width: 2px;
+}
 .tw-group:hover .group-hover\:tw-text-info-500 {
   --tw-text-opacity: 1;
   color: rgb(17 151 235 / var(--tw-text-opacity));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.8.5-edge-fallback-6",
+  "version": "1.8.6",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",

package/scripts/publish-uat.sh

@@ -1,17 +1,19 @@
 #!/usr/bin/env bash
 #
-# publish-uat.sh — publish a UAT-suffixed version of @designcrowd/fe-shared-lib
+# publish-uat.sh — publish @designcrowd/fe-shared-lib (UAT or stable)
 #
-# Usage:   ./scripts/publish-uat.sh <suffix>
+# Usage:   ./scripts/publish-uat.sh <suffix>     # UAT pre-release
+#          ./scripts/publish-uat.sh --stable     # final release (no suffix)
 # Example: ./scripts/publish-uat.sh edge-fallback-2
+#          ./scripts/publish-uat.sh --stable
 #
 # Reads the npm publish token from $NPM_PUBLISH_TOKEN_FILE
 # (default ~/.config/designcrowd/npm-publish-token, mode 600).
 # The token is never written into the repo.
 #
 # Workflow:
-#   1. Validate branch (refuse master) and suffix.
-#   2. Compute new version = <base>-<suffix>, refuse if already published.
+#   1. Validate args; in UAT mode also refuse master/main.
+#   2. Compute new version (<base>-<suffix> or <base>); refuse if already published.
 #   3. Bump package.json, run bundle-translation.
 #   4. npm pack — produces a tarball.
 #   5. Secret scan: dangerous filenames + token-shaped strings + the
@@ -33,16 +35,28 @@ TOKEN_FILE="${NPM_PUBLISH_TOKEN_FILE:-$HOME/.config/designcrowd/npm-publish-toke
 abort() { echo "ABORT: $*" >&2; exit 1; }
 
 # --- args ---
-SUFFIX="${1:-}"
-[[ -z "$SUFFIX" ]] && abort "usage: $0 <suffix>  e.g. $0 edge-fallback-2"
-# Semver pre-release identifiers are [0-9A-Za-z-], dot-separated. Reject underscores etc.
-# so we fail before npm rejects the version mid-flight with a dirty tree.
-[[ "$SUFFIX" =~ ^[A-Za-z0-9-]+(\.[A-Za-z0-9-]+)*$ ]] || abort "suffix must match semver pre-release: alphanumerics/hyphens, optionally dot-separated"
+MODE="uat"
+SUFFIX=""
+ARG="${1:-}"
+if [[ "$ARG" == "--stable" ]]; then
+  MODE="stable"
+elif [[ -n "$ARG" ]]; then
+  SUFFIX="$ARG"
+  # Semver pre-release identifiers are [0-9A-Za-z-], dot-separated. Reject underscores etc.
+  # so we fail before npm rejects the version mid-flight with a dirty tree.
+  [[ "$SUFFIX" =~ ^[A-Za-z0-9-]+(\.[A-Za-z0-9-]+)*$ ]] || abort "suffix must match semver pre-release: alphanumerics/hyphens, optionally dot-separated"
+else
+  abort $'usage: '"$0"$' <suffix>     # UAT pre-release (e.g. edge-fallback-2)\n       '"$0"$' --stable     # final release'
+fi
 
 # --- repo state ---
 cd "$(git rev-parse --show-toplevel)"
 BRANCH=$(git symbolic-ref --short HEAD)
-[[ "$BRANCH" == "master" || "$BRANCH" == "main" ]] && abort "refusing to publish from $BRANCH"
+# UAT publishes from feature branches only; stable can come from any branch
+# (master is the typical case but feature-branch hot publishes are allowed too).
+if [[ "$MODE" == "uat" ]]; then
+  [[ "$BRANCH" == "master" || "$BRANCH" == "main" ]] && abort "refusing UAT publish from $BRANCH"
+fi
 
 # --- preconditions: files we'll commit must be clean, so unrelated edits don't get swept into the version-bump commit ---
 [[ -z "$(git status --porcelain -- package.json)" ]] || abort "package.json has uncommitted changes; commit or stash before publishing"
@@ -70,10 +84,18 @@ fi
 
 # --- compute version ---
 BASE=$(node -p "require('./package.json').version.replace(/-.*/, '')")
-NEW="$BASE-$SUFFIX"
+if [[ "$MODE" == "stable" ]]; then
+  NEW="$BASE"
+else
+  NEW="$BASE-$SUFFIX"
+fi
 
 if npm view "$PKG@$NEW" version >/dev/null 2>&1; then
-  abort "$PKG@$NEW already published — pick a new suffix"
+  if [[ "$MODE" == "stable" ]]; then
+    abort "$PKG@$NEW already published — bump the base version in package.json first"
+  else
+    abort "$PKG@$NEW already published — pick a new suffix"
+  fi
 fi
 
 echo "==> publishing $PKG@$NEW from branch $BRANCH"

package/src/atoms/components/Icon/Icon.vue

@@ -88,6 +88,7 @@ import IconCalloutWarning from './icons/callout-warning.vue';
 import IconCap from './icons/cap.vue';
 import IconCard from './icons/card.vue';
 import IconCartEmpty from './icons/cart-empty.vue';
+import IconCheckRounded from './icons/check-rounded.vue';
 import IconCheckThin from './icons/check-thin.vue';
 import IconCheck from './icons/check.vue';
 import IconChevronDown from './icons/chevron-down.vue';
@@ -237,6 +238,7 @@ import IconLinkInBioFilled from './icons/link-in-bio-filled.vue';
 import IconMedia from './icons/media.vue';
 import IconMinusCircleLight from './icons/minus-circle-light.vue';
 import IconMinus from './icons/minus.vue';
+import IconMicrophoneBold from './icons/microphone-bold.vue';
 import IconMicrophone from './icons/microphone.vue';
 import IconMobile from './icons/mobile.vue';
 import IconOther from './icons/other.vue';
@@ -505,6 +507,7 @@ export default {
     IconCard,
     IconCartEmpty,
     IconCheck,
+    IconCheckRounded,
     IconCheckThin,
     IconChevronDown,
     IconChevronLeft,
@@ -640,6 +643,7 @@ export default {
     IconMinus,
     IconMinusCircleLight,
     IconMicrophone,
+    IconMicrophoneBold,
     IconMobile,
     IconMug,
     IconOther,

package/src/atoms/components/Icon/icons/check-rounded.vue

@@ -0,0 +1,7 @@
+<template>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M14.1994 3.31381C14.6002 3.73223 14.6002 4.41062 14.1994 4.82904L6.67308 12.6861C6.27227 13.1046 5.62245 13.1046 5.22164 12.6861L1.8006 9.11475C1.3998 8.69633 1.3998 8.01794 1.8006 7.59952C2.20139 7.1811 2.85122 7.1811 3.25202 7.59952L5.94736 10.4133L12.7479 3.31381C13.1488 2.8954 13.7985 2.8954 14.1994 3.31381Z"
+  />
+</template>

package/src/atoms/components/Icon/icons/microphone-bold.vue

@@ -0,0 +1,7 @@
+<template>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M2.5835 8.00031V6.66632C2.58367 6.25226 2.91939 5.91632 3.3335 5.91632C3.7476 5.91632 4.08332 6.25226 4.0835 6.66632V8.00031C4.08367 10.1633 5.83748 11.9163 8.00049 11.9163C10.1633 11.9161 11.9163 10.1632 11.9165 8.00031V6.66632C11.9167 6.25237 12.2525 5.9165 12.6665 5.91632C13.0806 5.91632 13.4163 6.25226 13.4165 6.66632V8.00031C13.4163 10.737 11.3866 12.9971 8.75049 13.3626V13.9163H10.6665C11.0806 13.9163 11.4163 14.2523 11.4165 14.6663C11.4165 15.0805 11.0807 15.4163 10.6665 15.4163H5.3335C4.91928 15.4163 4.5835 15.0805 4.5835 14.6663C4.58367 14.2523 4.91939 13.9163 5.3335 13.9163H7.25049V13.3626C4.61402 12.9974 2.58366 10.7372 2.5835 8.00031ZM9.25049 3.33331C9.25049 2.64307 8.69069 2.08349 8.00049 2.08331C7.31013 2.08331 6.75049 2.64296 6.75049 3.33331V8.00031C6.75066 8.69051 7.31024 9.25031 8.00049 9.25031C8.69059 9.25013 9.25031 8.6904 9.25049 8.00031V3.33331ZM10.7505 8.00031C10.7503 9.51883 9.51901 10.7501 8.00049 10.7503C6.48181 10.7503 5.25066 9.51894 5.25049 8.00031V3.33331C5.25049 1.81453 6.48171 0.583313 8.00049 0.583313C9.51912 0.583489 10.7505 1.81464 10.7505 3.33331V8.00031Z"
+  />
+</template>

package/src/atoms/components/VoiceToTextButton/VoiceToTextButton.vue

@@ -17,7 +17,7 @@
     @click="toggle"
   >
     <Icon
-      name="microphone"
+      name="microphone-bold"
       :size="iconSize"
       :class="variantClasses.icon"
       aria-hidden="true"
@@ -94,10 +94,8 @@ const variantClasses = computed(() => {
   };
 });
 
-// Keep recognition language in sync with prop
 watch(toRef(props, 'lang'), setLang);
 
-// Watch for transcript changes and emit appropriate events
 watch(
   [transcript, isFinal],
   ([newTranscript, newIsFinal]) => {
@@ -110,7 +108,6 @@ watch(
   { flush: 'sync' },
 );
 
-// Watch for listening state changes
 watch(isListening, (newVal, oldVal) => {
   if (newVal && !oldVal) {
     emit('on-start');
@@ -120,7 +117,6 @@ watch(isListening, (newVal, oldVal) => {
   }
 });
 
-// Watch for errors
 watch(error, (newError) => {
   if (newError) {
     emit('on-error', newError);

package/src/useVoiceToText.ts

@@ -67,17 +67,14 @@ function getState(): VoiceToTextState {
 export function useVoiceToText(options: UseVoiceToTextOptions = {}): UseVoiceToTextReturn {
   const { lang = 'en-US' } = options;
 
-  // Get or create shared state
   const { isListening, transcript, isFinal, error } = getState();
 
-  // Check for browser support
   const SpeechRecognitionCtor: typeof SpeechRecognition | null =
     typeof window !== 'undefined' ? window.SpeechRecognition || window.webkitSpeechRecognition : null;
 
   const supported = !!SpeechRecognitionCtor && !isEdgeBrowser();
   const isSupported = computed(() => supported);
 
-  // Initialize singleton once
   if (!isInitialized && supported && SpeechRecognitionCtor) {
     recognition = new SpeechRecognitionCtor();
     recognition.continuous = true;
@@ -112,7 +109,6 @@ export function useVoiceToText(options: UseVoiceToTextOptions = {}): UseVoiceToT
       // eslint-disable-next-line no-console
       console.warn('[useVoiceToText]', event.error, message);
 
-      // Auto-clear error after timeout
       if (errorClearTimeout) {
         clearTimeout(errorClearTimeout);
       }
@@ -128,7 +124,6 @@ export function useVoiceToText(options: UseVoiceToTextOptions = {}): UseVoiceToT
     isInitialized = true;
   }
 
-  // Update language on existing instance
   if (recognition) {
     recognition.lang = lang;
   }
@@ -136,7 +131,6 @@ export function useVoiceToText(options: UseVoiceToTextOptions = {}): UseVoiceToT
   const start = () => {
     if (!recognition || isListening.value) return;
 
-    // Clear previous state
     transcript.value = '';
     isFinal.value = false;
     error.value = null;
@@ -149,7 +143,6 @@ export function useVoiceToText(options: UseVoiceToTextOptions = {}): UseVoiceToT
       recognition.start();
       isListening.value = true;
     } catch (e: unknown) {
-      // Handle case where recognition is already started
       // eslint-disable-next-line no-console
       console.warn('[useVoiceToText] Failed to start:', (e as Error).message);
     }
@@ -162,7 +155,6 @@ export function useVoiceToText(options: UseVoiceToTextOptions = {}): UseVoiceToT
     try {
       recognition.stop();
     } catch (e: unknown) {
-      // Handle case where recognition is already stopped
       // eslint-disable-next-line no-console
       console.warn('[useVoiceToText] Failed to stop:', (e as Error).message);
     }

package/.storybook-static/assets/Auth-DT64t5h-.css

@@ -1 +0,0 @@
-.email-input[data-v-777ace40]{background-image:url(https://dcstatic.com/images/icons/forms/forms-email-58207f9a5c.svg);background-position:top 50% left .5rem}.password-input[data-v-777ace40]{background-image:url(https://dcstatic.com/images/icons/forms/forms-password-ff538cd5e4.svg);background-position:top 50% left .5rem}.tw-pl-10-important[data-v-777ace40]{padding-left:2.5rem!important}.email-input[data-v-91cb4060]{background-image:url(https://dcstatic.com/images/icons/forms/forms-email-58207f9a5c.svg);background-position:top 50% left .5rem}.tw-pl-10-important[data-v-91cb4060]{padding-left:2.5rem!important}.password-input[data-v-524c1521]{background-image:url(https://dcstatic.com/images/icons/forms/forms-password-ff538cd5e4.svg);background-position:top 50% left .5rem}.tw-pl-10-important[data-v-524c1521]{padding-left:2.5rem!important}