Refactored shadow token name
parent
944e68d548
commit
18ecd1af94
|
@ -151,7 +151,7 @@ const theme = ({ dt }) => `
|
|||
width: 100%;
|
||||
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
|
||||
outline-color: transparent;
|
||||
box-shadow: ${dt('autocomplete.input.multiple.box.shadow')};
|
||||
box-shadow: ${dt('autocomplete.input.multiple.shadow')};
|
||||
}
|
||||
|
||||
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-input-multiple {
|
||||
|
|
|
@ -11,7 +11,7 @@ const theme = ({ dt }) => `
|
|||
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
|
||||
border-radius: ${dt('border.radius.md')};
|
||||
outline-color: transparent;
|
||||
box-shadow: ${dt('cascadeselect.box.shadow')};
|
||||
box-shadow: ${dt('cascadeselect.shadow')};
|
||||
}
|
||||
|
||||
.p-cascadeselect:not(.p-disabled):hover {
|
||||
|
|
|
@ -38,7 +38,7 @@ const theme = ({ dt }) => `
|
|||
height: ${dt('checkbox.width')};
|
||||
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
|
||||
outline-color: transparent;
|
||||
box-shadow: ${dt('checkbox.box.shadow')};
|
||||
box-shadow: ${dt('checkbox.shadow')};
|
||||
}
|
||||
|
||||
.p-checkbox-icon {
|
||||
|
|
|
@ -32,7 +32,7 @@ const theme = ({ dt }) => `
|
|||
background: ${dt('inlinemessage.info.background')};
|
||||
border: 1px solid ${dt('inlinemessage.info.border.color')};
|
||||
color: ${dt('inlinemessage.info.color')};
|
||||
box-shadow: ${dt('inlinemessage.info.box.shadow')};
|
||||
box-shadow: ${dt('inlinemessage.info.shadow')};
|
||||
}
|
||||
|
||||
.p-inline-message-info .p-inline-message-icon {
|
||||
|
@ -43,7 +43,7 @@ const theme = ({ dt }) => `
|
|||
background: ${dt('inlinemessage.success.background')};
|
||||
border: 1px solid ${dt('inlinemessage.success.border.color')};
|
||||
color: ${dt('inlinemessage.success.color')};
|
||||
box-shadow: ${dt('inlinemessage.success.box.shadow')};
|
||||
box-shadow: ${dt('inlinemessage.success.shadow')};
|
||||
}
|
||||
.p-inline-message-success .p-inline-message-icon {
|
||||
color: ${dt('inlinemessage.success.color')};
|
||||
|
@ -53,7 +53,7 @@ const theme = ({ dt }) => `
|
|||
background: ${dt('inlinemessage.warn.background')};
|
||||
border: 1px solid ${dt('inlinemessage.warn.border.color')};
|
||||
color: ${dt('inlinemessage.warn.color')};
|
||||
box-shadow: ${dt('inlinemessage.warn.box.shadow')};
|
||||
box-shadow: ${dt('inlinemessage.warn.shadow')};
|
||||
}
|
||||
.p-inline-message-warn .p-inline-message-icon {
|
||||
color: ${dt('inlinemessage.warn.color')};
|
||||
|
@ -63,7 +63,7 @@ const theme = ({ dt }) => `
|
|||
background: ${dt('inlinemessage.error.background')};
|
||||
border: 1px solid ${dt('inlinemessage.error.border.color')};
|
||||
color: ${dt('inlinemessage.error.color')};
|
||||
box-shadow: ${dt('inlinemessage.error.box.shadow')};
|
||||
box-shadow: ${dt('inlinemessage.error.shadow')};
|
||||
}
|
||||
.p-inline-message-error .p-inline-message-icon {
|
||||
color: ${dt('inlinemessage.error.color')};
|
||||
|
@ -73,7 +73,7 @@ const theme = ({ dt }) => `
|
|||
background: ${dt('inlinemessage.secondary.background')};
|
||||
border: 1px solid ${dt('inlinemessage.secondary.border.color')};
|
||||
color: ${dt('inlinemessage.secondary.color')};
|
||||
box-shadow: ${dt('inlinemessage.secondary.box.shadow')};
|
||||
box-shadow: ${dt('inlinemessage.secondary.shadow')};
|
||||
}
|
||||
.p-inline-message-secondary .p-inline-message-icon {
|
||||
color: ${dt('inlinemessage.secondary.color')};
|
||||
|
@ -83,7 +83,7 @@ const theme = ({ dt }) => `
|
|||
background: ${dt('inlinemessage.contrast.background')};
|
||||
border: 1px solid ${dt('inlinemessage.contrast.border.color')};
|
||||
color: ${dt('inlinemessage.contrast.color')};
|
||||
box-shadow: ${dt('inlinemessage.contrast.box.shadow')};
|
||||
box-shadow: ${dt('inlinemessage.contrast.shadow')};
|
||||
}
|
||||
.p-inline-message-contrast .p-inline-message-icon {
|
||||
color: ${dt('inlinemessage.contrast.color')};
|
||||
|
|
|
@ -23,7 +23,7 @@ const theme = ({ dt }) => `
|
|||
width: 100%;
|
||||
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
|
||||
outline-color: transparent;
|
||||
box-shadow: ${dt('inputchips.box.shadow')};
|
||||
box-shadow: ${dt('inputchips.shadow')};
|
||||
}
|
||||
|
||||
.p-inputchips:not(.p-disabled):hover .p-inputchips-input {
|
||||
|
|
|
@ -13,7 +13,7 @@ const theme = ({ dt }) => `
|
|||
appearance: none;
|
||||
border-radius: ${dt('inputtext.border.radius')};
|
||||
outline-color: transparent;
|
||||
box-shadow: ${dt('inputtext.box.shadow')};
|
||||
box-shadow: ${dt('inputtext.shadow')};
|
||||
}
|
||||
|
||||
.p-inputtext:enabled:hover {
|
||||
|
@ -22,7 +22,7 @@ const theme = ({ dt }) => `
|
|||
|
||||
.p-inputtext:enabled:focus {
|
||||
border-color: ${dt('inputtext.focus.border.color')};
|
||||
box-shadow: ${dt('inputtext.focus.box.shadow')};
|
||||
box-shadow: ${dt('inputtext.focus.shadow')};
|
||||
outline: 0 none;
|
||||
}
|
||||
|
||||
|
|
|
@ -47,7 +47,7 @@ const theme = ({ dt }) => `
|
|||
background: ${dt('message.info.background')};
|
||||
border: 1px solid ${dt('message.info.border.color')};
|
||||
color: ${dt('message.info.color')};
|
||||
box-shadow: ${dt('message.info.box.shadow')};
|
||||
box-shadow: ${dt('message.info.shadow')};
|
||||
}
|
||||
|
||||
.p-message-info .p-message-close-button:focus-visible {
|
||||
|
@ -62,7 +62,7 @@ const theme = ({ dt }) => `
|
|||
background: ${dt('message.success.background')};
|
||||
border: 1px solid ${dt('message.success.border.color')};
|
||||
color: ${dt('message.success.color')};
|
||||
box-shadow: ${dt('message.success.box.shadow')};
|
||||
box-shadow: ${dt('message.success.shadow')};
|
||||
}
|
||||
|
||||
.p-message-success .p-message-close-button:focus-visible {
|
||||
|
@ -77,7 +77,7 @@ const theme = ({ dt }) => `
|
|||
background: ${dt('message.warn.background')};
|
||||
border: 1px solid ${dt('message.warn.border.color')};
|
||||
color: ${dt('message.warn.color')};
|
||||
box-shadow: ${dt('message.warn.box.shadow')};
|
||||
box-shadow: ${dt('message.warn.shadow')};
|
||||
}
|
||||
|
||||
.p-message-warn .p-message-close-button:focus-visible {
|
||||
|
@ -92,7 +92,7 @@ const theme = ({ dt }) => `
|
|||
background: ${dt('message.error.background')};
|
||||
border: 1px solid ${dt('message.error.border.color')};
|
||||
color: ${dt('message.error.color')};
|
||||
box-shadow: ${dt('message.error.box.shadow')};
|
||||
box-shadow: ${dt('message.error.shadow')};
|
||||
}
|
||||
|
||||
.p-message-error .p-message-close-button:focus-visible {
|
||||
|
@ -107,7 +107,7 @@ const theme = ({ dt }) => `
|
|||
background: ${dt('message.secondary.background')};
|
||||
border: 1px solid ${dt('message.secondary.border.color')};
|
||||
color: ${dt('message.secondary.color')};
|
||||
box-shadow: ${dt('message.secondary.box.shadow')};
|
||||
box-shadow: ${dt('message.secondary.shadow')};
|
||||
}
|
||||
|
||||
.p-message-secondary .p-message-close-button:focus-visible {
|
||||
|
@ -122,7 +122,7 @@ const theme = ({ dt }) => `
|
|||
background: ${dt('message.contrast.background')};
|
||||
border: 1px solid ${dt('message.contrast.border.color')};
|
||||
color: ${dt('message.contrast.color')};
|
||||
box-shadow: ${dt('message.contrast.box.shadow')};
|
||||
box-shadow: ${dt('message.contrast.shadow')};
|
||||
}
|
||||
|
||||
.p-message-contrast .p-message-close-button:focus-visible {
|
||||
|
|
|
@ -11,7 +11,7 @@ const theme = ({ dt }) => `
|
|||
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
|
||||
border-radius: ${dt('border.radius.md')};
|
||||
outline-color: transparent;
|
||||
box-shadow: ${dt('multiselect.box.shadow')};
|
||||
box-shadow: ${dt('multiselect.shadow')};
|
||||
}
|
||||
|
||||
.p-multiselect:not(.p-disabled):hover {
|
||||
|
|
|
@ -38,7 +38,7 @@ const theme = ({ dt }) => `
|
|||
height: ${dt('radiobutton.height')};
|
||||
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
|
||||
outline-color: transparent;
|
||||
box-shadow: ${dt('radiobutton.box.shadow')};
|
||||
box-shadow: ${dt('radiobutton.shadow')};
|
||||
}
|
||||
|
||||
.p-radiobutton-icon {
|
||||
|
|
|
@ -11,7 +11,7 @@ const theme = ({ dt }) => `
|
|||
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
|
||||
border-radius: ${dt('border.radius.md')};
|
||||
outline-color: transparent;
|
||||
box-shadow: ${dt('select.box.shadow')};
|
||||
box-shadow: ${dt('select.shadow')};
|
||||
}
|
||||
|
||||
.p-select:not(.p-disabled):hover {
|
||||
|
|
|
@ -47,7 +47,7 @@ const theme = ({ dt }) => `
|
|||
color: ${dt('tabs.nav.button.color')};
|
||||
width: 2.5rem;
|
||||
transition: color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
|
||||
box-shadow: ${dt('tabs.nav.button.box.shadow')};
|
||||
box-shadow: ${dt('tabs.nav.button.shadow')};
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
|
|
@ -89,7 +89,7 @@ const theme = ({ dt }) => `
|
|||
border-radius: 0;
|
||||
outline-color: transparent;
|
||||
transition: color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
|
||||
box-shadow: ${dt('tabview.nav.button.box.shadow')};
|
||||
box-shadow: ${dt('tabview.nav.button.shadow')};
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
|
|
|
@ -13,7 +13,7 @@ const theme = ({ dt }) => `
|
|||
appearance: none;
|
||||
border-radius: ${dt('border.radius.md')};
|
||||
outline-color: transparent;
|
||||
box-shadow: ${dt('textarea.box.shadow')};
|
||||
box-shadow: ${dt('textarea.shadow')};
|
||||
}
|
||||
|
||||
.p-inputtextarea:enabled:hover {
|
||||
|
|
|
@ -11,7 +11,7 @@ export default {
|
|||
color: '{form.field.color}',
|
||||
disabledColor: '{form.field.disabled.color}',
|
||||
placeholderColor: '{form.field.placeholder.color}',
|
||||
boxShadow: '{form.field.box.shadow}'
|
||||
shadow: '{form.field.shadow}'
|
||||
},
|
||||
overlay: {
|
||||
background: '{overlay.select.background}',
|
||||
|
|
|
@ -11,7 +11,7 @@ export default {
|
|||
color: '{form.field.color}',
|
||||
disabledColor: '{form.field.disabled.color}',
|
||||
placeholderColor: '{form.field.placeholder.color}',
|
||||
boxShadow: '{form.field.box.shadow}'
|
||||
shadow: '{form.field.shadow}'
|
||||
},
|
||||
dropdown: {
|
||||
color: '{form.field.icon.color}'
|
||||
|
@ -31,7 +31,7 @@ export default {
|
|||
selectedFocusColor: '{list.option.selected.focus.color}',
|
||||
icon: {
|
||||
color: '{list.option.icon.color}',
|
||||
focusColor: '{list.option.icon.focus.color}',
|
||||
focusColor: '{list.option.icon.focus.color}'
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
|
@ -13,7 +13,7 @@ export default {
|
|||
checkedBorderColor: '{primary.color}',
|
||||
checkedHoverBorderColor: '{primary.hover.color}',
|
||||
invalidBorderColor: '{form.field.invalid.border.color}',
|
||||
boxShadow: '{form.field.box.shadow}'
|
||||
shadow: '{form.field.shadow}'
|
||||
},
|
||||
icon: {
|
||||
size: '0.875rem',
|
||||
|
|
|
@ -187,8 +187,8 @@ export default {
|
|||
floatLabelFocusColor: '{surface.500}',
|
||||
floatLabelInvalidColor: '{red.400}',
|
||||
iconColor: '{surface.400}',
|
||||
boxShadow: '0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)',
|
||||
focusBoxShadow: 'none'
|
||||
shadow: '0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)',
|
||||
focusShadow: 'none'
|
||||
},
|
||||
text: {
|
||||
color: '{surface.700}',
|
||||
|
@ -293,8 +293,8 @@ export default {
|
|||
floatLabelFocusColor: '{surface.400}',
|
||||
floatLabelInvalidColor: '{red.300}',
|
||||
iconColor: '{surface.400}',
|
||||
boxShadow: '0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)',
|
||||
focusBoxShadow: 'none'
|
||||
shadow: '0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)',
|
||||
focusShadow: 'none'
|
||||
},
|
||||
text: {
|
||||
color: '{surface.0}',
|
||||
|
|
|
@ -11,6 +11,6 @@ export default {
|
|||
color: '{form.field.color}',
|
||||
disabledColor: '{form.field.disabled.color}',
|
||||
placeholderColor: '{form.field.placeholder.color}',
|
||||
boxShadow: '{form.field.box.shadow}'
|
||||
shadow: '{form.field.shadow}'
|
||||
}
|
||||
};
|
||||
|
|
|
@ -11,8 +11,8 @@ export default {
|
|||
color: '{form.field.color}',
|
||||
disabledColor: '{form.field.disabled.color}',
|
||||
placeholderColor: '{form.field.placeholder.color}',
|
||||
boxShadow: '{form.field.box.shadow}',
|
||||
focusBoxShadow: '{form.field.focus.box.shadow}',
|
||||
shadow: '{form.field.shadow}',
|
||||
focusShadow: '{form.field.focus.shadow}',
|
||||
paddingX: '{form.field.padding.x}',
|
||||
paddingY: '{form.field.padding.y}',
|
||||
borderRadius: '{form.field.border.radius}'
|
||||
|
|
|
@ -8,7 +8,7 @@ export default {
|
|||
invalidBorderColor: '{form.field.invalid.border.color}',
|
||||
color: '{form.field.color}',
|
||||
disabledColor: '{form.field.disabled.color}',
|
||||
boxShadow: '{form.field.box.shadow}'
|
||||
shadow: '{form.field.shadow}'
|
||||
},
|
||||
option: {
|
||||
focusBackground: '{list.option.focus.background}',
|
||||
|
|
|
@ -11,7 +11,7 @@ export default {
|
|||
color: '{form.field.color}',
|
||||
disabledColor: '{form.field.disabled.color}',
|
||||
placeholderColor: '{form.field.placeholder.color}',
|
||||
boxShadow: '{form.field.box.shadow}'
|
||||
shadow: '{form.field.shadow}'
|
||||
},
|
||||
dropdown: {
|
||||
color: '{form.field.icon.color}'
|
||||
|
|
|
@ -12,7 +12,7 @@ export default {
|
|||
checkedBorderColor: '{primary.color}',
|
||||
checkedHoverBorderColor: '{primary.hover.color}',
|
||||
invalidBorderColor: '{form.field.invalid.border.color}',
|
||||
boxShadow: '{form.field.box.shadow}'
|
||||
shadow: '{form.field.shadow}'
|
||||
},
|
||||
icon: {
|
||||
size: '0.75rem',
|
||||
|
|
|
@ -11,7 +11,7 @@ export default {
|
|||
color: '{form.field.color}',
|
||||
disabledColor: '{form.field.disabled.color}',
|
||||
placeholderColor: '{form.field.placeholder.color}',
|
||||
boxShadow: '{form.field.box.shadow}'
|
||||
shadow: '{form.field.shadow}'
|
||||
},
|
||||
dropdown: {
|
||||
color: '{form.field.icon.color}'
|
||||
|
|
|
@ -11,6 +11,6 @@ export default {
|
|||
color: '{form.field.color}',
|
||||
disabledColor: '{form.field.disabled.color}',
|
||||
placeholderColor: '{form.field.placeholder.color}',
|
||||
boxShadow: '{form.field.box.shadow}'
|
||||
shadow: '{form.field.shadow}'
|
||||
}
|
||||
};
|
||||
|
|
|
@ -11,7 +11,7 @@ export default {
|
|||
color: '{form.field.color}',
|
||||
disabledColor: '{form.field.disabled.color}',
|
||||
placeholderColor: '{form.field.placeholder.color}',
|
||||
boxShadow: '{form.field.box.shadow}'
|
||||
shadow: '{form.field.shadow}'
|
||||
},
|
||||
dropdown: {
|
||||
color: '{form.field.icon.color}'
|
||||
|
|
|
@ -11,7 +11,7 @@ export default {
|
|||
color: '{form.field.color}',
|
||||
disabledColor: '{form.field.disabled.color}',
|
||||
placeholderColor: '{form.field.placeholder.color}',
|
||||
boxShadow: '{form.field.box.shadow}'
|
||||
shadow: '{form.field.shadow}'
|
||||
},
|
||||
overlay: {
|
||||
background: '{overlay.select.background}',
|
||||
|
|
|
@ -11,7 +11,7 @@ export default {
|
|||
color: '{form.field.color}',
|
||||
disabledColor: '{form.field.disabled.color}',
|
||||
placeholderColor: '{form.field.placeholder.color}',
|
||||
boxShadow: '{form.field.box.shadow}'
|
||||
shadow: '{form.field.shadow}'
|
||||
},
|
||||
dropdown: {
|
||||
color: '{form.field.icon.color}'
|
||||
|
@ -31,7 +31,7 @@ export default {
|
|||
selectedFocusColor: '{list.option.selected.focus.color}',
|
||||
icon: {
|
||||
color: '{list.option.icon.color}',
|
||||
focusColor: '{list.option.icon.focus.color}',
|
||||
focusColor: '{list.option.icon.focus.color}'
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
|
@ -13,7 +13,7 @@ export default {
|
|||
checkedBorderColor: '{primary.color}',
|
||||
checkedHoverBorderColor: '{primary.hover.color}',
|
||||
invalidBorderColor: '{form.field.invalid.border.color}',
|
||||
boxShadow: '{form.field.box.shadow}'
|
||||
shadow: '{form.field.shadow}'
|
||||
},
|
||||
icon: {
|
||||
size: '0.875rem',
|
||||
|
|
|
@ -187,8 +187,8 @@ export default {
|
|||
floatLabelFocusColor: '{surface.500}',
|
||||
floatLabelInvalidColor: '{red.400}',
|
||||
iconColor: '{surface.400}',
|
||||
boxShadow: 'none',
|
||||
focusBoxShadow: '0 0 0 0.2rem {primary.200}'
|
||||
shadow: 'none',
|
||||
focusShadow: '0 0 0 0.2rem {primary.200}'
|
||||
},
|
||||
text: {
|
||||
color: '{surface.700}',
|
||||
|
@ -293,8 +293,8 @@ export default {
|
|||
floatLabelFocusColor: '{surface.400}',
|
||||
floatLabelInvalidColor: '{red.300}',
|
||||
iconColor: '{surface.400}',
|
||||
boxShadow: 'none',
|
||||
focusBoxShadow: '0 0 0 0.2rem color-mix(in srgb, {primary.color}, transparent 80%)'
|
||||
shadow: 'none',
|
||||
focusShadow: '0 0 0 0.2rem color-mix(in srgb, {primary.color}, transparent 80%)'
|
||||
},
|
||||
text: {
|
||||
color: '{surface.0}',
|
||||
|
|
|
@ -11,6 +11,6 @@ export default {
|
|||
color: '{form.field.color}',
|
||||
disabledColor: '{form.field.disabled.color}',
|
||||
placeholderColor: '{form.field.placeholder.color}',
|
||||
boxShadow: '{form.field.box.shadow}'
|
||||
shadow: '{form.field.shadow}'
|
||||
}
|
||||
};
|
||||
|
|
|
@ -11,8 +11,8 @@ export default {
|
|||
color: '{form.field.color}',
|
||||
disabledColor: '{form.field.disabled.color}',
|
||||
placeholderColor: '{form.field.placeholder.color}',
|
||||
boxShadow: '{form.field.box.shadow}',
|
||||
focusBoxShadow: '{form.field.focus.box.shadow}',
|
||||
shadow: '{form.field.shadow}',
|
||||
focusShadow: '{form.field.focus.shadow}',
|
||||
paddingX: '{form.field.padding.x}',
|
||||
paddingY: '{form.field.padding.y}',
|
||||
borderRadius: '{form.field.border.radius}'
|
||||
|
|
|
@ -8,7 +8,7 @@ export default {
|
|||
invalidBorderColor: '{form.field.invalid.border.color}',
|
||||
color: '{form.field.color}',
|
||||
disabledColor: '{form.field.disabled.color}',
|
||||
boxShadow: '{form.field.box.shadow}'
|
||||
shadow: '{form.field.shadow}'
|
||||
},
|
||||
option: {
|
||||
focusBackground: '{list.option.focus.background}',
|
||||
|
|
|
@ -11,7 +11,7 @@ export default {
|
|||
color: '{form.field.color}',
|
||||
disabledColor: '{form.field.disabled.color}',
|
||||
placeholderColor: '{form.field.placeholder.color}',
|
||||
boxShadow: '{form.field.box.shadow}'
|
||||
shadow: '{form.field.shadow}'
|
||||
},
|
||||
dropdown: {
|
||||
color: '{form.field.icon.color}'
|
||||
|
|
|
@ -12,7 +12,7 @@ export default {
|
|||
checkedBorderColor: '{primary.color}',
|
||||
checkedHoverBorderColor: '{primary.hover.color}',
|
||||
invalidBorderColor: '{form.field.invalid.border.color}',
|
||||
boxShadow: '{form.field.box.shadow}'
|
||||
shadow: '{form.field.shadow}'
|
||||
},
|
||||
icon: {
|
||||
size: '0.75rem',
|
||||
|
|
|
@ -11,7 +11,7 @@ export default {
|
|||
color: '{form.field.color}',
|
||||
disabledColor: '{form.field.disabled.color}',
|
||||
placeholderColor: '{form.field.placeholder.color}',
|
||||
boxShadow: '{form.field.box.shadow}'
|
||||
shadow: '{form.field.shadow}'
|
||||
},
|
||||
dropdown: {
|
||||
color: '{form.field.icon.color}'
|
||||
|
|
|
@ -11,6 +11,6 @@ export default {
|
|||
color: '{form.field.color}',
|
||||
disabledColor: '{form.field.disabled.color}',
|
||||
placeholderColor: '{form.field.placeholder.color}',
|
||||
boxShadow: '{form.field.box.shadow}'
|
||||
shadow: '{form.field.shadow}'
|
||||
}
|
||||
};
|
||||
|
|
|
@ -11,7 +11,7 @@ export default {
|
|||
color: '{form.field.color}',
|
||||
disabledColor: '{form.field.disabled.color}',
|
||||
placeholderColor: '{form.field.placeholder.color}',
|
||||
boxShadow: '{form.field.box.shadow}'
|
||||
shadow: '{form.field.shadow}'
|
||||
},
|
||||
dropdown: {
|
||||
color: '{form.field.icon.color}'
|
||||
|
|
|
@ -70,7 +70,7 @@ const theme = ({ dt }) => `
|
|||
background: ${dt('toast.info.background')};
|
||||
border: 1px solid ${dt('toast.info.border.color')};
|
||||
color: ${dt('toast.info.color')};
|
||||
box-shadow: ${dt('toast.info.box.shadow')};
|
||||
box-shadow: ${dt('toast.info.shadow')};
|
||||
}
|
||||
|
||||
.p-toast-message-info .p-toast-detail {
|
||||
|
@ -89,7 +89,7 @@ const theme = ({ dt }) => `
|
|||
background: ${dt('toast.success.background')};
|
||||
border: 1px solid ${dt('toast.success.border.color')};
|
||||
color: ${dt('toast.success.color')};
|
||||
box-shadow: ${dt('toast.success.box.shadow')};
|
||||
box-shadow: ${dt('toast.success.shadow')};
|
||||
}
|
||||
|
||||
.p-toast-message-success .p-toast-detail {
|
||||
|
@ -108,7 +108,7 @@ const theme = ({ dt }) => `
|
|||
background: ${dt('toast.warn.background')};
|
||||
border: 1px solid ${dt('toast.warn.border.color')};
|
||||
color: ${dt('toast.warn.color')};
|
||||
box-shadow: ${dt('toast.warn.box.shadow')};
|
||||
box-shadow: ${dt('toast.warn.shadow')};
|
||||
}
|
||||
|
||||
.p-toast-message-warn .p-toast-detail {
|
||||
|
@ -127,7 +127,7 @@ const theme = ({ dt }) => `
|
|||
background: ${dt('toast.error.background')};
|
||||
border: 1px solid ${dt('toast.error.border.color')};
|
||||
color: ${dt('toast.error.color')};
|
||||
box-shadow: ${dt('toast.error.box.shadow')};
|
||||
box-shadow: ${dt('toast.error.shadow')};
|
||||
}
|
||||
|
||||
.p-toast-message-error .p-toast-detail {
|
||||
|
@ -146,7 +146,7 @@ const theme = ({ dt }) => `
|
|||
background: ${dt('toast.secondary.background')};
|
||||
border: 1px solid ${dt('toast.secondary.border.color')};
|
||||
color: ${dt('toast.secondary.color')};
|
||||
box-shadow: ${dt('toast.secondary.box.shadow')};
|
||||
box-shadow: ${dt('toast.secondary.shadow')};
|
||||
}
|
||||
|
||||
.p-toast-message-secondary .p-toast-detail {
|
||||
|
@ -165,7 +165,7 @@ const theme = ({ dt }) => `
|
|||
background: ${dt('toast.contrast.background')};
|
||||
border: 1px solid ${dt('toast.contrast.border.color')};
|
||||
color: ${dt('toast.contrast.color')};
|
||||
box-shadow: ${dt('toast.contrast.box.shadow')};
|
||||
box-shadow: ${dt('toast.contrast.shadow')};
|
||||
}
|
||||
|
||||
.p-toast-message-contrast .p-toast-detail {
|
||||
|
|
|
@ -11,7 +11,7 @@ const theme = ({ dt }) => `
|
|||
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
|
||||
border-radius: ${dt('border.radius.md')};
|
||||
outline-color: transparent;
|
||||
box-shadow: ${dt('treeselect.box.shadow')};
|
||||
box-shadow: ${dt('treeselect.shadow')};
|
||||
}
|
||||
|
||||
.p-treeselect:not(.p-disabled):hover {
|
||||
|
|
Loading…
Reference in New Issue