pull/6674/head
tugcekucukoglu 2024-10-28 14:30:20 +03:00
commit c2c91cedbf
14 changed files with 270 additions and 218 deletions

View File

@ -41417,7 +41417,7 @@
"name": "variant",
"optional": true,
"readonly": false,
"type": "\"outlined\" | \"text\"",
"type": "\"outlined\" | \"simple\"",
"default": "outlined",
"description": "Specifies the input variant of the component."
}
@ -88123,6 +88123,14 @@
"default": "",
"description": "Used to pass tokens of the outlined section"
},
{
"name": "simple",
"optional": true,
"readonly": false,
"type": "Object",
"default": "",
"description": "Used to pass tokens of the simple section"
},
{
"name": "info",
"optional": true,
@ -88398,6 +88406,15 @@
"default": "",
"description": "Root border width of outlined"
},
{
"name": "content.padding",
"token": "message.simple.content.padding",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Content padding of simple"
},
{
"name": "info.background",
"token": "message.info.background",
@ -88480,13 +88497,13 @@
"description": "Outlined border color of info"
},
{
"name": "plain.color",
"token": "message.info.plain.color",
"name": "simple.color",
"token": "message.info.simple.color",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Plain color of info"
"description": "Simple color of info"
},
{
"name": "success.background",
@ -88570,13 +88587,13 @@
"description": "Outlined border color of success"
},
{
"name": "plain.color",
"token": "message.success.plain.color",
"name": "simple.color",
"token": "message.success.simple.color",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Plain color of success"
"description": "Simple color of success"
},
{
"name": "warn.background",
@ -88660,13 +88677,13 @@
"description": "Outlined border color of warn"
},
{
"name": "plain.color",
"token": "message.warn.plain.color",
"name": "simple.color",
"token": "message.warn.simple.color",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Plain color of warn"
"description": "Simple color of warn"
},
{
"name": "error.background",
@ -88750,13 +88767,13 @@
"description": "Outlined border color of error"
},
{
"name": "plain.color",
"token": "message.error.plain.color",
"name": "simple.color",
"token": "message.error.simple.color",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Plain color of error"
"description": "Simple color of error"
},
{
"name": "secondary.background",
@ -88840,13 +88857,13 @@
"description": "Outlined border color of secondary"
},
{
"name": "plain.color",
"token": "message.secondary.plain.color",
"name": "simple.color",
"token": "message.secondary.simple.color",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Plain color of secondary"
"description": "Simple color of secondary"
},
{
"name": "contrast.background",
@ -88930,13 +88947,13 @@
"description": "Outlined border color of contrast"
},
{
"name": "plain.color",
"token": "message.contrast.plain.color",
"name": "simple.color",
"token": "message.contrast.simple.color",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Plain color of contrast"
"description": "Simple color of contrast"
}
]
}

View File

@ -4,13 +4,13 @@
</DocSectionText>
<div class="card flex justify-center">
<Form v-slot="$form" :resolver="resolver" :initialValues="initialValues" @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-56">
<div class="flex flex-col gap-2">
<div class="flex flex-col gap-1">
<InputText name="username" type="text" placeholder="Username" fluid />
<Message v-if="$form.username?.invalid" severity="error">{{ $form.username.error?.message }}</Message>
<Message v-if="$form.username?.invalid" severity="error" size="small" variant="simple">{{ $form.username.error?.message }}</Message>
</div>
<div class="flex flex-col gap-2">
<div class="flex flex-col gap-1">
<InputText name="email" type="text" placeholder="Email" fluid />
<Message v-if="$form.email?.invalid" severity="error">{{ $form.email.error?.message }}</Message>
<Message v-if="$form.email?.invalid" severity="error" size="small" variant="simple">{{ $form.email.error?.message }}</Message>
</div>
<Button type="submit" severity="secondary" label="Submit" />
</Form>
@ -38,13 +38,13 @@ export default {
code: {
basic: `
<Form v-slot="$form" :resolver="resolver" :initialValues="initialValues" @submit="onFormSubmit" class="flex justify-center flex-col gap-4">
<div class="flex flex-col gap-2">
<div class="flex flex-col gap-1">
<InputText name="username" type="text" placeholder="Username" />
<Message v-if="$form.username?.invalid" severity="error">{{ $form.username.error?.message }}</Message>
<Message v-if="$form.username?.invalid" severity="error" size="small" variant="simple">{{ $form.username.error?.message }}</Message>
</div>
<div class="flex flex-col gap-2">
<div class="flex flex-col gap-1">
<InputText name="email" type="text" placeholder="Email" />
<Message v-if="$form.email?.invalid" severity="error">{{ $form.email.error?.message }}</Message>
<Message v-if="$form.email?.invalid" severity="error" size="small" variant="simple">{{ $form.email.error?.message }}</Message>
</div>
<Button type="submit" severity="secondary" label="Submit" />
</Form>
@ -53,13 +53,13 @@ export default {
<template>
<div class="card flex justify-center">
<Form v-slot="$form" :resolver="resolver" :initialValues="initialValues" @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-56">
<div class="flex flex-col gap-2">
<div class="flex flex-col gap-1">
<InputText name="username" type="text" placeholder="Username" fluid />
<Message v-if="$form.username?.invalid" severity="error">{{ $form.username.error?.message }}</Message>
<Message v-if="$form.username?.invalid" severity="error" size="small" variant="simple">{{ $form.username.error?.message }}</Message>
</div>
<div class="flex flex-col gap-2">
<div class="flex flex-col gap-1">
<InputText name="email" type="text" placeholder="Email" fluid />
<Message v-if="$form.email?.invalid" severity="error">{{ $form.email.error?.message }}</Message>
<Message v-if="$form.email?.invalid" severity="error" size="small" variant="simple">{{ $form.email.error?.message }}</Message>
</div>
<Button type="submit" severity="secondary" label="Submit" />
</Form>
@ -100,13 +100,13 @@ export default {
<template>
<div class="card flex justify-center">
<Form v-slot="$form" :resolver="resolver" :initialValues="initialValues" @submit="onFormSubmit" class="flex flex-col gap-4 w-full sm:w-56">
<div class="flex flex-col gap-2">
<div class="flex flex-col gap-1">
<InputText name="username" type="text" placeholder="Username" fluid />
<Message v-if="$form.username?.invalid" severity="error">{{ $form.username.error?.message }}</Message>
<Message v-if="$form.username?.invalid" severity="error" size="small" variant="simple">{{ $form.username.error?.message }}</Message>
</div>
<div class="flex flex-col gap-2">
<div class="flex flex-col gap-1">
<InputText name="email" type="text" placeholder="Email" fluid />
<Message v-if="$form.email?.invalid" severity="error">{{ $form.email.error?.message }}</Message>
<Message v-if="$form.email?.invalid" severity="error" size="small" variant="simple">{{ $form.email.error?.message }}</Message>
</div>
<Button type="submit" severity="secondary" label="Submit" />
</Form>

View File

@ -1,63 +0,0 @@
<template>
<DocSectionText v-bind="$attrs">
<p>Configure the <i>variant</i> value as <i>plain</i> for messages without borders and backgrounds.</p>
</DocSectionText>
<div class="card flex flex-wrap gap-4 justify-center">
<Message severity="success" variant="plain">Success Message</Message>
<Message severity="info" variant="plain">Info Message</Message>
<Message severity="warn" variant="plain">Warn Message</Message>
<Message severity="error" variant="plain">Error Message</Message>
<Message severity="secondary" variant="plain">Secondary Message</Message>
<Message severity="contrast" variant="plain">Contrast Message</Message>
</div>
<DocSectionCode :code="code" />
</template>
<script>
export default {
data() {
return {
code: {
basic: `
<Message severity="success" variant="plain">Success Message</Message>
<Message severity="info" variant="plain">Info Message</Message>
<Message severity="warn" variant="plain">Warn Message</Message>
<Message severity="error" variant="plain">Error Message</Message>
<Message severity="secondary" variant="plain">Secondary Message</Message>
<Message severity="contrast" variant="plain">Contrast Message</Message>
`,
options: `
<template>
<div class="card flex flex-wrap gap-4 justify-center">
<Message severity="success" variant="plain">Success Message</Message>
<Message severity="info" variant="plain">Info Message</Message>
<Message severity="warn" variant="plain">Warn Message</Message>
<Message severity="error" variant="plain">Error Message</Message>
<Message severity="secondary" variant="plain">Secondary Message</Message>
<Message severity="contrast" variant="plain">Contrast Message</Message>
</div>
</template>
<script>
<\/script>
`,
composition: `
<template>
<div class="card flex flex-wrap gap-4 justify-center">
<Message severity="success" variant="plain">Success Message</Message>
<Message severity="info" variant="plain">Info Message</Message>
<Message severity="warn" variant="plain">Warn Message</Message>
<Message severity="error" variant="plain">Error Message</Message>
<Message severity="secondary" variant="plain">Secondary Message</Message>
<Message severity="contrast" variant="plain">Contrast Message</Message>
</div>
</template>
<script setup>
<\/script>
`
}
};
}
};
</script>

View File

@ -0,0 +1,63 @@
<template>
<DocSectionText v-bind="$attrs">
<p>Configure the <i>variant</i> value as <i>simple</i> for messages without borders, backgrounds and paddings.</p>
</DocSectionText>
<div class="card flex flex-wrap gap-8 justify-center">
<Message severity="success" variant="simple">Success Message</Message>
<Message severity="info" variant="simple">Info Message</Message>
<Message severity="warn" variant="simple">Warn Message</Message>
<Message severity="error" variant="simple">Error Message</Message>
<Message severity="secondary" variant="simple">Secondary Message</Message>
<Message severity="contrast" variant="simple">Contrast Message</Message>
</div>
<DocSectionCode :code="code" />
</template>
<script>
export default {
data() {
return {
code: {
basic: `
<Message severity="success" variant="simple">Success Message</Message>
<Message severity="info" variant="simple">Info Message</Message>
<Message severity="warn" variant="simple">Warn Message</Message>
<Message severity="error" variant="simple">Error Message</Message>
<Message severity="secondary" variant="simple">Secondary Message</Message>
<Message severity="contrast" variant="simple">Contrast Message</Message>
`,
options: `
<template>
<div class="card flex flex-wrap gap-8 justify-center">
<Message severity="success" variant="simple">Success Message</Message>
<Message severity="info" variant="simple">Info Message</Message>
<Message severity="warn" variant="simple">Warn Message</Message>
<Message severity="error" variant="simple">Error Message</Message>
<Message severity="secondary" variant="simple">Secondary Message</Message>
<Message severity="contrast" variant="simple">Contrast Message</Message>
</div>
</template>
<script>
<\/script>
`,
composition: `
<template>
<div class="card flex flex-wrap gap-8 justify-center">
<Message severity="success" variant="simple">Success Message</Message>
<Message severity="info" variant="simple">Info Message</Message>
<Message severity="warn" variant="simple">Warn Message</Message>
<Message severity="error" variant="simple">Error Message</Message>
<Message severity="secondary" variant="simple">Secondary Message</Message>
<Message severity="contrast" variant="simple">Contrast Message</Message>
</div>
</template>
<script setup>
<\/script>
`
}
};
}
};
</script>

View File

@ -98,7 +98,7 @@ export default {
},
{
name: 'soho',
palette: { 0: '#ffffff', 50: '#f4f4f4', 100: '#e8e9e9', 200: '#d2d2d4', 300: '#bbbcbe', 400: '#a5a5a9', 500: '#8e8f93', 600: '#77787d', 700: '#616268', 800: '#4a4b52', 900: '#34343d', 950: '#1d1e27' }
palette: { 0: '#ffffff', 50: '#ececec', 100: '#dedfdf', 200: '#c4c4c6', 300: '#adaeb0', 400: '#97979b', 500: '#7f8084', 600: '#6a6b70', 700: '#55565b', 800: '#3f4046', 900: '#2c2c34', 950: '#16161d' }
},
{
name: 'viva',

View File

@ -12,7 +12,7 @@ import IconDoc from '@/doc/message/IconDoc.vue';
import ImportDoc from '@/doc/message/ImportDoc.vue';
import LifeDoc from '@/doc/message/LifeDoc.vue';
import OutlinedDoc from '@/doc/message/OutlinedDoc.vue';
import PlainDoc from '@/doc/message/PlainDoc.vue';
import SimpleDoc from '@/doc/message/SimpleDoc.vue';
import PTComponent from '@/doc/message/pt/index.vue';
import SeverityDoc from '@/doc/message/SeverityDoc.vue';
import SizesDoc from '@/doc/message/SizesDoc.vue';
@ -48,9 +48,9 @@ export default {
component: OutlinedDoc
},
{
id: 'plain',
label: 'Plain',
component: PlainDoc
id: 'simple',
label: 'Simple',
component: SimpleDoc
},
{
id: 'sizes',

View File

@ -164,7 +164,7 @@ export interface MessageProps {
* Specifies the input variant of the component.
* @defaultValue outlined
*/
variant?: 'outlined' | 'text' | undefined;
variant?: 'outlined' | 'simple' | undefined;
}
/**

View File

@ -68,13 +68,13 @@ const theme = ({ dt }) => `
background: ${dt('message.info.close.button.hover.background')};
}
.p-message-info.p-message-variant-outlined {
.p-message-info.p-message-outlined {
color: ${dt('message.info.outlined.color')};
outline-color: ${dt('message.info.outlined.border.color')};
}
.p-message-info.p-message-variant-plain {
color: ${dt('message.info.plain.color')};
.p-message-info.p-message-simple {
color: ${dt('message.info.simple.color')};
}
.p-message-success {
@ -93,13 +93,13 @@ const theme = ({ dt }) => `
background: ${dt('message.success.close.button.hover.background')};
}
.p-message-success.p-message-variant-outlined {
.p-message-success.p-message-outlined {
color: ${dt('message.success.outlined.color')};
outline-color: ${dt('message.success.outlined.border.color')};
}
.p-message-success.p-message-variant-plain {
color: ${dt('message.success.plain.color')};
.p-message-success.p-message-simple {
color: ${dt('message.success.simple.color')};
}
.p-message-warn {
@ -118,13 +118,13 @@ const theme = ({ dt }) => `
background: ${dt('message.warn.close.button.hover.background')};
}
.p-message-warn.p-message-variant-outlined {
.p-message-warn.p-message-outlined {
color: ${dt('message.warn.outlined.color')};
outline-color: ${dt('message.warn.outlined.border.color')};
}
.p-message-warn.p-message-variant-plain {
color: ${dt('message.warn.plain.color')};
.p-message-warn.p-message-simple {
color: ${dt('message.warn.simple.color')};
}
.p-message-error {
@ -143,13 +143,13 @@ const theme = ({ dt }) => `
background: ${dt('message.error.close.button.hover.background')};
}
.p-message-error.p-message-variant-outlined {
.p-message-error.p-message-outlined {
color: ${dt('message.error.outlined.color')};
outline-color: ${dt('message.error.outlined.border.color')};
}
.p-message-error.p-message-variant-plain {
color: ${dt('message.error.plain.color')};
.p-message-error.p-message-simple {
color: ${dt('message.error.simple.color')};
}
.p-message-secondary {
@ -168,13 +168,13 @@ const theme = ({ dt }) => `
background: ${dt('message.secondary.close.button.hover.background')};
}
.p-message-secondary.p-message-variant-outlined {
.p-message-secondary.p-message-outlined {
color: ${dt('message.secondary.outlined.color')};
outline-color: ${dt('message.secondary.outlined.border.color')};
}
.p-message-secondary.p-message-variant-plain {
color: ${dt('message.secondary.plain.color')};
.p-message-secondary.p-message-simple {
color: ${dt('message.secondary.simple.color')};
}
.p-message-contrast {
@ -193,13 +193,13 @@ const theme = ({ dt }) => `
background: ${dt('message.contrast.close.button.hover.background')};
}
.p-message-contrast.p-message-variant-outlined {
.p-message-contrast.p-message-outlined {
color: ${dt('message.contrast.outlined.color')};
outline-color: ${dt('message.contrast.outlined.border.color')};
}
.p-message-contrast.p-message-variant-plain {
color: ${dt('message.contrast.plain.color')};
.p-message-contrast.p-message-simple {
color: ${dt('message.contrast.simple.color')};
}
.p-message-text {
@ -280,19 +280,23 @@ const theme = ({ dt }) => `
height: ${dt('message.close.icon.lg.size')};
}
.p-message-variant-outlined {
.p-message-outlined {
background: transparent;
outline-width: ${dt('message.outlined.border.width')};
}
.p-message-variant-plain {
.p-message-simple {
background: transparent;
outline-color: transparent;
box-shadow: none;
}
.p-message-simple .p-message-content {
padding: ${dt('message.simple.content.padding')};
}
.p-message-variant-outlined .p-message-close-button:hover,
.p-message-variant-plain .p-message-close-button:hover {
.p-message-outlined .p-message-close-button:hover,
.p-message-simple .p-message-close-button:hover {
background: transparent;
}
`;
@ -301,8 +305,8 @@ const classes = {
root: ({ props }) => [
'p-message p-component p-message-' + props.severity,
{
'p-message-variant-outlined': props.variant === 'outlined',
'p-message-variant-plain': props.variant === 'plain',
'p-message-outlined': props.variant === 'outlined',
'p-message-simple': props.variant === 'simple',
'p-message-sm': props.size === 'small',
'p-message-lg': props.size === 'large'
}

View File

@ -57,6 +57,11 @@ export default {
borderWidth: '1px'
}
},
simple: {
content: {
padding: '0'
}
},
colorScheme: {
light: {
info: {
@ -75,7 +80,7 @@ export default {
color: '{blue.600}',
borderColor: '{blue.600}'
},
plain: {
simple: {
color: '{blue.600}'
}
},
@ -95,7 +100,7 @@ export default {
color: '{green.600}',
borderColor: '{green.600}'
},
plain: {
simple: {
color: '{green.600}'
}
},
@ -115,7 +120,7 @@ export default {
color: '{yellow.600}',
borderColor: '{yellow.600}'
},
plain: {
simple: {
color: '{yellow.600}'
}
},
@ -135,7 +140,7 @@ export default {
color: '{red.600}',
borderColor: '{red.600}'
},
plain: {
simple: {
color: '{red.600}'
}
},
@ -155,7 +160,7 @@ export default {
color: '{surface.500}',
borderColor: '{surface.500}'
},
plain: {
simple: {
color: '{surface.500}'
}
},
@ -175,7 +180,7 @@ export default {
color: '{surface.950}',
borderColor: '{surface.950}'
},
plain: {
simple: {
color: '{surface.950}'
}
}
@ -197,7 +202,7 @@ export default {
color: '{blue.500}',
borderColor: '{blue.500}'
},
plain: {
simple: {
color: '{blue.500}'
}
},
@ -217,7 +222,7 @@ export default {
color: '{green.500}',
borderColor: '{green.500}'
},
plain: {
simple: {
color: '{green.500}'
}
},
@ -237,7 +242,7 @@ export default {
color: '{yellow.500}',
borderColor: '{yellow.500}'
},
plain: {
simple: {
color: '{yellow.500}'
}
},
@ -257,7 +262,7 @@ export default {
color: '{red.500}',
borderColor: '{red.500}'
},
plain: {
simple: {
color: '{red.500}'
}
},
@ -277,7 +282,7 @@ export default {
color: '{surface.400}',
borderColor: '{surface.400}'
},
plain: {
simple: {
color: '{surface.400}'
}
},
@ -297,7 +302,7 @@ export default {
color: '{surface.0}',
borderColor: '{surface.0}'
},
plain: {
simple: {
color: '{surface.0}'
}
}

View File

@ -57,6 +57,11 @@ export default {
borderWidth: '1px'
}
},
simple: {
content: {
padding: '0'
}
},
colorScheme: {
light: {
info: {
@ -75,7 +80,7 @@ export default {
color: '{blue.600}',
borderColor: '{blue.600}'
},
plain: {
simple: {
color: '{blue.600}'
}
},
@ -95,7 +100,7 @@ export default {
color: '{green.600}',
borderColor: '{green.600}'
},
plain: {
simple: {
color: '{green.600}'
}
},
@ -115,7 +120,7 @@ export default {
color: '{yellow.600}',
borderColor: '{yellow.600}'
},
plain: {
simple: {
color: '{yellow.600}'
}
},
@ -135,7 +140,7 @@ export default {
color: '{red.600}',
borderColor: '{red.600}'
},
plain: {
simple: {
color: '{red.600}'
}
},
@ -155,7 +160,7 @@ export default {
color: '{surface.500}',
borderColor: '{surface.500}'
},
plain: {
simple: {
color: '{surface.500}'
}
},
@ -175,7 +180,7 @@ export default {
color: '{surface.900}',
borderColor: '{surface.900}'
},
plain: {
simple: {
color: '{surface.900}'
}
}
@ -197,7 +202,7 @@ export default {
color: '{blue.500}',
borderColor: '{blue.500}'
},
plain: {
simple: {
color: '{blue.500}'
}
},
@ -217,7 +222,7 @@ export default {
color: '{green.500}',
borderColor: '{green.500}'
},
plain: {
simple: {
color: '{green.500}'
}
},
@ -237,7 +242,7 @@ export default {
color: '{yellow.500}',
borderColor: '{yellow.500}'
},
plain: {
simple: {
color: '{yellow.500}'
}
},
@ -257,7 +262,7 @@ export default {
color: '{red.500}',
borderColor: '{red.500}'
},
plain: {
simple: {
color: '{red.500}'
}
},
@ -277,7 +282,7 @@ export default {
color: '{surface.400}',
borderColor: '{surface.400}'
},
plain: {
simple: {
color: '{surface.400}'
}
},
@ -297,7 +302,7 @@ export default {
color: '{surface.0}',
borderColor: '{surface.0}'
},
plain: {
simple: {
color: '{surface.0}'
}
}

View File

@ -57,6 +57,11 @@ export default {
borderWidth: '1px'
}
},
simple: {
content: {
padding: '0'
}
},
colorScheme: {
light: {
info: {
@ -75,7 +80,7 @@ export default {
color: '{blue.600}',
borderColor: '{blue.600}'
},
plain: {
simple: {
color: '{blue.600}'
}
},
@ -95,7 +100,7 @@ export default {
color: '{green.600}',
borderColor: '{green.600}'
},
plain: {
simple: {
color: '{green.600}'
}
},
@ -115,7 +120,7 @@ export default {
color: '{yellow.900}',
borderColor: '{yellow.900}'
},
plain: {
simple: {
color: '{yellow.900}'
}
},
@ -135,7 +140,7 @@ export default {
color: '{red.600}',
borderColor: '{red.600}'
},
plain: {
simple: {
color: '{red.600}'
}
},
@ -155,7 +160,7 @@ export default {
color: '{surface.600}',
borderColor: '{surface.600}'
},
plain: {
simple: {
color: '{surface.600}'
}
},
@ -175,7 +180,7 @@ export default {
color: '{surface.950}',
borderColor: '{surface.950}'
},
plain: {
simple: {
color: '{surface.950}'
}
}
@ -197,7 +202,7 @@ export default {
color: '{blue.500}',
borderColor: '{blue.500}'
},
plain: {
simple: {
color: '{blue.500}'
}
},
@ -217,7 +222,7 @@ export default {
color: '{green.500}',
borderColor: '{green.500}'
},
plain: {
simple: {
color: '{green.500}'
}
},
@ -237,7 +242,7 @@ export default {
color: '{yellow.500}',
borderColor: '{yellow.500}'
},
plain: {
simple: {
color: '{yellow.500}'
}
},
@ -257,7 +262,7 @@ export default {
color: '{red.500}',
borderColor: '{red.500}'
},
plain: {
simple: {
color: '{red.500}'
}
},
@ -277,7 +282,7 @@ export default {
color: '{surface.400}',
borderColor: '{surface.400}'
},
plain: {
simple: {
color: '{surface.400}'
}
},
@ -297,7 +302,7 @@ export default {
color: '{surface.0}',
borderColor: '{surface.0}'
},
plain: {
simple: {
color: '{surface.0}'
}
}

View File

@ -57,6 +57,11 @@ export default {
borderWidth: '1px'
}
},
simple: {
content: {
padding: '0'
}
},
colorScheme: {
light: {
info: {
@ -75,7 +80,7 @@ export default {
color: '{blue.800}',
borderColor: '{blue.800}'
},
plain: {
simple: {
color: '{blue.800}'
}
},
@ -95,7 +100,7 @@ export default {
color: '{green.800}',
borderColor: '{green.800}'
},
plain: {
simple: {
color: '{green.800}'
}
},
@ -115,7 +120,7 @@ export default {
color: '{yellow.600}',
borderColor: '{yellow.600}'
},
plain: {
simple: {
color: '{yellow.600}'
}
},
@ -135,7 +140,7 @@ export default {
color: '{red.800}',
borderColor: '{red.800}'
},
plain: {
simple: {
color: '{red.800}'
}
},
@ -155,7 +160,7 @@ export default {
color: '{surface.600}',
borderColor: '{surface.600}'
},
plain: {
simple: {
color: '{surface.600}'
}
},
@ -175,7 +180,7 @@ export default {
color: '{surface.900}',
borderColor: '{surface.900}'
},
plain: {
simple: {
color: '{surface.900}'
}
}
@ -197,7 +202,7 @@ export default {
color: '{blue.200}',
borderColor: '{blue.200}'
},
plain: {
simple: {
color: '{blue.200}'
}
},
@ -217,7 +222,7 @@ export default {
color: '{green.200}',
borderColor: '{green.200}'
},
plain: {
simple: {
color: '{green.200}'
}
},
@ -237,7 +242,7 @@ export default {
color: '{yellow.200}',
borderColor: '{yellow.200}'
},
plain: {
simple: {
color: '{yellow.200}'
}
},
@ -257,7 +262,7 @@ export default {
color: '{red.200}',
borderColor: '{red.200}'
},
plain: {
simple: {
color: '{red.200}'
}
},
@ -277,7 +282,7 @@ export default {
color: '{surface.400}',
borderColor: '{surface.400}'
},
plain: {
simple: {
color: '{surface.400}'
}
},
@ -297,7 +302,7 @@ export default {
color: '{surface.0}',
borderColor: '{surface.0}'
},
plain: {
simple: {
color: '{surface.0}'
}
}

View File

@ -240,6 +240,22 @@ export interface MessageDesignTokens extends ColorSchemeDesignToken<MessageDesig
borderWidth?: string;
};
};
/**
* Used to pass tokens of the simple section
*/
simple?: {
/**
* Content of simple
*/
content?: {
/**
* Content padding of simple
*
* @designToken message.simple.content.padding
*/
padding?: string;
};
};
/**
* Used to pass tokens of the info section
*/
@ -314,13 +330,13 @@ export interface MessageDesignTokens extends ColorSchemeDesignToken<MessageDesig
borderColor?: string;
};
/**
* Plain of info
* Simple of info
*/
plain?: {
simple?: {
/**
* Plain color of info
* Simple color of info
*
* @designToken message.info.plain.color
* @designToken message.info.simple.color
*/
color?: string;
};
@ -399,13 +415,13 @@ export interface MessageDesignTokens extends ColorSchemeDesignToken<MessageDesig
borderColor?: string;
};
/**
* Plain of success
* Simple of success
*/
plain?: {
simple?: {
/**
* Plain color of success
* Simple color of success
*
* @designToken message.success.plain.color
* @designToken message.success.simple.color
*/
color?: string;
};
@ -484,13 +500,13 @@ export interface MessageDesignTokens extends ColorSchemeDesignToken<MessageDesig
borderColor?: string;
};
/**
* Plain of warn
* Simple of warn
*/
plain?: {
simple?: {
/**
* Plain color of warn
* Simple color of warn
*
* @designToken message.warn.plain.color
* @designToken message.warn.simple.color
*/
color?: string;
};
@ -569,13 +585,13 @@ export interface MessageDesignTokens extends ColorSchemeDesignToken<MessageDesig
borderColor?: string;
};
/**
* Plain of error
* Simple of error
*/
plain?: {
simple?: {
/**
* Plain color of error
* Simple color of error
*
* @designToken message.error.plain.color
* @designToken message.error.simple.color
*/
color?: string;
};
@ -654,13 +670,13 @@ export interface MessageDesignTokens extends ColorSchemeDesignToken<MessageDesig
borderColor?: string;
};
/**
* Plain of secondary
* Simple of secondary
*/
plain?: {
simple?: {
/**
* Plain color of secondary
* Simple color of secondary
*
* @designToken message.secondary.plain.color
* @designToken message.secondary.simple.color
*/
color?: string;
};
@ -739,13 +755,13 @@ export interface MessageDesignTokens extends ColorSchemeDesignToken<MessageDesig
borderColor?: string;
};
/**
* Plain of contrast
* Simple of contrast
*/
plain?: {
simple?: {
/**
* Plain color of contrast
* Simple color of contrast
*
* @designToken message.contrast.plain.color
* @designToken message.contrast.simple.color
*/
color?: string;
};

View File

@ -234,7 +234,7 @@ importers:
devDependencies:
'@nuxt/devtools':
specifier: ^0.8.5
version: 0.8.5(nuxt@3.3.2(@types/node@18.19.59)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.2)(terser@5.36.0)(typescript@5.6.3))(rollup@4.24.2)(vite@5.4.10(@types/node@18.19.59)(terser@5.36.0))
version: 0.8.5(nuxt@3.3.2(@types/node@18.19.59)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.2)(terser@5.36.0)(typescript@5.6.3))(rollup@4.24.2)
'@nuxt/eslint-config':
specifier: ^0.2.0
version: 0.2.0(eslint@8.57.1)
@ -246,7 +246,7 @@ importers:
version: 3.13.2(rollup@4.24.2)
'@nuxt/test-utils':
specifier: ^3.7.3
version: 3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5))(rollup@4.24.2)(vite@5.4.10(@types/node@18.19.59)(terser@5.36.0))(vitest@1.6.0(@types/node@18.19.59)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))
version: 3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5))(rollup@4.24.2)(vitest@1.6.0(@types/node@18.19.59)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))
'@primevue/themes':
specifier: workspace:*
version: link:../themes
@ -8315,13 +8315,12 @@ snapshots:
'@nuxt/devalue@2.0.2': {}
'@nuxt/devtools-kit@0.8.5(magicast@0.3.5)(nuxt@3.3.2(@types/node@18.19.59)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.2)(terser@5.36.0)(typescript@5.6.3))(rollup@4.24.2)(vite@5.4.10(@types/node@18.19.59)(terser@5.36.0))':
'@nuxt/devtools-kit@0.8.5(magicast@0.3.5)(nuxt@3.3.2(@types/node@18.19.59)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.2)(terser@5.36.0)(typescript@5.6.3))(rollup@4.24.2)':
dependencies:
'@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.2)
'@nuxt/schema': 3.13.2(rollup@4.24.2)
execa: 7.2.0
nuxt: 3.3.2(@types/node@18.19.59)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.2)(terser@5.36.0)(typescript@5.6.3)
vite: 5.4.10(@types/node@18.19.59)(terser@5.36.0)
transitivePeerDependencies:
- magicast
- rollup
@ -8341,10 +8340,10 @@ snapshots:
rc9: 2.1.2
semver: 7.6.3
'@nuxt/devtools@0.8.5(nuxt@3.3.2(@types/node@18.19.59)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.2)(terser@5.36.0)(typescript@5.6.3))(rollup@4.24.2)(vite@5.4.10(@types/node@18.19.59)(terser@5.36.0))':
'@nuxt/devtools@0.8.5(nuxt@3.3.2(@types/node@18.19.59)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.2)(terser@5.36.0)(typescript@5.6.3))(rollup@4.24.2)':
dependencies:
'@antfu/utils': 0.7.10
'@nuxt/devtools-kit': 0.8.5(magicast@0.3.5)(nuxt@3.3.2(@types/node@18.19.59)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.2)(terser@5.36.0)(typescript@5.6.3))(rollup@4.24.2)(vite@5.4.10(@types/node@18.19.59)(terser@5.36.0))
'@nuxt/devtools-kit': 0.8.5(magicast@0.3.5)(nuxt@3.3.2(@types/node@18.19.59)(encoding@0.1.13)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.2)(terser@5.36.0)(typescript@5.6.3))(rollup@4.24.2)
'@nuxt/devtools-wizard': 0.8.5
'@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.2)
birpc: 0.2.19
@ -8375,9 +8374,8 @@ snapshots:
simple-git: 3.27.0
sirv: 2.0.4
unimport: 3.13.1(rollup@4.24.2)
vite: 5.4.10(@types/node@18.19.59)(terser@5.36.0)
vite-plugin-inspect: 0.7.42(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.2))(rollup@4.24.2)(vite@5.4.10(@types/node@18.19.59)(terser@5.36.0))
vite-plugin-vue-inspector: 3.7.2(vite@5.4.10(@types/node@18.19.59)(terser@5.36.0))
vite-plugin-inspect: 0.7.42(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.2))(rollup@4.24.2)
vite-plugin-vue-inspector: 3.7.2
wait-on: 7.2.0
which: 3.0.1
ws: 8.18.0
@ -8687,7 +8685,7 @@ snapshots:
- supports-color
- webpack-sources
'@nuxt/test-utils@3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5))(rollup@4.24.2)(vite@5.4.10(@types/node@18.19.59)(terser@5.36.0))(vitest@1.6.0(@types/node@18.19.59)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))':
'@nuxt/test-utils@3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5))(rollup@4.24.2)(vitest@1.6.0(@types/node@18.19.59)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))':
dependencies:
'@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.2)
'@nuxt/schema': 3.13.2(rollup@4.24.2)
@ -8713,8 +8711,7 @@ snapshots:
ufo: 1.5.4
unenv: 1.10.0
unplugin: 1.14.1(webpack-sources@3.2.3)
vite: 5.4.10(@types/node@18.19.59)(terser@5.36.0)
vitest-environment-nuxt: 1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5))(rollup@4.24.2)(vite@5.4.10(@types/node@18.19.59)(terser@5.36.0))(vitest@1.6.0(@types/node@18.19.59)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))
vitest-environment-nuxt: 1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5))(rollup@4.24.2)(vitest@1.6.0(@types/node@18.19.59)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))
vue: 3.5.12(typescript@5.6.3)
vue-router: 4.4.5(vue@3.5.12(typescript@5.6.3))
optionalDependencies:
@ -14234,7 +14231,7 @@ snapshots:
optionator: 0.9.4
typescript: 5.6.3
vite-plugin-inspect@0.7.42(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.2))(rollup@4.24.2)(vite@5.4.10(@types/node@18.19.59)(terser@5.36.0)):
vite-plugin-inspect@0.7.42(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.2))(rollup@4.24.2):
dependencies:
'@antfu/utils': 0.7.10
'@rollup/pluginutils': 5.1.3(rollup@4.24.2)
@ -14244,14 +14241,13 @@ snapshots:
open: 9.1.0
picocolors: 1.1.1
sirv: 2.0.4
vite: 5.4.10(@types/node@18.19.59)(terser@5.36.0)
optionalDependencies:
'@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.2)
transitivePeerDependencies:
- rollup
- supports-color
vite-plugin-vue-inspector@3.7.2(vite@5.4.10(@types/node@18.19.59)(terser@5.36.0)):
vite-plugin-vue-inspector@3.7.2:
dependencies:
'@babel/core': 7.26.0
'@babel/plugin-proposal-decorators': 7.25.9(@babel/core@7.26.0)
@ -14262,7 +14258,6 @@ snapshots:
'@vue/compiler-dom': 3.5.12
kolorist: 1.8.0
magic-string: 0.30.12
vite: 5.4.10(@types/node@18.19.59)(terser@5.36.0)
transitivePeerDependencies:
- supports-color
@ -14299,9 +14294,9 @@ snapshots:
fsevents: 2.3.3
terser: 5.36.0
vitest-environment-nuxt@1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5))(rollup@4.24.2)(vite@5.4.10(@types/node@18.19.59)(terser@5.36.0))(vitest@1.6.0(@types/node@18.19.59)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3)):
vitest-environment-nuxt@1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5))(rollup@4.24.2)(vitest@1.6.0(@types/node@18.19.59)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3)):
dependencies:
'@nuxt/test-utils': 3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5))(rollup@4.24.2)(vite@5.4.10(@types/node@18.19.59)(terser@5.36.0))(vitest@1.6.0(@types/node@18.19.59)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))
'@nuxt/test-utils': 3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(magicast@0.3.5)(nitropack@2.9.7(encoding@0.1.13)(magicast@0.3.5))(rollup@4.24.2)(vitest@1.6.0(@types/node@18.19.59)(terser@5.36.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))
transitivePeerDependencies:
- '@cucumber/cucumber'
- '@jest/globals'