Notice: Default to stripe + inline, adopt core WP notice palette via semantic tokens

Forward stripe/inline props to TUI Notice (previously swallowed) with both
defaulting to true, matching wp-admin notice anatomy.

In the WP theme, the core admin notice palette (WP 7.0 tint + stripe pairs)
is expressed through the TUI semantic feedback scales (success/warning/danger
base + subtlest) so chips, buttons and notices all align. Info notices keep
core's plain-surface background via a notice-level override.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

Author: juliacanzani

assets/src/components/base/notice/Notice.tsx

@@ -10,6 +10,12 @@ export interface FieldsNoticeProps {
   type?: 'success' | 'error' | 'warning' | 'info'
   onDismiss?: () => void
   className?: string
+  /**
+   * Stripe + inline default to true: the primary consumer is wp-admin,
+   * where notices are a colored edge stripe with inline content.
+   */
+  stripe?: boolean
+  inline?: boolean
 }
 
 const typeToTheme: Record<string, TuiNoticeTheme> = {
@@ -20,7 +26,7 @@ const typeToTheme: Record<string, TuiNoticeTheme> = {
 }
 
 const Notice = forwardRef<HTMLElement, FieldsNoticeProps>(function Notice(
-  { message, type, onDismiss, className },
+  { message, type, onDismiss, className, stripe = true, inline = true },
   ref
 ) {
   const theme = type ? (typeToTheme[type] ?? 'info') : undefined
@@ -30,6 +36,8 @@ const Notice = forwardRef<HTMLElement, FieldsNoticeProps>(function Notice(
     <TuiNotice
       ref={ref as never}
       theme={theme}
+      stripe={stripe}
+      inline={inline}
       dismissible={!!onDismiss}
       onDismiss={onDismiss}
       className={classes}

assets/src/themes/wp.scss

@@ -21,6 +21,14 @@
   --tui-color-divider: #e0e0e0;
 
   --tui-focus-ring-color: var(--wp-admin-theme-color, #135e96);
+
+  /* Feedback scales — core wp-admin palette (WP 7.0 common.css notice values) */
+  --tui-theme-success-base: #4ab866;
+  --tui-theme-success-subtlest: #eff9f1;
+  --tui-theme-warning-base: #f0b849;
+  --tui-theme-warning-subtlest: #fef8ee;
+  --tui-theme-danger-base: #cc1818;
+  --tui-theme-danger-subtlest: #fcf0f0;
 }
 
 @mixin wp-tokens-dark {
@@ -84,6 +92,15 @@
   @include wp-tokens-dark;
 }
 
+/*
+ * Notices: tints and stripes derive from the semantic theme scales above.
+ * Core keeps info notices on a plain surface rather than a tint — preserve
+ * that; bg-surface adapts per color mode so no dark override is needed.
+ */
+.tf-context-wp .tui-interface .tui-notice.is-theme-info {
+  --tui-notice-bg: var(--tui-color-bg-surface);
+}
+
 :where(.tf-context-wp .tui-interface) :is(label, .tui-label) {
   font-weight: normal;
   font-size: calc(13 * var(--tui-fontSize-multiplier, calc(1rem / 16)));