diff --git a/src/assets/style/primevue-style/message.css b/src/assets/style/primevue-style/message.css new file mode 100644 index 0000000..4cae7fe --- /dev/null +++ b/src/assets/style/primevue-style/message.css @@ -0,0 +1,87 @@ +:root { + --p-message-simple-content-padding: 0; + --p-message-outlined-border-width: var(--border-width); + --p-message-close-icon-size: 1rem; + --p-message-close-icon-lg-size: 1.125rem; + --p-message-close-icon-sm-size: 0.875rem; + --p-message-close-button-width: 1.75rem; + --p-message-close-button-height: 1.75rem; + --p-message-close-button-border-radius: 0px; + --p-message-close-button-focus-ring-width: var(--focus-width); + --p-message-close-button-focus-ring-style: var(--focus-style); + --p-message-close-button-focus-ring-offset: var(--focus-offset); + --p-message-icon-size: calc(0.125rem + var(--text-body-MD-standard-text-Regular-size)); + --p-message-icon-lg-size: calc(0.125rem + var(--text-body-MD-standard-text-Regular-size)); + --p-message-icon-sm-size: calc(0.125rem + var(--text-body-XS-mention-text-Regular-size)); + --p-message-text-font-size: var(--text-body-MD-standard-text-Regular-size); + --p-message-text-font-weight: var(--text-body-XS-mention-text-Regular-weight); + --p-message-text-lg-font-size: var(--text-body-MD-standard-text-Regular-size); + --p-message-text-sm-font-size: var(--text-body-XS-mention-text-Regular-size); + --p-message-content-padding: 0.5rem 0.75rem; + --p-message-content-gap: 0.75rem; + --p-message-content-lg-padding: 0.625rem 0.875rem; + --p-message-content-sm-padding: 0.375rem 0.625rem; + --p-message-border-radius: 0px; + --p-message-border-width: var(--border-width); + --p-message-transition-duration: var(--transition-duration); + /* --p-message-contrast-background: + --p-message-contrast-border-color: + --p-message-contrast-color: + --p-message-contrast-shadow: + --p-message-contrast-simple-color: + --p-message-contrast-outlined-color: + --p-message-contrast-outlined-border-color: + --p-message-contrast-close-button-hover-background: + --p-message-contrast-close-button-focus-ring-color: + --p-message-contrast-close-button-focus-ring-shadow: */ + --p-message-secondary-background: none; + --p-message-secondary-border-color: none; + --p-message-secondary-color: none; + --p-message-secondary-shadow: none; + --p-message-secondary-simple-color: var(--text-mention-grey); + --p-message-secondary-outlined-color: none; + --p-message-secondary-outlined-border-color: none; + --p-message-secondary-close-button-hover-background: none; + --p-message-secondary-close-button-focus-ring-color: none; + --p-message-secondary-close-button-focus-ring-shadow: none; + --p-message-error-background: color-mix(in srgb,var(--background-contrast-error),transparent 5%); + --p-message-error-border-color: var(--border-plain-error); + --p-message-error-color: var(--text-default-grey); + --p-message-error-shadow: none; + --p-message-error-simple-color: var(--text-default-grey); + --p-message-error-outlined-color: none; + --p-message-error-outlined-border-color: none; + --p-message-error-close-button-hover-background: none; + --p-message-error-close-button-focus-ring-color: none; + --p-message-error-close-button-focus-ring-shadow: none; + --p-message-warn-background: color-mix(in srgb,var(--background-contrast-warning),transparent 5%); + --p-message-warn-border-color: var(--border-plain-warning); + --p-message-warn-color: var(--text-default-grey); + --p-message-warn-shadow: none; + --p-message-warn-simple-color: var(--text-default-grey); + --p-message-warn-outlined-color: none; + --p-message-warn-outlined-border-color: none; + --p-message-warn-close-button-hover-background: none; + --p-message-warn-close-button-focus-ring-color: none; + --p-message-warn-close-button-focus-ring-shadow: none; + --p-message-success-background: color-mix(in srgb,var(--background-contrast-success),transparent 5%); + --p-message-success-border-color: var(--border-plain-success); + --p-message-success-color: var(--text-default-grey); + --p-message-success-shadow: none; + --p-message-success-simple-color: var(--text-default-grey); + --p-message-success-outlined-color: var(none); + --p-message-success-outlined-border-color: var(none); + --p-message-success-close-button-hover-background: none; + --p-message-success-close-button-focus-ring-color: none; + --p-message-success-close-button-focus-ring-shadow: none; + --p-message-info-background: color-mix(in srgb,var(--background-contrast-info),transparent 5%); + --p-message-info-border-color: var(--border-plain-info); + --p-message-info-color: var(--text-default-grey); + --p-message-info-shadow: none; + --p-message-info-simple-color: var(--text-default-grey); + --p-message-info-outlined-color: none; + --p-message-info-outlined-border-color: none; + --p-message-info-close-button-hover-background: none; + --p-message-info-close-button-focus-ring-color: none; + --p-message-info-close-button-focus-ring-shadow: none; +}