@redseed/redseed-ui-vue3 8.65.0 → 8.66.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redseed/redseed-ui-vue3",
3
- "version": "8.65.0",
3
+ "version": "8.66.0",
4
4
  "description": "RedSeed UI Vue 3 components",
5
5
  "main": "index.js",
6
6
  "repository": "https://github.com/redseedtraining/redseed-ui",
@@ -73,7 +73,12 @@ const clampClasses = {
73
73
  6: 'rsui-body-text--line-clamp-6',
74
74
  }
75
75
 
76
+ // Only ONE of these applies, and the first match in this order wins — so
77
+ // `onColor` leads. It marks a dark ground, and a muted ink passed alongside it
78
+ // (`tertiary onColor` for a date under a body paragraph) is a light-ground grey
79
+ // that all but disappears there; white is the readable reading of that pair.
76
80
  const colorClasses = {
81
+ onColor: 'rsui-body-text--on-color',
77
82
  secondary: 'rsui-body-text--secondary',
78
83
  tertiary: 'rsui-body-text--tertiary',
79
84
  quaternary: 'rsui-body-text--quaternary',
@@ -84,7 +89,6 @@ const colorClasses = {
84
89
  error: 'rsui-body-text--error',
85
90
  info: 'rsui-body-text--info',
86
91
  ai: 'rsui-body-text--ai',
87
- onColor: 'rsui-body-text--on-color',
88
92
  }
89
93
 
90
94
  const clampClass = computed(() => clampClasses[props.lines] || null)
@@ -5,7 +5,9 @@ const props = defineProps({
5
5
  variant: {
6
6
  type: String,
7
7
  default: 'primary',
8
- validator: (value) => ['primary', 'secondary', 'brand', 'success', 'info', 'warning', 'error', 'ai', 'classic'].includes(value)
8
+ // `ai` is the pale animated wash; `ai-bold` is the same family at full
9
+ // strength — the dark plum surface Card's `aiBold` uses.
10
+ validator: (value) => ['primary', 'secondary', 'brand', 'success', 'info', 'warning', 'error', 'ai', 'ai-bold', 'classic'].includes(value)
9
11
  },
10
12
  bordered: {
11
13
  type: Boolean,
@@ -59,6 +61,7 @@ const variantClass = computed(() => [
59
61
  'rsui-section--warning': props.variant === 'warning',
60
62
  'rsui-section--error': props.variant === 'error',
61
63
  'rsui-section--ai': props.variant === 'ai',
64
+ 'rsui-section--ai-bold': props.variant === 'ai-bold',
62
65
  'rsui-section--classic': props.variant === 'classic',
63
66
  },
64
67
  ])