fix some final missed strings

Author: braddialpad

apps/dialtone-documentation/docs/components/mode-island.md

@@ -121,7 +121,7 @@ keywords: ["theme island","mode override","v-dt-mode","directive","light","dark"
         </dt-stack>
         <dt-stack direction="row" gap="100" class="d-100p">
           <dt-button :size="200" class="d-fl1">Button</dt-button>
-          <dt-button :size="200" class="d-fl1" kind="danger">Button</dt-button>
+          <dt-button :size="200" class="d-fl1" kind="critical">Button</dt-button>
         </dt-stack>
       </dt-stack>
     </dt-stack>
@@ -137,7 +137,7 @@ keywords: ["theme island","mode override","v-dt-mode","directive","light","dark"
         </dt-stack>
         <dt-stack direction="row" gap="100" class="d-100p">
           <dt-button :size="200" class="d-fl1">Button</dt-button>
-          <dt-button :size="200" class="d-fl1" kind="danger">Button</dt-button>
+          <dt-button :size="200" class="d-fl1" kind="critical">Button</dt-button>
         </dt-stack>
       </dt-stack>
     </dt-stack>
@@ -153,7 +153,7 @@ keywords: ["theme island","mode override","v-dt-mode","directive","light","dark"
         </dt-stack>
         <dt-stack direction="row" gap="100" class="d-100p">
           <dt-button :size="200" class="d-fl1">Button</dt-button>
-          <dt-button :size="200" class="d-fl1" kind="danger">Button</dt-button>
+          <dt-button :size="200" class="d-fl1" kind="critical">Button</dt-button>
         </dt-stack>
       </dt-stack>
     </dt-stack>
@@ -374,7 +374,7 @@ A real-world pattern: the callbar container already exists as a semantic element
     </dt-stack>
   </dt-stack>
   <dt-stack class="d-fl1" direction="row" gap="25" justify="center">
-    <dt-button class="d-px-100 d-w-100" :size="100" kind="danger">
+    <dt-button class="d-px-100 d-w-100" :size="100" kind="critical">
       <template #blockStartIcon> <dt-icon name="mic" size="300" /> </template>
       Unmute
     </dt-button>
@@ -396,7 +396,7 @@ A real-world pattern: the callbar container already exists as a semantic element
     </dt-button>
   </dt-stack>
   <dt-stack>
-    <dt-button class="d-p-150" circle :size="400" kind="danger">
+    <dt-button class="d-p-150" circle :size="400" kind="critical">
       <template #startIcon> <dt-icon name="phone-hang-up" size="500" /> </template>
     </dt-button>
   </dt-stack>

apps/dialtone-documentation/docs/scratch.md

@@ -50,14 +50,14 @@ const showTabLabelClass = ref(false);
 const resolvedTabLabelClass = computed(() => showTabLabelClass.value ? 'd-bgc-warning' : undefined);
 const showInputDescription = ref(false);
 const showInputMessages = ref(false);
-const inputMessages = computed(() => showInputMessages.value ? [{ message: 'Error validation message', type: 'error' }] : []);
+const inputMessages = computed(() => showInputMessages.value ? [{ message: 'Critical validation message', type: 'critical' }] : []);
 const showInputMessagesClass = ref(false);
 const resolvedInputMessagesClass = computed(() => showInputMessagesClass.value ? 'd-bgc-critical' : undefined);
 const showInputDescriptionClass = ref(false);
 const resolvedInputDescriptionClass = computed(() => showInputDescriptionClass.value ? 'd-bgc-success' : undefined);
 const showDescription = ref(false);
 const showCheckRadioMessages = ref(false);
-const checkRadioMessages = computed(() => showCheckRadioMessages.value ? [{ message: 'Error validation message', type: 'error' }] : []);
+const checkRadioMessages = computed(() => showCheckRadioMessages.value ? [{ message: 'Critical validation message', type: 'critical' }] : []);
 const showCheckRadioMessagesClass = ref(false);
 const resolvedCheckRadioMessagesClass = computed(() => showCheckRadioMessagesClass.value ? 'd-bgc-critical' : undefined);
 const showCheckRadioDescriptionClass = ref(false);
@@ -169,9 +169,9 @@ const checkRadioDisabled = ref(false);
         <dt-button :disabled="isDisabled" importance="clear"> Place Call <template #startIcon="{ iconSize }"> <dt-icon name="box-select" :size="iconSize" /> </template></dt-button>
       </dt-stack>
       <dt-stack gap="100" :direction="{ 'default': 'column', 'md': 'row' }">
-        <dt-button :disabled="isDisabled" kind="danger"> Place Call <template #startIcon="{ iconSize }"> <dt-icon name="box-select" :size="iconSize" /> </template></dt-button>
-        <dt-button :disabled="isDisabled" kind="danger" importance="outlined"> Place Call <template #startIcon="{ iconSize }"> <dt-icon name="box-select" :size="iconSize" /> </template></dt-button>
-        <dt-button :disabled="isDisabled" kind="danger" importance="clear"> Place Call <template #startIcon="{ iconSize }"> <dt-icon name="box-select" :size="iconSize" /> </template></dt-button>
+        <dt-button :disabled="isDisabled" kind="critical"> Place Call <template #startIcon="{ iconSize }"> <dt-icon name="box-select" :size="iconSize" /> </template></dt-button>
+        <dt-button :disabled="isDisabled" kind="critical" importance="outlined"> Place Call <template #startIcon="{ iconSize }"> <dt-icon name="box-select" :size="iconSize" /> </template></dt-button>
+        <dt-button :disabled="isDisabled" kind="critical" importance="clear"> Place Call <template #startIcon="{ iconSize }"> <dt-icon name="box-select" :size="iconSize" /> </template></dt-button>
       </dt-stack>
       <dt-stack gap="100" :direction="{ 'default': 'column', 'md': 'row' }">
         <dt-button :disabled="isDisabled" kind="positive">Place Call<template #startIcon="{ iconSize }"> <dt-icon name="box-select" :size="iconSize" /> </template></dt-button>
@@ -850,7 +850,7 @@ const checkRadioDisabled = ref(false);
           <dt-notice kind="warning" title="Warning" hide-action>
             Please review before proceeding.
           </dt-notice>
-          <dt-notice kind="error" title="Error" hide-action>
+          <dt-notice kind="critical" title="Critical" hide-action>
             Something went wrong. Please try again.
           </dt-notice>
           <dt-notice kind="base" title="Base" hide-action>
@@ -868,7 +868,7 @@ const checkRadioDisabled = ref(false);
           <dt-notice kind="warning" title="Important warning" :important="true" hide-action>
             Visually prominent variant with filled background.
           </dt-notice>
-          <dt-notice kind="error" title="Important error" :important="true" hide-action>
+          <dt-notice kind="critical" title="Important critical" :important="true" hide-action>
             Visually prominent variant with filled background.
           </dt-notice>
         </dt-stack>
@@ -898,7 +898,7 @@ const checkRadioDisabled = ref(false);
         <dt-banner kind="warning" title="Warning banner" class="d-ps-relative d-zi-base">
           Please review before proceeding.
         </dt-banner>
-        <dt-banner kind="error" title="Error banner" class="d-ps-relative d-zi-base">
+        <dt-banner kind="critical" title="Critical banner" class="d-ps-relative d-zi-base">
           Something went wrong.
         </dt-banner>
       </dt-stack>
@@ -913,7 +913,7 @@ const checkRadioDisabled = ref(false);
         <dt-banner kind="warning" title="Warning banner" :important="true" class="d-ps-relative d-zi-base">
           Please review before proceeding.
         </dt-banner>
-        <dt-banner kind="error" title="Error banner" :important="true" class="d-ps-relative d-zi-base">
+        <dt-banner kind="critical" title="Critical banner" :important="true" class="d-ps-relative d-zi-base">
           Something went wrong.
         </dt-banner>
       </dt-stack>
@@ -928,15 +928,15 @@ const checkRadioDisabled = ref(false);
           <dt-toast :show="true" kind="info" title="Info toast" message="Informational message." :duration="null" />
           <dt-toast :show="true" kind="success" title="Success toast" message="Action completed." :duration="null" />
           <dt-toast :show="true" kind="warning" title="Warning toast" message="Review before proceeding." :duration="null" />
-          <dt-toast :show="true" kind="error" title="Error toast" message="Something went wrong." :duration="null" />
+          <dt-toast :show="true" kind="critical" title="Critical toast" message="Something went wrong." :duration="null" />
           <dt-toast :show="true" kind="base" title="Base toast" message="Neutral notification." :duration="null" />
         </dt-stack>
         <dt-stack gap="100">
           <dt-text as="h3" kind="headline" :size="300">Important</dt-text>
           <dt-toast :show="true" kind="info" title="Info toast" message="Informational message." :important="true" :duration="null" />
           <dt-toast :show="true" kind="success" title="Success toast" message="Action completed." :important="true" :duration="null" />
           <dt-toast :show="true" kind="warning" title="Warning toast" message="Review before proceeding." :important="true" :duration="null" />
-          <dt-toast :show="true" kind="error" title="Error toast" message="Something went wrong." :important="true" :duration="null" />
+          <dt-toast :show="true" kind="critical" title="Critical toast" message="Something went wrong." :important="true" :duration="null" />
           <dt-toast :show="true" kind="base" title="Base toast" message="Neutral notification." :important="true" :duration="null" />
         </dt-stack>
         <dt-stack gap="100">

packages/combinator/src/variants/variants_checkbox_group.js

@@ -21,7 +21,7 @@ export default {
     props: {
       name: { initialValue: 'validated-checkbox-group' },
       legend: { initialValue: 'Fruits' },
-      messages: { initialValue: [{ message: 'Please select at least one option.', type: 'error' }] },
+      messages: { initialValue: [{ message: 'Please select at least one option.', type: 'critical' }] },
     },
     slots: {
       default: {

packages/combinator/src/variants/variants_input.js

@@ -1,4 +1,4 @@
-/* eslint-disable max-len */
+ 
 
 
 export default {
@@ -170,7 +170,7 @@ export default {
     props: {
       label: { initialValue: 'Label' },
       type: { initialValue: 'email' },
-      messages: { initialValue: [{ message: 'Please enter a valid email address.', type: 'error' }] },
+      messages: { initialValue: [{ message: 'Please enter a valid email address.', type: 'critical' }] },
     },
   },
 };

packages/combinator/src/variants/variants_radio_group.js

@@ -20,7 +20,7 @@ export default {
     props: {
       name: { initialValue: 'validated-radio-group' },
       legend: { initialValue: 'Fruits' },
-      messages: { initialValue: [{ message: 'Please select an option.', type: 'error' }] },
+      messages: { initialValue: [{ message: 'Please select an option.', type: 'critical' }] },
     },
     slots: {
       default: {

packages/combinator/src/variants/variants_validation_messages.js

@@ -1,17 +1,17 @@
-/* eslint-disable max-len */
+
 
 export default {
   default: {
     props: {
       validationMessages: {
-        initialValue: [{ message: 'Positive validation message', type: 'success' }],
+        initialValue: [{ message: 'Positive validation message', type: 'positive' }],
       },
     },
   },
   'with error': {
     props: {
       validationMessages: {
-        initialValue: [{ message: 'Error validation message', type: 'error' }],
+        initialValue: [{ message: 'Critical validation message', type: 'critical' }],
       },
     },
   },
@@ -26,8 +26,8 @@ export default {
     props: {
       validationMessages: {
         initialValue: [
-          { message: 'First error message', type: 'error' },
-          { message: 'Second error message', type: 'error' },
+          { message: 'First error message', type: 'critical' },
+          { message: 'Second error message', type: 'critical' },
         ],
       },
     },

packages/dialtone-docs/src/content/reference/reference-component-api-patterns.md

@@ -42,10 +42,10 @@ Exceptions exist — DtModal uses `default` and `full` instead.
 
 Color or semantic variant. Values vary per component:
 
-- DtButton: `default`, `muted`, `danger`, `positive`, `inverted`, `unstyled`
-- DtModal: `default`, `danger`
-- DtNotice: `base`, `error`, `info`, `success`, `warning`
-- DtBadge: uses `type` instead (`default`, `info`, `success`, `warning`, `critical`, `bulletin`, `ai`)
+- DtButton: `default`, `muted`, `critical`, `positive`, `inverted`, `unstyled`
+- DtModal: `default`, `critical`
+- DtNotice: `base`, `critical`, `info`, `positive`, `warning`
+- DtBadge: uses `type` instead (`default`, `info`, `positive`, `warning`, `critical`, `bulletin`, `ai`)
 
 ### Importance
 
@@ -143,11 +143,13 @@ Icon scale values correspond to pixel sizes defined in `packages/dialtone-icons/
 Group-child relationships use Vue's provide/inject. The parent provides a reactive context object plus action methods:
 
 **Tab group** (`tab_group.vue`):
+
 ```
 provides: { groupContext: { selected, disabled }, setFocus }
 ```
 
 **Input groups** (CheckboxGroup, RadioGroup via `input_group.js` mixin):
+
 ```
 provides: { groupContext: { name, disabled, validationState, value, selectedValues }, setGroupValue }
 ```