vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Renamed border radius token

pull/5701/head
Cagatay Civici 2024-05-07 00:18:22 +03:00
parent 9edbd78948
commit 944e68d548
55 changed files with 134 additions and 134 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/lib/accordion/style/AccordionStyle.js
View File

@ -21,7 +21,7 @@ const theme = ({ dt }) => `
color: ${dt('accordion.header.color')};
background: ${dt('accordion.header.background')};
font-weight: 600;
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
transition: color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
outline-color: transparent;
}

10
components/lib/autocomplete/style/AutoCompleteStyle.js
View File

@ -38,8 +38,8 @@ const theme = ({ dt }) => `
overflow: hidden;
position: relative;
width: ${dt('autocomplete.dropdown.width')};
border-top-right-radius: ${dt('rounded.base')};
border-bottom-right-radius: ${dt('rounded.base')};
border-top-right-radius: ${dt('border.radius.md')};
border-bottom-right-radius: ${dt('border.radius.md')};
background: ${dt('autocomplete.dropdown.background')};
border: 1px solid ${dt('autocomplete.dropdown.border.color')};
border-left: 0 none;
@ -77,7 +77,7 @@ const theme = ({ dt }) => `
background: ${dt('autocomplete.overlay.background')};
color: ${dt('autocomplete.overlay.color')};
border: 1px solid ${dt('autocomplete.overlay.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
@ -99,7 +99,7 @@ const theme = ({ dt }) => `
color: ${dt('autocomplete.option.color')};
background: transparent;
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')};
border-radius: ${dt('rounded.sm')};
border-radius: ${dt('border.radius.sm')};
}
.p-autocomplete-option:first-child {
@ -147,7 +147,7 @@ const theme = ({ dt }) => `
color: ${dt('autocomplete.input.multiple.color')};
background: ${dt('autocomplete.input.multiple.background')};
border: 1px solid ${dt('autocomplete.input.multiple.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
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;

2
components/lib/avatar/style/AvatarStyle.js
View File

@ -9,7 +9,7 @@ const theme = ({ dt }) => `
height: 2rem;
font-size: 1rem;
background: ${dt('avatar.background')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
}
.p-avatar-image {

2
components/lib/blockui/style/BlockUIStyle.js
View File

@ -6,7 +6,7 @@ const theme = ({ dt }) => `
}
.p-blockui-mask {
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
}
.p-blockui-mask.p-component-overlay {

4
components/lib/breadcrumb/style/BreadcrumbStyle.js
View File

@ -4,7 +4,7 @@ const theme = ({ dt }) => `
.p-breadcrumb {
background: ${dt('breadcrumb.background')};
border: 0 none;
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
padding: 1rem;
overflow-x: auto;
}
@ -34,7 +34,7 @@ const theme = ({ dt }) => `
display: flex;
align-items: center;
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
outline-color: transparent;
}

2
components/lib/button/style/ButtonStyle.js
View File

@ -17,7 +17,7 @@ const theme = ({ dt }) => `
font-family: inherit;
font-feature-settings: inherit;
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
outline-color: transparent;
gap: 0.5rem;
}

2
components/lib/carousel/style/CarouselStyle.js
View File

@ -53,7 +53,7 @@ const theme = ({ dt }) => `
border: 0 none;
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
outline-color: transparent;
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
padding: 0;
margin: 0;
border: none;

10
components/lib/cascadeselect/style/CascadeSelectStyle.js
View File

@ -9,7 +9,7 @@ const theme = ({ dt }) => `
background: ${dt('cascadeselect.background')};
border: 1px solid ${dt('cascadeselect.border.color')};
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
outline-color: transparent;
box-shadow: ${dt('cascadeselect.box.shadow')};
}
@ -48,8 +48,8 @@ const theme = ({ dt }) => `
background: transparent;
color: ${dt('cascadeselect.dropdown.color')};
width: 2.5rem;
border-top-right-radius: ${dt('rounded.base')};
border-bottom-right-radius: ${dt('rounded.base')};
border-top-right-radius: ${dt('border.radius.md')};
border-bottom-right-radius: ${dt('border.radius.md')};
}
.p-cascadeselect-label {
@ -95,7 +95,7 @@ const theme = ({ dt }) => `
.p-cascadeselect-overlay {
background: ${dt('cascadeselect.overlay.background')};
border: 1px solid ${dt('cascadeselect.overlay.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
color: ${dt('cascadeselect.overlay.color')};
}
@ -127,7 +127,7 @@ const theme = ({ dt }) => `
color: ${dt('cascadeselect.option.color')};
background: transparent;
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')};
border-radius: ${dt('rounded.sm')};
border-radius: ${dt('border.radius.sm')};
}
.p-cascadeselect-item:first-child {

4
components/lib/colorpicker/style/ColorPickerStyle.js
View File

@ -15,7 +15,7 @@ const theme = ({ dt }) => `
height: 1.5rem;
padding: 0;
border: 0 none;
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
transition: outline-color ${dt('transition.duration')};
outline-color: transparent;
cursor: pointer;
@ -29,7 +29,7 @@ const theme = ({ dt }) => `
.p-colorpicker-panel {
background: ${dt('colorpicker.panel.background')};
border: 1px solid ${dt('colorpicker.panel.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
width: 193px;
height: 166px;

2
components/lib/confirmpopup/style/ConfirmPopupStyle.js
View File

@ -9,7 +9,7 @@ const theme = ({ dt }) => `
background: ${dt('confirmpopup.background')};
color: ${dt('confirmpopup.color')};
border: 1px solid ${dt('confirmpopup.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

6
components/lib/contextmenu/style/ContextMenuStyle.js
View File

@ -6,7 +6,7 @@ const theme = ({ dt }) => `
background: ${dt('contextmenu.background')};
color: ${dt('contextmenu.color')};
border: 1px solid ${dt('contextmenu.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
min-width: 12.5rem;
}
@ -27,7 +27,7 @@ const theme = ({ dt }) => `
background: ${dt('contextmenu.background')};
color: ${dt('contextmenu.color')};
border: 1px solid ${dt('contextmenu.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
@ -45,7 +45,7 @@ const theme = ({ dt }) => `
.p-contextmenu-item-content {
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')};
border-radius: ${dt('rounded.sm')};
border-radius: ${dt('border.radius.sm')};
color: ${dt('contextmenu.item.color')};
}

6
components/lib/datatable/style/DataTableStyle.js
View File

@ -200,7 +200,7 @@ const theme = ({ dt }) => `
background: ${dt('datatable.filter.overlay.background')};
color: ${dt('datatable.filter.overlay.color')};
border: 1px solid ${dt('datatable.filter.overlay.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
min-width: 12.5rem;
}
@ -218,7 +218,7 @@ const theme = ({ dt }) => `
color: ${dt('datatable.filter.constraint.color')};
background: transparent;
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')},;
border-radius: ${dt('rounded.sm')};
border-radius: ${dt('border.radius.sm')};
cursor: pointer;
}
@ -291,7 +291,7 @@ const theme = ({ dt }) => `
background: ${dt('datatable.filter.overlay.background')};
color: ${dt('datatable.filter.overlay.color')};
border: 1px solid ${dt('datatable.filter.overlay.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
min-width: 12.5rem;
padding: 0.75rem;

10
components/lib/datepicker/style/DatePickerStyle.js
View File

@ -26,8 +26,8 @@ const theme = ({ dt }) => `
overflow: hidden;
position: relative;
width: ${dt('datepicker.dropdown.width')};
border-top-right-radius: ${dt('rounded.base')};
border-bottom-right-radius: ${dt('rounded.base')};
border-top-right-radius: ${dt('border.radius.md')};
border-bottom-right-radius: ${dt('border.radius.md')};
background: ${dt('datepicker.dropdown.background')};
border: 1px solid ${dt('datepicker.dropdown.border.color')};
border-left: 0 none;
@ -87,7 +87,7 @@ const theme = ({ dt }) => `
background: ${dt('datepicker.background')};
color: ${dt('datepicker.color')};
border: 1px solid ${dt('datepicker.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
@ -237,7 +237,7 @@ const theme = ({ dt }) => `
position: relative;
padding: 0.25rem;
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')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
outline-color: transparent;
color: ${dt('datepicker.date.color')};
}
@ -271,7 +271,7 @@ const theme = ({ dt }) => `
position: relative;
padding: 0.25rem;
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')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
outline-color: transparent;
color: ${dt('datepicker.date.color')};
}

2
components/lib/dialog/style/DialogStyle.js
View File

@ -4,7 +4,7 @@ const theme = ({ dt }) => `
.p-dialog {
max-height: 90%;
transform: scale(1);
border-radius: ${dt('rounded.xl')};
border-radius: ${dt('border.radius.xl')};
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
background: ${dt('dialog.background')};
border: 1px solid ${dt('dialog.border.color')};

14
components/lib/editor/style/EditorStyle.js
View File

@ -949,8 +949,8 @@ const theme = ({ dt }) => `
.p-editor .p-editor-toolbar {
background: ${dt('editor.toolbar.background')};
border-top-right-radius: ${dt('rounded.base')};
border-top-left-radius: ${dt('rounded.base')};
border-top-right-radius: ${dt('border.radius.md')};
border-top-left-radius: ${dt('border.radius.md')};
}
.p-editor .p-editor-toolbar.ql-snow {
@ -998,7 +998,7 @@ const theme = ({ dt }) => `
background: ${dt('editor.overlay.background')};
border: 1px solid ${dt('editor.overlay.border.color')};
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
padding: 0.25rem 0.25rem;
}
@ -1016,8 +1016,8 @@ const theme = ({ dt }) => `
}
.p-editor .p-editor-content {
border-bottom-right-radius: ${dt('rounded.base')};
border-bottom-left-radius: ${dt('rounded.base')};
border-bottom-right-radius: ${dt('border.radius.md')};
border-bottom-left-radius: ${dt('border.radius.md')};
}
.p-editor .p-editor-content.ql-snow {
@ -1027,8 +1027,8 @@ const theme = ({ dt }) => `
.p-editor .p-editor-content .ql-editor {
background: ${dt('editor.content.background')};
color: ${dt('editor.content.color')};
border-bottom-right-radius: ${dt('rounded.base')};
border-bottom-left-radius: ${dt('rounded.base')};
border-bottom-right-radius: ${dt('border.radius.md')};
border-bottom-left-radius: ${dt('border.radius.md')};
}
.p-editor .ql-snow.ql-toolbar button:hover,

4
components/lib/fieldset/style/FieldsetStyle.js
View File

@ -4,7 +4,7 @@ const theme = ({ dt }) => `
.p-fieldset {
background: ${dt('fieldset.background')};
border: 1px solid ${dt('fieldset.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
color: ${dt('fieldset.color')};
padding: 0 1.125rem 1.125rem 1.125rem;
margin: 0;
@ -35,7 +35,7 @@ const theme = ({ dt }) => `
justify-content: center;
padding: 0.5rem 0.75rem;
color: ${dt('fieldset.legend.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
outline-color: transparent;
}

2
components/lib/fileupload/style/FileUploadStyle.js
View File

@ -7,7 +7,7 @@ const theme = ({ dt }) => `
.p-fileupload-advanced {
border: 1px solid ${dt('fileupload.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
background: ${dt('fileupload.background')};
color: ${dt('fileupload.color')};
}

2
components/lib/inlinemessage/style/InlineMessageStyle.js
View File

@ -7,7 +7,7 @@ const theme = ({ dt }) => `
justify-content: center;
padding: 0.5rem 0.75rem;
margin: 0;
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
}
.p-inline-message-text {

2
components/lib/inplace/style/InplaceStyle.js
View File

@ -5,7 +5,7 @@ const theme = ({ dt }) => `
display: inline;
cursor: pointer;
padding: 0.5rem 0.75rem;
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
outline-color: transparent;
}

2
components/lib/inputchips/style/InputChipsStyle.js
View File

@ -19,7 +19,7 @@ const theme = ({ dt }) => `
color: ${dt('inputchips.color')};
background: ${dt('inputchips.background')};
border: 1px solid ${dt('inputchips.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
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;

20
components/lib/inputnumber/style/InputNumberStyle.js
View File

@ -48,12 +48,12 @@ const theme = ({ dt }) => `
.p-inputnumber-stacked .p-inputnumber-increment-button {
padding: 0;
border-top-right-radius: calc(${dt('rounded.base')} - 1px);
border-top-right-radius: calc(${dt('border.radius.md')} - 1px);
}
.p-inputnumber-stacked .p-inputnumber-decrement-button {
padding: 0;
border-bottom-right-radius: calc(${dt('rounded.base')} - 1px);
border-bottom-right-radius: calc(${dt('border.radius.md')} - 1px);
}
.p-inputnumber-stacked .p-inputnumber-button {
@ -75,8 +75,8 @@ const theme = ({ dt }) => `
.p-inputnumber-horizontal .p-inputnumber-increment-button {
order: 3;
border-top-right-radius: ${dt('rounded.base')};
border-bottom-right-radius: ${dt('rounded.base')};
border-top-right-radius: ${dt('border.radius.md')};
border-bottom-right-radius: ${dt('border.radius.md')};
border-left: 0 none;
}
@ -87,8 +87,8 @@ const theme = ({ dt }) => `
.p-inputnumber-horizontal .p-inputnumber-decrement-button {
order: 1;
border-top-left-radius: ${dt('rounded.base')};
border-bottom-left-radius: ${dt('rounded.base')};
border-top-left-radius: ${dt('border.radius.md')};
border-bottom-left-radius: ${dt('border.radius.md')};
border-right: 0 none;
}
@ -111,8 +111,8 @@ const theme = ({ dt }) => `
.p-inputnumber-vertical .p-inputnumber-increment-button {
order: 1;
border-top-left-radius: ${dt('rounded.base')};
border-top-right-radius: ${dt('rounded.base')};
border-top-left-radius: ${dt('border.radius.md')};
border-top-right-radius: ${dt('border.radius.md')};
width: 100%;
border-bottom: 0 none;
}
@ -125,8 +125,8 @@ const theme = ({ dt }) => `
.p-inputnumber-vertical .p-inputnumber-decrement-button {
order: 3;
border-bottom-left-radius: ${dt('rounded.base')};
border-bottom-right-radius: ${dt('rounded.base')};
border-bottom-left-radius: ${dt('border.radius.md')};
border-bottom-right-radius: ${dt('border.radius.md')};
width: 100%;
border-top: 0 none;
}

2
components/lib/knob/style/KnobStyle.js
View File

@ -18,7 +18,7 @@ const theme = ({ dt }) => `
}
.p-knob svg {
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
outline-color: transparent;
transition: outline-color ${dt('transition.duration')};
}

4
components/lib/listbox/style/ListboxStyle.js
View File

@ -5,7 +5,7 @@ const theme = ({ dt }) => `
background: ${dt('listbox.background')};
color: ${dt('listbox.color')};
border: 1px solid ${dt('listbox.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
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: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
@ -67,7 +67,7 @@ const theme = ({ dt }) => `
margin: 2px 0;
padding: 0.5rem 0.75rem;
border: 0 none;
border-radius: ${dt('rounded.sm')};
border-radius: ${dt('border.radius.sm')};
color: ${dt('listbox.option.color')};
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')};
}

6
components/lib/megamenu/style/MegaMenuStyle.js
View File

@ -8,7 +8,7 @@ const theme = ({ dt }) => `
background: ${dt('megamenu.background')};
color: ${dt('megamenu.color')};
border: 1px solid ${dt('megamenu.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
}
.p-megamenu-root-list {
@ -20,7 +20,7 @@ const theme = ({ dt }) => `
.p-megamenu-item-content {
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')};
border-radius: ${dt('rounded.sm')};
border-radius: ${dt('border.radius.sm')};
color: ${dt('megamenu.item.color')};
}
@ -93,7 +93,7 @@ const theme = ({ dt }) => `
background: ${dt('megamenu.background')};
color: ${dt('megamenu.color')};
border: 1px solid ${dt('megamenu.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)
}

4
components/lib/menu/style/MenuStyle.js
View File

@ -6,7 +6,7 @@ const theme = ({ dt }) => `
background: ${dt('menu.background')};
color: ${dt('menu.color')};
border: 1px solid ${dt('menu.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
min-width: 12.5rem;
}
@ -43,7 +43,7 @@ const theme = ({ dt }) => `
.p-menu-item-content {
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')};
border-radius: ${dt('rounded.sm')};
border-radius: ${dt('border.radius.sm')};
color: ${dt('menu.item.color')};
}

6
components/lib/menubar/style/MenubarStyle.js
View File

@ -8,7 +8,7 @@ const theme = ({ dt }) => `
background: ${dt('menubar.background')};
color: ${dt('menubar.color')};
border: 1px solid ${dt('menubar.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
}
.p-menubar-root-list,
@ -31,7 +31,7 @@ const theme = ({ dt }) => `
.p-menubar-item-content {
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')};
border-radius: ${dt('rounded.sm')});
border-radius: ${dt('border.radius.sm')});
color: ${dt('menubar.item.color')};
}
@ -107,7 +107,7 @@ const theme = ({ dt }) => `
background: ${dt('menubar.background')};
color: ${dt('menubar.color')};
border: 1px solid ${dt('menubar.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

18
components/lib/metergroup/style/MeterGroupStyle.js
View File

@ -9,7 +9,7 @@ const theme = ({ dt }) => `
.p-metergroup-meters {
display: flex;
background: ${dt('metergroup.meters.background')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
}
.p-metergroup-meter {
@ -55,12 +55,12 @@ const theme = ({ dt }) => `
}
.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
border-top-left-radius: ${dt('rounded.base')};
border-bottom-left-radius: ${dt('rounded.base')};
border-top-left-radius: ${dt('border.radius.md')};
border-bottom-left-radius: ${dt('border.radius.md')};
}
.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
border-top-right-radius: ${dt('rounded.base')};
border-bottom-right-radius: ${dt('rounded.base')};
border-top-right-radius: ${dt('border.radius.md')};
border-bottom-right-radius: ${dt('border.radius.md')};
}
.p-metergroup-vertical {
@ -83,12 +83,12 @@ const theme = ({ dt }) => `
}
.p-metergroup-vertical .p-metergroup-meter:first-of-type {
border-top-left-radius: ${dt('rounded.base')};
border-top-right-radius: ${dt('rounded.base')};
border-top-left-radius: ${dt('border.radius.md')};
border-top-right-radius: ${dt('border.radius.md')};
}
.p-metergroup-vertical .p-metergroup-meter:last-of-type {
border-bottom-left-radius: ${dt('rounded.base')};
border-bottom-right-radius: ${dt('rounded.base')};
border-bottom-left-radius: ${dt('border.radius.md')};
border-bottom-right-radius: ${dt('border.radius.md')};
}
`;

10
components/lib/multiselect/style/MultiSelectStyle.js
View File

@ -9,7 +9,7 @@ const theme = ({ dt }) => `
background: ${dt('multiselect.background')};
border: 1px solid ${dt('multiselect.border.color')};
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
outline-color: transparent;
box-shadow: ${dt('multiselect.box.shadow')};
}
@ -48,8 +48,8 @@ const theme = ({ dt }) => `
background: transparent;
color: ${dt('multiselect.dropdown.color')};
width: 2.5rem;
border-top-right-radius: ${dt('rounded.base')};
border-bottom-right-radius: ${dt('rounded.base')};
border-top-right-radius: ${dt('border.radius.md')};
border-bottom-right-radius: ${dt('border.radius.md')};
}
.p-multiselect-label-container {
@ -96,7 +96,7 @@ const theme = ({ dt }) => `
background: ${dt('multiselect.overlay.background')};
color: ${dt('multiselect.overlay.color')};
border: 1px solid ${dt('multiselect.overlay.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
@ -154,7 +154,7 @@ const theme = ({ dt }) => `
color: ${dt('multiselect.option.color')};
background: transparent;
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')};
border-radius: ${dt('rounded.sm')};
border-radius: ${dt('border.radius.sm')};
}
.p-multiselect-option:first-child {

8
components/lib/organizationchart/style/OrganizationChartStyle.js
View File

@ -20,7 +20,7 @@ const theme = ({ dt }) => `
background: ${dt('organizationchart.node.background')};
color: ${dt('organizationchart.node.color')};
padding: 0.75rem 1rem;
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')};
}
@ -80,7 +80,7 @@ const theme = ({ dt }) => `
.p-organizationchart-connector-right {
border-radius: 0;
border-left: 1px solid ${dt('organizationchart.connector.color')};
border-top-left-radius: ${dt('rounded.base')};
border-top-left-radius: ${dt('border.radius.md')};
}
.p-organizationchart-connector-left {
@ -101,12 +101,12 @@ const theme = ({ dt }) => `
}
.p-organizationchart-connectors :nth-last-child(1 of .p-organizationchart-connector-left) {
border-top-right-radius: ${dt('rounded.base')};
border-top-right-radius: ${dt('border.radius.md')};
}
.p-organizationchart-connectors :nth-child(1 of .p-organizationchart-connector-right) {
border-left: 1px solid ${dt('organizationchart.connector.color')};
border-top-left-radius: ${dt('rounded.base')};
border-top-left-radius: ${dt('border.radius.md')};
}
`;

2
components/lib/paginator/style/PaginatorStyle.js
View File

@ -10,7 +10,7 @@ const theme = ({ dt }) => `
color: ${dt('paginator.color')};
border: 0 none;
padding: 0.5rem 1rem;
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
gap: 0.25rem;
}

2
components/lib/panel/style/PanelStyle.js
View File

@ -3,7 +3,7 @@ import BaseStyle from 'primevue/base/style';
const theme = ({ dt }) => `
.p-panel {
border: 1px solid ${dt('panel.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
background: ${dt('panel.background')};
color: ${dt('panel.color')};
}

6
components/lib/panelmenu/style/PanelMenuStyle.js
View File

@ -11,7 +11,7 @@ const theme = ({ dt }) => `
background: ${dt('panelmenu.panel.background')};
border: 1px solid ${dt('panelmenu.panel.border.color')};
color: ${dt('panelmenu.panel.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
padding: 0.25rem 0.25rem;
}
@ -23,7 +23,7 @@ const theme = ({ dt }) => `
.p-panelmenu-header-content {
border: 0 none;
color: ${dt('panelmenu.item.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
outline-color: transparent;
}
@ -105,7 +105,7 @@ const theme = ({ dt }) => `
.p-panelmenu-item-content {
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')};
border-radius: ${dt('rounded.sm')};
border-radius: ${dt('border.radius.sm')};
color: ${dt('panelmenu.item.color')};
}

6
components/lib/password/style/PasswordStyle.js
View File

@ -14,14 +14,14 @@ const theme = ({ dt }) => `
height: 10px;
margin-bottom: 0.75rem;
background: ${dt('password.meter.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
}
.p-password-meter-label {
height: 100%;
width: 0;
transition: width 1s ease-in-out;
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
}
.p-password-meter-weak {
@ -51,7 +51,7 @@ const theme = ({ dt }) => `
color: ${dt('password.overlay.color')};
border: 1px solid ${dt('password.overlay.border.color')};
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
}
.p-password-toggle-mask-icon {

2
components/lib/popover/style/PopoverStyle.js
View File

@ -6,7 +6,7 @@ const theme = ({ dt }) => `
background: ${dt('popover.background')};
color: ${dt('popover.color')};
border: 1px solid ${dt('popover.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

2
components/lib/progressbar/style/ProgressBarStyle.js
View File

@ -7,7 +7,7 @@ const theme = ({ dt }) => `
border: 0 none;
height: 1.25rem;
background: ${dt('progressbar.background')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
}
.p-progressbar-value {

10
components/lib/select/style/SelectStyle.js
View File

@ -9,7 +9,7 @@ const theme = ({ dt }) => `
background: ${dt('select.background')};
border: 1px solid ${dt('select.border.color')};
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
outline-color: transparent;
box-shadow: ${dt('select.box.shadow')};
}
@ -56,8 +56,8 @@ const theme = ({ dt }) => `
background: transparent;
color: ${dt('select.dropdown.color')};
width: 2.5rem;
border-top-right-radius: ${dt('rounded.base')};
border-bottom-right-radius: ${dt('rounded.base')};
border-top-right-radius: ${dt('border.radius.md')};
border-bottom-right-radius: ${dt('border.radius.md')};
}
.p-select-label {
@ -107,7 +107,7 @@ input.p-select-label {
background: ${dt('select.overlay.background')};
color: ${dt('select.overlay.color')};
border: 1px solid ${dt('select.overlay.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
@ -167,7 +167,7 @@ input.p-select-label {
color: ${dt('select.option.color')};
background: transparent;
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')};
border-radius: ${dt('rounded.sm')};
border-radius: ${dt('border.radius.sm')};
}
.p-select-option:first-child {

10
components/lib/selectbutton/style/SelectButtonStyle.js
View File

@ -6,7 +6,7 @@ const theme = ({ dt }) => `
user-select: none;
vertical-align: bottom;
outline-color: transparent;
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
}
.p-selectbutton .p-togglebutton {
@ -19,13 +19,13 @@ const theme = ({ dt }) => `
}
.p-selectbutton .p-togglebutton:first-child {
border-top-left-radius: ${dt('rounded.base')};
border-bottom-left-radius: ${dt('rounded.base')};
border-top-left-radius: ${dt('border.radius.md')};
border-bottom-left-radius: ${dt('border.radius.md')};
}
.p-selectbutton .p-togglebutton:last-child {
border-top-right-radius: ${dt('rounded.base')};
border-bottom-right-radius: ${dt('rounded.base')};
border-top-right-radius: ${dt('border.radius.md')};
border-bottom-right-radius: ${dt('border.radius.md')};
}
.p-selectbutton.p-invalid {

2
components/lib/skeleton/style/SkeletonStyle.js
View File

@ -4,7 +4,7 @@ const theme = ({ dt }) => `
.p-skeleton {
overflow: hidden;
background-color: ${dt('skeleton.background')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
}
.p-skeleton::after {

4
components/lib/slider/style/SliderStyle.js
View File

@ -4,7 +4,7 @@ const theme = ({ dt }) => `
.p-slider {
position: relative;
background: ${dt('slider.track.background')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
}
.p-slider-handle {
@ -45,7 +45,7 @@ const theme = ({ dt }) => `
.p-slider-range {
display: block;
background: ${dt('slider.range.background')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
}
.p-slider.p-slider-horizontal {

2
components/lib/splitbutton/style/SplitButtonStyle.js
View File

@ -4,7 +4,7 @@ const theme = ({ dt }) => `
.p-splitbutton {
display: inline-flex;
position: relative;
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
}
.p-splitbutton-button {

4
components/lib/splitter/style/SplitterStyle.js
View File

@ -6,7 +6,7 @@ const theme = ({ dt }) => `
flex-wrap: nowrap;
border: 1px solid ${dt('splitter.border.color')};
background: ${dt('splitter.background')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
color: ${dt('splitter.color')};
}
@ -25,7 +25,7 @@ const theme = ({ dt }) => `
}
.p-splitter-gutter-handle {
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
background: transparent;
transition: outline-color ${dt('transition.duration')};
outline-color: transparent;

2
components/lib/stepper/style/StepperStyle.js
View File

@ -31,7 +31,7 @@ const theme = ({ dt }) => `
text-decoration: none;
cursor: pointer;
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')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
outline-color: transparent;
background: transparent;
}

2
components/lib/steps/style/StepsStyle.js
View File

@ -55,7 +55,7 @@ const theme = ({ dt }) => `
overflow: hidden;
text-decoration: none;
transition: outline-color ${dt('transition.duration')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
outline-color: transparent;
}

4
components/lib/tabmenu/style/TabMenuStyle.js
View File

@ -31,8 +31,8 @@ const theme = ({ dt }) => `
color: ${dt('tabmenu.item.link.color')};
padding: 1rem 1.125rem;
font-weight: 600;
border-top-right-radius: ${dt('rounded.base')};
border-top-left-radius: ${dt('rounded.base')};
border-top-right-radius: ${dt('border.radius.md')};
border-top-left-radius: ${dt('border.radius.md')};
transition: color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
margin: 0 0 -1px 0;
outline-color: transparent;

4
components/lib/tabs/style/TabsStyle.js
View File

@ -77,8 +77,8 @@ const theme = ({ dt }) => `
background: ${dt('tabs.nav.background')};
padding: 1rem 1.125rem;
font-weight: 600;
border-top-right-radius: ${dt('rounded.base')};
border-top-left-radius: ${dt('rounded.base')};
border-top-right-radius: ${dt('border.radius.md')};
border-top-left-radius: ${dt('border.radius.md')};
transition: color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
margin: 0 0 -1px 0;
outline-color: transparent;

4
components/lib/tabview/style/TabViewStyle.js
View File

@ -47,8 +47,8 @@ const theme = ({ dt }) => `
color: ${dt('tabview.tab.color')};
padding: 1rem 1.125rem;
font-weight: 600;
border-top-right-radius: ${dt('rounded.base')};
border-top-left-radius: ${dt('rounded.base')};
border-top-right-radius: ${dt('border.radius.md')};
border-top-left-radius: ${dt('border.radius.md')};
transition: color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
margin: 0 0 -1px 0;
outline-color: transparent;

2
components/lib/tag/style/TagStyle.js
View File

@ -10,7 +10,7 @@ const theme = ({ dt }) => `
font-size: 0.875rem;
font-weight: 700;
padding: 0.25rem 0.4rem;
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
gap: 0.25rem;
}

2
components/lib/terminal/style/TerminalStyle.js
View File

@ -8,7 +8,7 @@ const theme = ({ dt }) => `
color: ${dt('terminal.color')};
border: 1px solid ${dt('terminal.border.color')};
padding: 0.5rem 0.75rem;
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
}
.p-terminal-prompt {

2
components/lib/textarea/style/TextareaStyle.js
View File

@ -11,7 +11,7 @@ const theme = ({ dt }) => `
border: 1px solid ${dt('textarea.border.color')};
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
appearance: none;
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
outline-color: transparent;
box-shadow: ${dt('textarea.box.shadow')};
}

6
components/lib/tieredmenu/style/TieredMenuStyle.js
View File

@ -6,7 +6,7 @@ const theme = ({ dt }) => `
background: ${dt('tieredmenu.background')};
color: ${dt('tieredmenu.color')};
border: 1px solid ${dt('tieredmenu.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
min-width: 12.5rem;
}
@ -26,7 +26,7 @@ const theme = ({ dt }) => `
background: ${dt('tieredmenu.background')};
color: ${dt('tieredmenu.color')};
border: 1px solid ${dt('tieredmenu.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
@ -45,7 +45,7 @@ const theme = ({ dt }) => `
.p-tieredmenu-item-content {
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')};
border-radius: ${dt('rounded.sm')};
border-radius: ${dt('border.radius.sm')};
color: ${dt('tieredmenu.item.color')};
}

2
components/lib/toast/style/ToastStyle.js
View File

@ -10,7 +10,7 @@ const theme = ({ dt }) => `
.p-toast-message {
backdrop-filter: blur(${dt('toast.blur')});
margin: 0 0 1rem 0;
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
}
.p-toast-message-icon {

4
components/lib/togglebutton/style/ToggleButtonStyle.js
View File

@ -15,7 +15,7 @@ const theme = ({ dt }) => `
padding: 0.5rem 1rem;
font-size: 1rem;
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
outline-color: transparent;
gap: 0.5rem;
font-weight: 500;
@ -36,7 +36,7 @@ const theme = ({ dt }) => `
top: 0.25rem;
width: calc(100% - 0.5rem);
height: calc(100% - 0.5rem);
border-radius: ${dt('rounded.sm')};
border-radius: ${dt('border.radius.sm')};
}
.p-togglebutton.p-togglebutton-checked::before {

2
components/lib/toolbar/style/ToolbarStyle.js
View File

@ -10,7 +10,7 @@ const theme = ({ dt }) => `
background: ${dt('toolbar.background')};
border: 1px solid ${dt('toolbar.border.color')};
color: ${dt('toolbar.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
gap: 0.5rem;
}

4
components/lib/tree/style/TreeStyle.js
View File

@ -4,7 +4,7 @@ const theme = ({ dt }) => `
.p-tree {
background: ${dt('tree.background')};
color: ${dt('tree.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
border: 0 none;
padding: 1rem;
}
@ -31,7 +31,7 @@ const theme = ({ dt }) => `
}
.p-tree-node-content {
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
padding: 0.25rem 0.5rem;
display: flex;
align-items: center;

8
components/lib/treeselect/style/TreeSelectStyle.js
View File

@ -9,7 +9,7 @@ const theme = ({ dt }) => `
background: ${dt('treeselect.background')};
border: 1px solid ${dt('treeselect.border.color')};
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
outline-color: transparent;
box-shadow: ${dt('treeselect.box.shadow')};
}
@ -48,8 +48,8 @@ const theme = ({ dt }) => `
background: transparent;
color: ${dt('treeselect.dropdown.color')};
width: 2.5rem;
border-top-right-radius: ${dt('rounded.base')};
border-bottom-right-radius: ${dt('rounded.base')};
border-top-right-radius: ${dt('border.radius.md')};
border-bottom-right-radius: ${dt('border.radius.md')};
}
.p-treeselect-label-container {
@ -96,7 +96,7 @@ const theme = ({ dt }) => `
background: ${dt('treeselect.overlay.background')};
color: ${dt('treeselect.overlay.color')};
border: 1px solid ${dt('treeselect.overlay.border.color')};
border-radius: ${dt('rounded.base')};
border-radius: ${dt('border.radius.md')};
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}