1import"./chunk-5KTCK5IS.js";var e={primitive:{borderRadius:{none:"0",xs:"2px",sm:"4px",md:"6px",lg:"8px",xl:"12px"},emerald:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b",950:"#022c22"},green:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d",950:"#052e16"},lime:{50:"#f7fee7",100:"#ecfccb",200:"#d9f99d",300:"#bef264",400:"#a3e635",500:"#84cc16",600:"#65a30d",700:"#4d7c0f",800:"#3f6212",900:"#365314",950:"#1a2e05"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d",950:"#450a0a"},orange:{50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12",950:"#431407"},amber:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f",950:"#451a03"},yellow:{50:"#fefce8",100:"#fef9c3",200:"#fef08a",300:"#fde047",400:"#facc15",500:"#eab308",600:"#ca8a04",700:"#a16207",800:"#854d0e",900:"#713f12",950:"#422006"},teal:{50:"#f0fdfa",100:"#ccfbf1",200:"#99f6e4",300:"#5eead4",400:"#2dd4bf",500:"#14b8a6",600:"#0d9488",700:"#0f766e",800:"#115e59",900:"#134e4a",950:"#042f2e"},cyan:{50:"#ecfeff",100:"#cffafe",200:"#a5f3fc",300:"#67e8f9",400:"#22d3ee",500:"#06b6d4",600:"#0891b2",700:"#0e7490",800:"#155e75",900:"#164e63",950:"#083344"},sky:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e",950:"#082f49"},blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a",950:"#172554"},indigo:{50:"#eef2ff",100:"#e0e7ff",200:"#c7d2fe",300:"#a5b4fc",400:"#818cf8",500:"#6366f1",600:"#4f46e5",700:"#4338ca",800:"#3730a3",900:"#312e81",950:"#1e1b4b"},violet:{50:"#f5f3ff",100:"#ede9fe",200:"#ddd6fe",300:"#c4b5fd",400:"#a78bfa",500:"#8b5cf6",600:"#7c3aed",700:"#6d28d9",800:"#5b21b6",900:"#4c1d95",950:"#2e1065"},purple:{50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7e22ce",800:"#6b21a8",900:"#581c87",950:"#3b0764"},fuchsia:{50:"#fdf4ff",100:"#fae8ff",200:"#f5d0fe",300:"#f0abfc",400:"#e879f9",500:"#d946ef",600:"#c026d3",700:"#a21caf",800:"#86198f",900:"#701a75",950:"#4a044e"},pink:{50:"#fdf2f8",100:"#fce7f3",200:"#fbcfe8",300:"#f9a8d4",400:"#f472b6",500:"#ec4899",600:"#db2777",700:"#be185d",800:"#9d174d",900:"#831843",950:"#500724"},rose:{50:"#fff1f2",100:"#ffe4e6",200:"#fecdd3",300:"#fda4af",400:"#fb7185",500:"#f43f5e",600:"#e11d48",700:"#be123c",800:"#9f1239",900:"#881337",950:"#4c0519"},slate:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a",950:"#020617"},gray:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827",950:"#030712"},zinc:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b",950:"#09090b"},neutral:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717",950:"#0a0a0a"},stone:{50:"#fafaf9",100:"#f5f5f4",200:"#e7e5e4",300:"#d6d3d1",400:"#a8a29e",500:"#78716c",600:"#57534e",700:"#44403c",800:"#292524",900:"#1c1917",950:"#0c0a09"}},semantic:{transitionDuration:"0.2s",focusRing:{width:"{pds.stroke.focus}",style:"solid",color:"{pds.colors.focusRing}",offset:"2px",shadow:"none"},disabledOpacity:"0.6",iconSize:"1rem",anchorGutter:"2px",primary:{50:"#fdfcfc",100:"#ebdcdc",200:"#ddb7b8",300:"#d38f91",400:"#ce6d71",500:"#cb333b",600:"#ae2c32",700:"#92252a",800:"#751d22",900:"#591619",950:"#3c0f11"},formField:{paddingX:"{pds.inputField.spacing.padding.default.horizontal}",paddingY:"{pds.inputField.spacing.padding.default.vertical}",sm:{fontSize:"{pds.typography.body.small.size}",paddingX:"{pds.inputField.spacing.padding.small.horizontal}",paddingY:"{pds.inputField.spacing.padding.small.vertical}",lineHeight:"{pds.typography.body.small.lineHeight}"},lg:{fontSize:"{pds.typography.body.medium.size}",paddingX:"{pds.inputField.spacing.padding.large.horizontal}",paddingY:"{pds.inputField.spacing.padding.large.vertical}",lineHeight:"{pds.typography.body.medium.lineHeight}"},borderRadius:"{pds.inputField.radii.inputRadius}",focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"{focusRing.offset}",shadow:"{focusRing.shadow}"},transitionDuration:"{transitionDuration}",background:"{pds.inputField.colors.surface.enabled}
1",hoverBackground:"{pds.inputField.colors.surface.hovered}",activeBackground:"{pds.inputField.colors.surface.selected}",disabledBackground:"{pds.inputField.colors.surface.disabled}",filledBackground:"{pds.inputField.colors.surface.filled}",filledHoverBackground:"{pds.inputField.colors.surface.hovered}",filledFocusBackground:"{pds.inputField.colors.surface.selected}",borderWidth:"{pds.stroke.border}",borderStyle:"solid",borderColor:"{pds.inputField.colors.border.neutral.enabled}",hoverBorderColor:"{pds.inputField.colors.border.neutral.hovered}",activeBorderColor:"{pds.inputField.colors.border.neutral.selected}",focusBorderColor:"{pds.inputField.colors.border.neutral.selected}",disabledBorderColor:"{pds.inputField.colors.border.neutral.disabled}",filledBorderColor:"{pds.inputField.colors.border.neutral.filled}",invalidBorderColor:"{pds.inputField.colors.border.danger.enabled}",color:"{pds.inputField.colors.onSurface.selected}",hoverColor:"{pds.inputField.colors.onSurface.hovered}",activeColor:"{pds.inputField.colors.onSurface.selected}",filledColor:"{pds.inputField.colors.onSurface.filled}",disabledColor:"{pds.inputField.colors.onSurface.disabled}",placeholderColor:"{pds.inputField.colors.onSurface.enabled}",hoverPlaceholderColor:"{pds.inputField.colors.onSurface.hovered}",disabledPlaceholderColor:"{pds.inputField.colors.onSurface.disabled}",invalidPlaceholderColor:"{pds.inputField.colors.onSurface.enabled}",shadow:"none",fontSize:"{pds.typography.body.small.size}",fontWeight:"{pds.typography.weight.regular}",lineHeight:"{pds.typography.body.small.lineHeight}",icon:{color:"{pds.inputField.colors.onSurface.icon}",gap:"{pds.inputField.spacing.gap.default.horizontal}",sm:{gap:"{pds.inputField.spacing.gap.small.horizontal}"}}},list:{padding:"{pds.select.listbox.spacing.padding.allSide}",gap:"0",header:{padding:"{pds.density.200} {pds.density.300}"},option:{padding:"{pds.select.listbox.listboxOption.spacing.padding.vertical} {pds.select.listbox.listboxOption.spacing.padding.horizontal}",borderRadius:"{pds.select.listbox.listboxOption.radii.listboxOptionRadius}"},optionGroup:{padding:"{pds.select.listbox.listboxOption.spacing.padding.vertical} {pds.select.listbox.listboxOption.spacing.padding.horizontal}",fontWeight:"{pds.typography.weight.bold}"}},content:{borderRadius:"{border.radius.md}"},mask:{transitionDuration:"0.3s"},navigation:{list:{padding:"{pds.menu.spacing.padding.allSide}",gap:"2px"},item:{padding:"{pds.menu.menuOption.spacing.padding.vertical} {pds.menu.menuOption.spacing.padding.horizontal}",borderRadius:"{pds.select.listbox.listboxOption.radii.listboxOptionRadius}",gap:"{pds.menu.menuOption.spacing.gap.horizontal}"},submenuLabel:{padding:"{pds.menu.menuOption.spacing.padding.vertical} {pds.menu.menuOption.spacing.padding.horizontal}",fontWeight:"{pds.typography.weight.bold}"},submenuIcon:{size:"0.875rem"}},overlay:{select:{borderRadius:"{pds.select.listbox.radii.listboxRadius}",shadow:"0 0 4px 0 {pds.shadow.10}, 0 4px 6px -1px {pds.shadow.10}, 0 2px 4px -1px {pds.shadow.5}",background:"{pds.select.listbox.colors.surface.enabled}",borderColor:"{pds.select.listbox.colors.border.enabled}",color:"{pds.select.listbox.listboxOption.colors.onSurface.enabled}"},popover:{borderRadius:"{border.radius.md}",padding:"0.75rem",shadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)"},modal:{borderRadius:"{border.radius.xl}",padding:"1.25rem",shadow:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)"},navigation:{shadow:"0 0 4px 0 {pds.shadow.10}, 0 4px 6px -1px {pds.shadow.10}, 0 2px 4px -1px {pds.shadow.5}"}},colorScheme:{light:{surface:{0:"#ffffff",50:"{slate.50}",100:"{slate.100}",200:"{slate.200}",300:"{slate.300}",400:"{slate.400}",500:"{slate.500}",600:"{slate.600}",700:"{slate.700}",800:"{slate.800}",900:"{slate.900}",950:"{slate.950}",primary:{strong:"#ae2c32",extremeSoft:"#fdfcfc",medium:"#cb333b",stronger:"#92252a",softer:"#d38f91",soft:"#ce6d71",strongest:"#751d22",ultraSoft:"#ebdcdc",softest:"#ddb7b8",ultraStrong:"#591619",extremeStrong:"#3c0f11"},base:"#ffffff",danger:{softest:"#eda6a6",medium:"#e70b0b",stronger:"#a70101",strong:"#cb0404",softer:"#eb7c7c",soft:"#eb4f4f",strongest:"#890303",extremeSoft:"#fbf2f2",ultraSoft:"#f3cece",extremeStrong:"#530404",ultraStrong:"#690404"},baseInvers:"#000000",secondary:{ultraStrong:"#591619",stronger:"#92252a",strong:"#ae2c32",medium:"#cb333b",extremeStrong:"#3c0f11",soft:"#ce6d71",softer:"#d38f91",softest:"#ddb7b8",strongest:"#751d22",ultraSoft:"#ebdcdc",extremeSoft:"#fdfcfc"},bw:{ultraStrong:"#141414",stronger:"#3d3d3d",extremeStrong:"#000000",strong:"#525252",medium:"#666666",softer:"#b3b3b3",ultraSoft:"#e7e7e7",softest:"#cdcdcd",strongest:"#292929",soft:"#979797",extremeSoft:"#ffffff"},success:{ultraStrong:"#212f00",stronger:"#3d5800",extremeStrong:"#131b00",strong:"#4b6d00",medium:"#598100",softer:"#aad838",ultraSoft:"#d8e0c0",softest:"#bfd682",strongest:"#2f4400",soft:"#86b810",extremeSoft:"#f5f6f2"},info:{ultraStrong:"#003442",stronger:"#005871",extremeStrong:"#00212a",strong:"#006b89",medium:"#007da1",softer:"#28d1ff",ultraSoft:"#adeeff",softest:"#6ae0ff",strongest:"#00465a",soft:"#00b2e4",extremeSoft:"#f0fcff"},neutral:{ultraStrong:"#303236",stronger:"#505357",extremeStrong:"#212225",strong:"#606367",medium:"#707477",softer:"#acaeb3",ultraSoft:"#dddee1",softest:"#c5c6ca",strongest:"#404246",soft:"#94979c",extremeSoft:"#f6f6f7"},warning:{extremeStrong:"#231d00",strongest:"#4c3e00",strong:"#755f00",stronger:"#604f00",medium:"#896f00",softer:"#ffd018",softest:"#ffde5f",extremeSoft:"#fffbed",ultraSoft:"#ffeca6",ultraStrong:"#372e00",soft:"#d0a700"},bwReverse:{extremeSoft:"#ffffff",ultraSoft:"#e7e7e7",softest:"#cdcdcd",softer:"#b3b3b3",soft:"#979797",medium:"#666666",strong:"#525252",stronger:"#3d3d3d",strongest:"#292929",ultraStrong:"#141414",extremeStrong:"#000000"},white:"#ffffff",black:"#000000",menu:{medium:"#f1f0f0",strong:"#dad8d8"},baseElevation:"#ffffff"},primary:{color:"{primary.500}",contrastColor:"#ffffff",hoverColor:"{primary.600}",activeColor:"{primary.700}
1"},highlight:{background:"{primary.50}",focusBackground:"{primary.100}",color:"{primary.700}",focusColor:"{primary.800}"},mask:{background:"rgba(0,0,0,0.4)",color:"{surface.200}"},formField:{background:"{pds.inputField.colors.surface.enabled}",disabledBackground:"{pds.inputField.colors.surface.disabled}",filledBackground:"{pds.inputField.colors.surface.filled}",filledHoverBackground:"{pds.inputField.colors.surface.hovered}",filledFocusBackground:"{pds.inputField.colors.surface.selected}",borderColor:"{pds.inputField.colors.border.neutral.enabled}",hoverBorderColor:"{pds.inputField.colors.border.neutral.hovered}",focusBorderColor:"{pds.inputField.colors.border.neutral.selected}",invalidBorderColor:"{pds.inputField.colors.border.danger.enabled}",color:"{pds.inputField.colors.onSurface.selected}",disabledColor:"{pds.inputField.colors.onSurface.disabled}",placeholderColor:"{pds.inputField.colors.onSurface.enabled}",invalidPlaceholderColor:"{pds.inputField.colors.onSurface.enabled}",floatLabelColor:"{surface.500}",floatLabelFocusColor:"{primary.600}",floatLabelActiveColor:"{surface.500}",floatLabelInvalidColor:"{form.field.invalid.placeholder.color}",iconColor:"{pds.inputField.colors.onSurface.icon}",shadow:"none"},text:{color:"{surface.700}",hoverColor:"{surface.800}",mutedColor:"{surface.500}",hoverMutedColor:"{surface.600}"},content:{background:"{pds.surface.base}",hoverBackground:"{pds.surface.neutral.extremeSoft}",borderColor:"{pds.surface.neutral.ultraSoft}",color:"{pds.onSurface.neutral.strong}",hoverColor:"{pds.onSurface.neutral.stronger}"},overlay:{select:{background:"{pds.select.listbox.colors.surface.enabled}",borderColor:"{pds.select.listbox.colors.border.enabled}",color:"{pds.select.listbox.listboxOption.colors.onSurface.enabled}"},popover:{background:"{surface.0}",borderColor:"{surface.200}",color:"{text.color}"},modal:{background:"{surface.0}",borderColor:"{surface.200}",color:"{text.color}"}},list:{option:{focusBackground:"{pds.select.listbox.listboxOption.colors.surface.hovered}",selectedBackground:"{pds.select.listbox.listboxOption.colors.surface.selected}",selectedFocusBackground:"{pds.select.listbox.listboxOption.colors.surface.selected}",color:"{pds.select.listbox.listboxOption.colors.onSurface.enabled}",focusColor:"{pds.select.listbox.listboxOption.colors.onSurface.hovered}",selectedColor:"{pds.select.listbox.listboxOption.colors.onSurface.selected}",selectedFocusColor:"{pds.select.listbox.listboxOption.colors.onSurface.selected}",icon:{color:"{pds.select.listbox.listboxOption.colors.onSurface.enabled}",focusColor:"{pds.select.listbox.listboxOption.colors.onSurface.hovered}"}},optionGroup:{background:"{pds.select.listbox.colors.surface.enabled}",color:"{pds.select.listbox.listboxOption.colors.onSurface.grouped}"}},navigation:{item:{focusBackground:"{pds.menu.menuOption.colors.surface.selected}",activeBackground:"{pds.menu.menuOption.colors.surface.hovered}",color:"{pds.menu.menuOption.colors.onSurface.neutral.enabled}",focusColor:"{pds.menu.menuOption.colors.onSurface.neutral.selected}",activeColor:"{pds.menu.menuOption.colors.onSurface.neutral.hovered}",icon:{color:"{pds.menu.menuOption.colors.onSurface.neutral.enabled}",focusColor:"{pds.menu.menuOption.colors.onSurface.neutral.selected}",activeColor:"{pds.menu.menuOption.colors.onSurface.neutral.hovered}"}},submenuLabel:{background:"transparent",color:"{pds.menu.menuOption.colors.onSurface.group.basic}"},submenuIcon:{color:"{pds.menu.menuOption.colors.onSurface.group.basic}",focusColor:"{pds.menu.menuOption.colors.onSurface.group.focused}",activeColor:"{pds.menu.menuOption.colors.onSurface.group.active}"}},alpha:{white:{5:"rgba(255, 255, 255, 0.05)",10:"rgba(255, 255, 255, 0.1)",20:"rgba(255, 255, 255, 0.2)",30:"rgba(255, 255, 255, 0.3)",40:"rgba(255, 255, 255, 0.4)",50:"rgba(255, 255, 255, 0.5)",60:"rgba(255, 255, 255, 0.6)",70:"rgba(255, 255, 255, 0.7)",80:"rgba(255, 255, 255, 0.8)",90:"rgba(255, 255, 255, 0.9)"},black:{5:"rgba(0, 0, 0, 0.05)",10:"rgba(0, 0, 0, 0.1)",20:"rgba(0, 0, 0, 0.2)",30:"rgba(0, 0, 0, 0.3)",40:"rgba(0, 0, 0, 0.4)",50:"rgba(0, 0, 0, 0.5)",60:"rgba(0, 0, 0, 0.6)",70:"rgba(0, 0, 0, 0.7)",80:"rgba(0, 0, 0, 0.8)",90:"rgba(0, 0, 0, 0.9)"}},onSurface:{base:"#000000",baseInvers:"#ffffff",primary:{extremeSoft:"#fdfcfc",ultraSoft:"#ebdcdc",softest:"#ddb7b8",softer:"#d38f91",soft:"#ce6d71",medium:"#cb333b",strong:"#ae2c32",stronger:"#92252a",strongest:"#751d22",ultraStrong:"#591619",extremeStrong:"#3c0f11"},secondary:{extremeSoft:"#fdfcfc",ultraSoft:"#ebdcdc",softest:"#ddb7b8",softer:"#d38f91",soft:"#ce6d71",medium:"#cb333b",strong:"#ae2c32",stronger:"#92252a",strongest:"#751d22",ultraStrong:"#591619",extremeStrong:"#3c0f11"},neutral:{extremeSoft:"#f6f6f7",ultraSoft:"#dddee1",softest:"#c5c6ca",softer:"#acaeb3",soft:"#94979c",medium:"#707477",strong:"#606367",stronger:"#505357",strongest:"#404246",ultraStrong:"#303236",extremeStrong:"#212225"},info:{extremeSoft:"#f0fcff",ultraSoft:"#adeeff",softest:"#6ae0ff",softer:"#28d1ff",soft:"#00b2e4",medium:"#007da1",strong:"#006b89",stronger:"#005871",
1strongest:"#00465a",ultraStrong:"#003442",extremeStrong:"#00212a"},success:{extremeSoft:"#f5f6f2",ultraSoft:"#d8e0c0",softest:"#bfd682",softer:"#aad838",soft:"#86b810",medium:"#598100",strong:"#4b6d00",stronger:"#3d5800",strongest:"#2f4400",ultraStrong:"#212f00",extremeStrong:"#131b00"},danger:{extremeSoft:"#fbf2f2",ultraSoft:"#f3cece",softest:"#eda6a6",softer:"#eb7c7c",soft:"#eb4f4f",medium:"#e70b0b",strong:"#cb0404",stronger:"#a70101",strongest:"#890303",ultraStrong:"#690404",extremeStrong:"#530404"},warning:{extremeSoft:"#fffbed",ultraSoft:"#ffeca6",softest:"#ffde5f",softer:"#ffd018",soft:"#d0a700",medium:"#896f00",strong:"#755f00",stronger:"#604f00",strongest:"#4c3e00",ultraStrong:"#372e00",extremeStrong:"#231d00"},bw:{extremeSoft:"#ffffff",ultraSoft:"#e7e7e7",softest:"#cdcdcd",softer:"#b3b3b3",soft:"#979797",medium:"#666666",strong:"#525252",stronger:"#3d3d3d",strongest:"#292929",ultraStrong:"#141414",extremeStrong:"#000000"},bwReverse:{extremeSoft:"#ffffff",ultraSoft:"#e7e7e7",softest:"#cdcdcd",softer:"#b3b3b3",soft:"#979797",medium:"#666666",strong:"#525252",stronger:"#3d3d3d",strongest:"#292929",ultraStrong:"#141414",extremeStrong:"#000000"},white:"#ffffff",black:"#000000"},border:{primary:{ultraStrong:"#591619",medium:"#cb333b",softer:"#d38f91",ultraSoft:"#ebdcdc",stronger:"#92252a"},secondary:{ultraStrong:"#591619",medium:"#cb333b",softer:"#d38f91",ultraSoft:"#ebdcdc",stronger:"#92252a"},neutral:{ultraStrong:"#303236",medium:"#707477",softer:"#acaeb3",ultraSoft:"#dddee1",stronger:"#505357"},info:{ultraStrong:"#003442",medium:"#007da1",softer:"#28d1ff",ultraSoft:"#adeeff",stronger:"#005871"},success:{ultraStrong:"#212f00",medium:"#598100",softer:"#aad838",ultraSoft:"#d8e0c0",stronger:"#3d5800"},warning:{ultraStrong:"#372e00",medium:"#896f00",softer:"#ffd018",ultraSoft:"#ffeca6",stronger:"#604f00"},danger:{ultraStrong:"#690404",medium:"#e70b0b",softer:"#eb7c7c",ultraSoft:"#f3cece",stronger:"#a70101"},bw:{ultraStrong:"#141414",medium:"#666666",softer:"#b3b3b3",ultraSoft:"#e7e7e7",stronger:"#3d3d3d"},bwReverse:{ultraStrong:"#141414",medium:"#666666",softer:"#b3b3b3",ultraSoft:"#e7e7e7",stronger:"#3d3d3d"},base:"#ffffff",baseInvers:"#000000",white:"#ffffff",black:"#000000"}},dark:{surface:{0:"#ffffff",50:"{zinc.50}",100:"{zinc.100}",200:"{zinc.200}",300:"{zinc.300}",400:"{zinc.400}",500:"{zinc.500}",600:"{zinc.600}",700:"{zinc.700}",800:"{zinc.800}",900:"{zinc.900}",950:"{zinc.950}",primary:{strong:"#d58288",extremeSoft:"#3a1113",medium:"#d2626c",stronger:"#daa0a3",softer:"#a73039",soft:"#c73e49",strongest:"#e1bcbe",ultraSoft:"#5e1b1f",softest:"#82262c",ultraStrong:"#ead6d6",extremeStrong:"#f5eeee"},base:"#000000",danger:{softest:"#8c0808",medium:"#fb3939",stronger:"#ffa0a0",strong:"#fd6c6c",softer:"#c10808",soft:"#fb3939",strongest:"#f7bbbb",extremeSoft:"#260303",ultraSoft:"#590606",extremeStrong:"#f4e4e4",ultraStrong:"#f4d1d1"},baseInvers:"#ffffff",secondary:{ultraStrong:"#ead6d6",stronger:"#daa0a3",strong:"#d58288",medium:"#d2626c",extremeStrong:"#f5eeee",soft:"#c73e49",softer:"#a73039",softest:"#82262c",strongest:"#e1bcbe",ultraSoft:"#5e1b1f",extremeSoft:"#3a1113"},bw:{ultraStrong:"#141414",stronger:"#3d3d3d",extremeStrong:"#000000",strong:"#525252",medium:"#666666",softer:"#b3b3b3",ultraSoft:"#e7e7e7",softest:"#cdcdcd",strongest:"#292929",soft:"#979797",extremeSoft:"#ffffff"},success:{ultraStrong:"#d4dec7",stronger:"#9fd34d",extremeStrong:"#f4f5f3",strong:"#89c519",medium:"#699704",softer:"#466503",ultraSoft:"#233302",softest:"#344c03",strongest:"#b6d390",soft:"#577e04",extremeSoft:"#121a01"},info:{ultraStrong:"#b3efff",stronger:"#3ad5ff",extremeStrong:"#f0fcff",strong:"#00c4fc",medium:"#0094bf",softer:"#016582",ultraSoft:"#013746",softest:"#014e64",strongest:"#76e2ff",soft:"#017ca0",extremeSoft:"#012029"},neutral:{ultraStrong:"#dfdfe2",stronger:"#b1b3b7",extremeStrong:"#f6f6f7",strong:"#9a9da1",medium:"#84888b",softer:"#5b5f63",ultraSoft:"#34363a",softest:"#484a4f",strongest:"#c8c9cd",soft:"#6f7377",extremeSoft:"#212225"},warning:{extremeStrong:"#fffbed",strongest:"#fedf6d",strong:"#e4b804",stronger:"#fcd22e",medium:"#a48504",softer:"#705b03",softest:"#564
1602",extremeSoft:"#221c01",ultraSoft:"#3c3102",ultraStrong:"#ffedad",soft:"#8a7004"},bwReverse:{extremeSoft:"#000000",ultraSoft:"#141414",softest:"#292929",softer:"#3d3d3d",soft:"#525252",medium:"#666666",strong:"#979797",stronger:"#b3b3b3",strongest:"#cdcdcd",ultraStrong:"#e7e7e7",extremeStrong:"#ffffff"},white:"#ffffff",black:"#000000",menu:{medium:"#151414",strong:"#212020"},baseElevation:"#212225"},primary:{color:"{primary.400}",contrastColor:"{surface.900}",hoverColor:"{primary.300}",activeColor:"{primary.200}"},highlight:{background:"color-mix(in srgb, {primary.400}, transparent 84%)",focusBackground:"color-mix(in srgb, {primary.400}, transparent 76%)",color:"rgba(255,255,255,.87)",focusColor:"rgba(255,255,255,.87)"},mask:{background:"rgba(0,0,0,0.6)",color:"{surface.200}"},formField:{background:"{pds.inputField.colors.surface.enabled}",disabledBackground:"{pds.inputField.colors.surface.disabled}",filledBackground:"{pds.inputField.colors.surface.filled}",filledHoverBackground:"{pds.inputField.colors.surface.hovered}",filledFocusBackground:"{pds.inputField.colors.surface.selected}",borderColor:"{pds.inputField.colors.border.neutral.enabled}",hoverBorderColor:"{pds.inputField.colors.border.neutral.hovered}",focusBorderColor:"{pds.inputField.colors.border.neutral.selected}",invalidBorderColor:"{pds.inputField.colors.border.danger.enabled}",color:"{pds.inputField.colors.onSurface.selected}",disabledColor:"{pds.inputField.colors.onSurface.disabled}",placeholderColor:"{pds.inputField.colors.onSurface.enabled}",invalidPlaceholderColor:"{pds.inputField.colors.onSurface.enabled}",floatLabelColor:"{surface.400}",floatLabelFocusColor:"{primary.color}",floatLabelActiveColor:"{surface.400}",floatLabelInvalidColor:"{form.field.invalid.placeholder.color}",iconColor:"{pds.inputField.colors.onSurface.icon}",shadow:"none"},text:{color:"{surface.0}",hoverColor:"{surface.0}",mutedColor:"{surface.400}",hoverMutedColor:"{surface.300}"},content:{background:"{pds.surface.base}",hoverBackground:"{pds.surface.neutral.extremeSoft}",borderColor:"{pds.surface.neutral.ultraSoft}",color:"{pds.onSurface.neutral.strong}",hoverColor:"{pds.onSurface.neutral.stronger}"},overlay:{select:{background:"{pds.select.listbox.colors.surface.enabled}",borderColor:"{pds.select.listbox.colors.border.enabled}",color:"{pds.select.listbox.listboxOption.colors.onSurface.enabled}"},popover:{background:"{surface.900}",borderColor:"{surface.700}",color:"{text.color}"},modal:{background:"{surface.900}",borderColor:"{surface.700}",color:"{text.color}"}},list:{option:{focusBackground:"{pds.select.listbox.listboxOption.colors.surface.hovered}",selectedBackground:"{pds.select.listbox.listboxOption.colors.surface.selected}",selectedFocusBackground:"{pds.select.listbox.listboxOption.colors.surface.selected}",color:"{pds.select.listbox.listboxOption.colors.onSurface.enabled}",focusColor:"{pds.select.listbox.listboxOption.colors.onSurface.hovered}",selectedColor:"{pds.select.listbox.listboxOption.colors.onSurface.selected}",selectedFocusColor:"{pds.select.listbox.listboxOption.colors.onSurface.selected}",icon:{color:"{pds.select.listbox.listboxOption.colors.onSurface.enabled}",focusColor:"{pds.select.listbox.listboxOption.colors.onSurface.hovered}"}},optionGroup:{background:"{pds.select.listbox.colors.surface.enabled}",color:"{pds.select.listbox.listboxOption.colors.onSurface.grouped}"}},navigation:{item:{focusBackground:"{surface.800}",activeBackground:"{surface.800}",color:"{text.color}",focusColor:"{text.hover.color}",activeColor:"{text.hover.color}",icon:{color:"{surface.500}",focusColor:"{surface.400}",activeColor:"{surface.400}"}},submenuLabel:{background:"transparent",color:"{text.muted.color}"},submenuIcon:{color:"{surface.500}",focusColor:"{surface.400}",activeColor:"{surface.400}"}},alpha:{white:{5:"rgba(255, 255, 255, 0.05)",10:"rgba(255, 255, 255, 0.1)",20:"rgba(255, 255, 255, 0.2)",30:"rgba(255, 255, 255, 0.3)",40:"rgba(255, 255, 255, 0.4)",50:"rgba(255, 255, 255, 0.5)",60:"rgba(255, 255, 255, 0.6)",70:"rgba(255, 255, 255, 0.7)",80:"rgba(255, 255, 255, 0.8)",90:"rgba(255, 255, 255, 0.9)"},black:{5:"rgba(0, 0, 0, 0.05)",10:"rgba(0, 0, 0, 0.1)",20:"rgba(0, 0, 0, 0.2)",30:"rgba(0, 0, 0, 0.3)",40:"rgba(0, 0, 0, 0.4)",50:"rgba(0, 0, 0, 0.5)",60:"rgba(0, 0, 0, 0.6)",70:"rgba(0, 0, 0, 0.7)",80:"rgba(0, 0, 0, 0.8)",90:"rgba(0, 0, 0, 0.9)"}},onSurface:{base:"#ffffff",baseInvers:"#000000",primary:{extremeSoft:"#3a1113",ultraSoft:"#5e1b1f",softest:"#82262c",softer:"#a73039",soft:"#c73e49",medium:"#d2626c",strong:"#d58288",stronger:"#daa0a3",strongest:"#e1bcbe",ultraStrong:"#ead6d6",extremeStrong:"#f5eeee"},secondary:{extremeSoft:"#3a1113",ultraSoft:"#5e1b1f",softest:"#82262c",softer:"#a73039",soft:"#c73e49",medium:"#d2626c",strong:"#d58288",stronger:"#daa0a3",strongest:"#e1bcbe",ultraStrong:"#ead6d6",extremeStrong:"#f5eeee"},neutral:{extremeSoft:"#212225",ultraSoft:"#34363a",softest:"#484a4f",softer:"#5b5f63",soft:"#6f7377",medium:"#84888b",strong:"#9a9da1",stronger:"#b1b3b7",strongest:"#c8c9cd",ultraStrong:"#dfdfe2",extremeStrong:"#f6f6f7"},info:{extremeSoft:"#012029",ultraSoft:"#013746",softest:"#014e64",softer:"#016582",soft:"#017ca0",medium:"#0094bf",strong:"#00c4fc",stronger:"#3ad5ff",strongest:"#76e2ff",ultraStrong:"#b3efff",extremeStrong:"#f0fcff"},success:{extremeSoft:"#121a01",ultraSoft:"#233302",softest:"#344c03",softer:"#466503",soft:"#577e04",medium:"#699704",strong:"#89c519",stronger:"#9fd34d",strongest:"#b6d390",ultraStrong:"#d4dec7",extremeStrong:"#f4f5f3"},danger:{extremeSoft:"#260303",ultraSoft:"#590606",softest:"#8c0808",softer:"#c10808",soft:"#fb3939",medium:"#fb3939",strong:"#fd6c6c",stronger:"#ffa0a0",strongest:"#f7bbbb",ultraStrong:"#f4d1d1",extremeStrong:"#f4e4e4"},warning:{extremeSoft:"#221c01",ultraSoft:"#3c3102",softest:"#564
1602",softer:"#705b03",soft:"#8a7004",medium:"#a48504",strong:"#e4b804",stronger:"#fcd22e",strongest:"#fedf6d",ultraStrong:"#ffedad",extremeStrong:"#fffbed"},bw:{extremeSoft:"#ffffff",ultraSoft:"#e7e7e7",softest:"#cdcdcd",softer:"#b3b3b3",soft:"#979797",medium:"#666666",strong:"#525252",stronger:"#3d3d3d",strongest:"#292929",ultraStrong:"#141414",extremeStrong:"#000000"},bwReverse:{extremeSoft:"#000000",ultraSoft:"#141414",softest:"#292929",softer:"#3d3d3d",soft:"#525252",medium:"#666666",strong:"#979797",stronger:"#b3b3b3",strongest:"#cdcdcd",ultraStrong:"#e7e7e7",extremeStrong:"#ffffff"},white:"#ffffff",black:"#000000"},border:{primary:{ultraStrong:"#ead6d6",medium:"#d2626c",softer:"#a73039",ultraSoft:"#5e1b1f",stronger:"#daa0a3"},secondary:{ultraStrong:"#ead6d6",medium:"#d2626c",softer:"#a73039",ultraSoft:"#5e1b1f",stronger:"#daa0a3"},neutral:{ultraStrong:"#f6f6f7",medium:"#84888b",softer:"#5b5f63",ultraSoft:"#34363a",stronger:"#b1b3b7"},info:{ultraStrong:"#b3efff",medium:"#0094bf",softer:"#016582",ultraSoft:"#013746",stronger:"#3ad5ff"},success:{ultraStrong:"#d4dec7",medium:"#699704",softer:"#466503",ultraSoft:"#233302",stronger:"#9fd34d"},warning:{ultraStrong:"#ffedad",medium:"#a48504",softer:"#705b03",ultraSoft:"#3c3102",stronger:"#fcd22e"},danger:{ultraStrong:"#f4d1d1",medium:"#fb3939",softer:"#c10808",ultraSoft:"#590606",stronger:"#ffa0a0"},bw:{ultraStrong:"#141414",medium:"#666666",softer:"#b3b3b3",ultraSoft:"#e7e7e7",stronger:"#3d3d3d"},bwReverse:{ultraStrong:"#e7e7e7",medium:"#666666",softer:"#292929",ultraSoft:"#141414",stronger:"#3d3d3d"},base:"#000000",baseInvers:"#ffffff",white:"#ffffff",black:"#000000"}}}},components:{accordion:{root:{transitionDuration:"{transitionDuration}"},panel:{borderWidth:"0 0 {pds.stroke.border} 0",borderColor:"{pds.accordion.colors.border}"},header:{color:"{pds.accordion.colors.onSurface.enabled}",hoverColor:"{pds.accordion.colors.onSurface.hovered}",activeColor:"{pds.accordion.colors.onSurface.selected}",activeHoverColor:"{pds.accordion.colors.onSurface.selected}",padding:"{pds.accordion.spacing.padding.vertical} {pds.accordion.spacing.padding.horizontal}",fontWeight:"{pds.typography.headings.headingsWeight}",borderRadius:"{pds.accordion.radii.accordionFocusRadius}",borderWidth:"0",borderColor:"{pds.accordion.colors.border}",background:"{pds.accordion.colors.surface}",hoverBackground:"{pds.accordion.colors.surface}",activeBackground:"{pds.accordion.colors.surface}",activeHoverBackground:"{pds.accordion.colors.surface}",focusRing:{width:"{pds.stroke.focus}",style:"solid",color:"{pds.colors.focusRing}",offset:"-1 * ({pds.stroke.border} + {focusRing.offset})",shadow:"none"},toggleIcon:{color:"{pds.button.colors.onSurface.neutral.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.neutral.bared.hovered}",activeColor:"{pds.button.colors.onSurface.neutral.bared.enabled}",activeHoverColor:"{pds.button.colors.onSurface.neutral.bared.hovered}",disabledColor:"{pds.button.colors.onSurface.neutral.disabled}",backgroundHoverColor:"{pds.button.colors.surface.neutral.bared.hovered}",padding:"{pds.button.iconButton.spacing.padding.small.allSide}",borderRadius:"{pds.button.radii.buttonRadius}",iconSize:"{pds.iconSize.small}",iconOffset:"{pds.button.iconButton.spacing.padding.xxSmall.allSide}"},first:{topBorderRadius:"{pds.accordion.radii.accordionFocusRadius}",borderWidth:"0"},last:{bottomBorderRadius:"{pds.accordion.radii.accordionFocusRadius}",activeBottomBorderRadius:"{pds.accordion.radii.accordionFocusRadius}"},disabledColor:"{pds.accordion.colors.onSurface.disabled}",gap:"{pds.accordion.spacing.gap.horizontal}",fontFamily:"{pds.typography.headings.headingsFamily}",fontSize:"{pds.typography.headings.h6.size}",lineHeight:"{pds.typography.headings.h6.lineHeight}"},content:{borderWidth:"0",borderColor:"{pds.accordion.colors.border}",background:"{pds.accordion.colors.surface}",color:"inherit",padding:"0 {pds.accordion.spacing.padding.horizontal} {pds.accordion.spacing.padding.vertical} {pds.accordion.spacing.padding.horizontal}"},css:({dt:o})=>` 2 .p-accordion .p-accordioncontent[data-p-active="false"] > .p-accordioncontent-content { 3 padding-top: 0; 4 padding-bottom: 0; 5 } 6 7 .p-accordionpanel.p-disabled { 8 opacity: unset; 9 10 .p-accordionheader { 11 color: ${o("accordion.header.disabledColor")}; 12 13 .p-iconwrapper { 14 color: ${o("accordion.header.toggleIcon.disabledColor")}; 15 } 16 17 .p-badge { 18 background-color: var(--p-badge-disabled-background); 19 color: var(--p-badge-disabled-color); 20 } 21 } 22 } 23 24 .p-accordionheader { 25 gap: ${o("accordion.header.gap")}; 26 font-size: ${o("accordion.header.fontSize")}; 27 line-height: ${o("accordion.header.lineHeight")}; 28 font-weight: ${o("accordion.header.fontWeight")}; 29 font-family: ${o("accordion.header.fontFamily")}; 30 31 .p-iconwrapper { 32 padding: ${o("accordion.header.toggleIcon.padding")}; 33 border-radius: ${o("accordion.header.toggleIcon.borderRadius")}; 34 transform: rotate(180deg); 35 36 &:hover { 37 background-color: ${o("accordion.header.toggleIcon.backgroundHoverColor")}; 38 } 39 40 .p-icon { 41 width: calc(${o("accordion.header.toggleIcon.iconSize")} - ${o("accordion.header.toggleIcon.iconOffset")} * 2); 42 height: calc(${o("accordion.header.toggleIcon.iconSize")} - ${o("accordion.header.toggleIcon.iconOffset")} * 2); 43 font-size: calc(${o("accordion.header.toggleIcon.iconSize")} - ${o("accordion.header.toggleIcon.iconOffset")} * 2); 44 margin: ${o("accordion.header.toggleIcon.iconOffset")}; 45 } 46 } 47 } 48 `},autocomplete:{root:{background:"{form.field.background}
48",disabledBackground:"{form.field.disabled.background}",filledBackground:"{form.field.filled.background}",filledHoverBackground:"{form.field.filled.hover.background}",filledFocusBackground:"{form.field.filled.focus.background}",borderColor:"{form.field.border.color}",hoverBorderColor:"{form.field.hover.border.color}",focusBorderColor:"{form.field.focus.border.color}",invalidBorderColor:"{form.field.invalid.border.color}",color:"{form.field.color}",disabledColor:"{form.field.disabled.color}",placeholderColor:"{form.field.placeholder.color}",invalidPlaceholderColor:"{form.field.invalid.placeholder.color}",shadow:"{form.field.shadow}",paddingX:"{form.field.padding.x}",paddingY:"{form.field.padding.y}",borderRadius:"{form.field.border.radius}",focusRing:{width:"{form.field.focus.ring.width}",style:"{form.field.focus.ring.style}",color:"{form.field.focus.ring.color}",offset:"{form.field.focus.ring.offset}",shadow:"{form.field.focus.ring.shadow}"},transitionDuration:"{form.field.transition.duration}"},overlay:{background:"{overlay.select.background}",borderColor:"{overlay.select.border.color}",borderRadius:"{overlay.select.border.radius}",color:"{overlay.select.color}",shadow:"{overlay.select.shadow}"},list:{padding:"{list.padding}",gap:"{list.gap}"},option:{focusBackground:"{list.option.focus.background}",selectedBackground:"{list.option.selected.background}",selectedFocusBackground:"{list.option.selected.focus.background}",color:"{list.option.color}",focusColor:"{list.option.focus.color}",selectedColor:"{list.option.selected.color}",selectedFocusColor:"{list.option.selected.focus.color}",padding:"{list.option.padding}",borderRadius:"{list.option.border.radius}"},optionGroup:{background:"{list.option.group.background}",color:"{list.option.group.color}",fontWeight:"{list.option.group.font.weight}",padding:"{list.option.group.padding}"},dropdown:{width:"2.5rem",sm:{width:"2rem"},lg:{width:"3rem"},borderColor:"{form.field.border.color}",hoverBorderColor:"{form.field.border.color}",activeBorderColor:"{form.field.border.color}",borderRadius:"{form.field.border.radius}",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"{focus.ring.offset}",shadow:"{focus.ring.shadow}"}},chip:{borderRadius:"{pds.chip.radii.chipRadius}"},emptyMessage:{padding:"{list.option.padding}"},colorScheme:{light:{chip:{focusBackground:"{surface.200}",focusColor:"{surface.800}"},dropdown:{background:"transparent",hoverBackground:"{pds.button.colors.surface.neutral.bared.hovered}",activeBackground:"{pds.button.colors.surface.neutral.bared.pressed}",color:"{pds.button.colors.onSurface.neutral.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.neutral.bared.hovered}",activeColor:"{pds.button.colors.onSurface.neutral.bared.pressed}"}},dark:{chip:{focusBackground:"{surface.700}",focusColor:"{surface.0}"},dropdown:{background:"transparent",hoverBackground:"{pds.button.colors.surface.neutral.bared.hovered}",activeBackground:"{pds.button.colors.surface.neutral.bared.pressed}",color:"{pds.button.colors.onSurface.neutral.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.neutral.bared.hovered}",activeColor:"{pds.button.colors.onSurface.neutral.bared.pressed}"}}},css:({dt:o})=>` 49 .p-autocomplete-chip-icon { 50 display: flex; 51 } 52 53 .p-autocomplete-clearable { 54 .p-autocomplete-input { 55 padding-right: calc(${o("{autocomplete.padding.x}")} * 2 + ${o("pds.typography.body.small.size")}); 56 } 57 58 .p-autocomplete-input-multiple { 59 padding-right: calc(${o("{autocomplete.padding.x}")} * 1.5 + ${o("pds.typography.body.small.size")}); 60 } 61 } 62 63 .p-autocomplete-clear-icon { 64 width: ${o("pds.typography.body.small.size")}; 65 height: ${o("pds.typography.body.small.size")}; 66 } 67 68 .p-autocomplete-dropdown .pi { 69 font-size: ${o("pds.typography.body.small.size")}; 70 } 71 72 .p-autocomplete { 73 &.p-inputwrapper-filled:not(.p-focus):not(.p-disabled) { 74 75 .p-autocomplete-label, 76 .p-autocomplete-clear-icon, 77 .p-autocomplete-dropdown { 78 color: ${o("pds.inputField.colors.onSurface.filled")}; 79 } 80 } 81 } 82 83 p-autoComplete.ng-invalid.ng-dirty .p-autocomplete-input, 84 p-autoComplete.ng-invalid.ng-dirty .p-autocomplete-input-multiple, 85 p-auto-complete.ng-invalid.ng-dirty .p-autocomplete-input, 86 p-auto-complete.ng-invalid.ng-dirty .p-autocomplete-input-multiple, 87 p-autocomplete.ng-invalid.ng-dirty .p-autocomplete-input, 88 p-autocomplete.ng-invalid.ng-dirty .p-autocomplete-input-multiple {
89 &:not(:focus):not(:disabled) { 90 border-color: ${o("autocomplete.invalidBorderColor")} !important; 91 } 92 } 93 `},avatar:{root:{width:"2rem",height:"2rem",fontSize:"1rem",background:"{content.border.color}",color:"{content.color}",borderRadius:"{content.border.radius}"},icon:{size:"1rem"},group:{borderColor:"{content.background}",offset:"-0.75rem"},lg:{width:"3rem",height:"3rem",fontSize:"1.5rem",icon:{size:"1.5rem"},group:{offset:"-1rem"}},xl:{width:"4rem",height:"4rem",fontSize:"2rem",icon:{size:"2rem"},group:{offset:"-1.5rem"}}},badge:{root:{borderRadius:"{border.radius.md}",padding:"{pds.badge.spacing.padding.default.vertical} {pds.badge.spacing.padding.default.horizontal}",fontSize:"{pds.typography.body.small.size}",fontWeight:"400",minWidth:"{pds.density.500}",height:"{pds.density.500}",border:{radius:"{pds.badge.radii.badgeRadius}"}},dot:{size:"0.5rem"},sm:{fontSize:"{pds.typography.body.xSmall.size}",minWidth:"{pds.density.400}",height:"{pds.density.400}"},lg:{fontSize:"{pds.typography.body.small.size}",minWidth:"{pds.density.600}",height:"{pds.density.600}"},xl:{fontSize:"{pds.typography.body.small.size}",minWidth:"{pds.density.700}",height:"{pds.density.700}"},colorScheme:{light:{primary:{background:"{pds.badge.colors.surface.primary}",color:"{pds.badge.colors.onSurface.primary}"},secondary:{background:"{pds.badge.colors.surface.secondary}",color:"{pds.badge.colors.onSurface.secondary}"},success:{background:"{pds.badge.colors.surface.success}",color:"{pds.badge.colors.onSurface.success}"},info:{background:"{pds.badge.colors.surface.info}",color:"{pds.badge.colors.onSurface.info}"},warn:{background:"{pds.badge.colors.surface.warning}",color:"{pds.badge.colors.onSurface.warning}"},danger:{background:"{pds.badge.colors.surface.danger}",color:"{pds.badge.colors.onSurface.danger}"},contrast:{background:"{pds.badge.colors.surface.primary}",color:"{pds.badge.colors.onSurface.primary}"},neutral:{background:"{pds.badge.colors.surface.neutral.enabled}",color:"{pds.badge.colors.onSurface.neutral.enabled}"},white:{background:"{pds.badge.colors.surface.white}",color:"{pds.badge.colors.onSurface.white}"},black:{background:"{pds.badge.colors.surface.black}",color:"{pds.badge.colors.onSurface.black}"},disabled:{background:"{pds.badge.colors.surface.neutral.disabled}",color:"{pds.badge.colors.onSurface.neutral.disabled}"}},dark:{primary:{background:"{pds.badge.colors.surface.primary}",color:"{pds.badge.colors.onSurface.primary}"},secondary:{background:"{pds.badge.colors.surface.secondary}",color:"{pds.badge.colors.onSurface.secondary}"},success:{background:"{pds.badge.colors.surface.success}",color:"{pds.badge.colors.onSurface.success}"},info:{background:"{pds.badge.colors.surface.info}",color:"{pds.badge.colors.onSurface.info}"},warn:{background:"{pds.badge.colors.surface.warning}",color:"{pds.badge.colors.onSurface.warning}"},danger:{background:"{pds.badge.colors.surface.danger}",color:"{pds.badge.colors.onSurface.danger}"},contrast:{background:"{pds.badge.colors.surface.primary}",color:"{pds.badge.colors.onSurface.primary}"},neutral:{background:"{pds.badge.colors.surface.neutral.enabled}",color:"{pds.badge.colors.onSurface.neutral.enabled}"},white:{background:"{pds.badge.colors.surface.white}",color:"{pds.badge.colors.onSurface.white}"},black:{background:"{pds.badge.colors.surface.black}",color:"{pds.badge.colors.onSurface.black}"},disabled:{background:"{pds.badge.colors.surface.neutral.disabled}",color:"{pds.badge.colors.onSurface.neutral.disabled}"}}},minHeight:"{pds.density.400}",css:({dt:o})=>` 94 .p-badge { 95 min-height: ${o("badge.minHeight")}; 96 text-align: center; 97 font-style: normal; 98 } 99 100 .p-badge-dot { 101 min-height: auto; 102 } 103 104 .p-badge-neutral { 105 background: ${o("badge.neutral.background")}; 106 color: ${o("badge.neutral.color")}; 107 } 108 109 .p-badge-white { 110 background: ${o("badge.white.background")}; 111 color: ${o("badge.white.color")}; 112 } 113 114 .p-badge-black { 115 background: ${o("badge.black.background")}; 116 color: ${o("badge.black.color")}; 117 } 118 119 .p-badge-disabled { 120 background: ${o("badge.disabled.background")}; 121 color: ${o("badge.disabled.color")}; 122 } 123 124 .p-badge-circle {
125 border-radius: ${o("badge.border.radius")}; 126 } 127 `},blockui:{root:{borderRadius:"{content.border.radius}"}},breadcrumb:{root:{padding:"0",background:"none",gap:"{pds.breadcrumbs.spacing.gap.horizontal}",transitionDuration:"{transition.duration}"},item:{color:"{pds.link.colors.onSurface.primary.enabled}",hoverColor:"{pds.link.colors.onSurface.primary.hovered}",borderRadius:"0",gap:"0",icon:{color:"{pds.link.colors.onSurface.primary.enabled}",hoverColor:"{pds.link.colors.onSurface.primary.hovered}"},focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"{focusRing.offset}",shadow:"{focusRing.shadow}"},fontSize:"{pds.typography.body.medium.size}",lineHeight:"{pds.typography.body.medium.lineHeight}",fontWeight:"{pds.typography.weight.regular}"},separator:{color:"{pds.breadcrumbs.colors.onSurface.neutral}",size:"{pds.density.600}"},lastItem:{color:"{pds.breadcrumbs.colors.onSurface.base}",fontSize:"{pds.typography.body.medium.size}",lineHeight:"{pds.typography.body.medium.lineHeight}",fontWeight:"{pds.typography.weight.bold}"},sm:{fontSize:"{pds.typography.body.small.size}",lineHeight:"{pds.typography.body.small.lineHeight}",separatorSize:"{pds.density.500}"},lg:{fontSize:"{pds.typography.body.large.size}",lineHeight:"{pds.typography.body.large.lineHeight}",separatorSize:"{pds.density.700}"},css:({dt:o})=>` 128 .p-breadcrumb-item-link { 129 font-size: ${o("breadcrumb.item.fontSize")}; 130 font-weight: ${o("breadcrumb.item.fontWeight")}; 131 line-height: ${o("breadcrumb.item.lineHeight")}; 132 text-decoration-line: underline; 133 text-decoration-style: solid; 134 text-decoration-skip-ink: none; 135 text-decoration-thickness: auto; 136 text-underline-offset: auto; 137 text-underline-position: from-font; 138 } 139 140 .p-breadcrumb-list li:last-child .p-breadcrumb-item-link { 141 color: ${o("breadcrumb.lastItem.color")}; 142 font-size: ${o("breadcrumb.lastItem.fontSize")}; 143 line-height: ${o("breadcrumb.lastItem.lineHeight")}; 144 font-weight: ${o("breadcrumb.lastItem.fontWeight")}; 145 text-decoration-line: none; 146 pointer-events: none; 147 cursor: default; 148 } 149 150 .p-breadcrumb-list li:last-child .p-breadcrumb-item-link:hover .p-breadcrumb-item-label { 151 color: ${o("breadcrumb.lastItem.color")}; 152 } 153 154 .p-breadcrumb-list li:last-child .p-breadcrumb-item-link:hover { 155 color: ${o("breadcrumb.lastItem.color")}; 156 } 157 158 .p-breadcrumb-separator { 159 justify-content: center; 160 width: ${o("breadcrumb.separator.size")}; 161 height: ${o("breadcrumb.separator.size")}; 162 } 163 .p-breadcrumb { 164 padding: calc(${o("breadcrumb.item.focusRing.width")} + ${o("breadcrumb.item.focusRing.offset")}); 165 } 166 167 .p-breadcrumb-list { 168 flex-wrap: wrap; 169 } 170 171 p-breadcrumb.pds-size-sm .p-breadcrumb-item-link { 172 font-size: ${o("breadcrumb.sm.fontSize")}; 173 line-height: ${o("breadcrumb.sm.lineHeight")}; 174 } 175 176 p-breadcrumb.pds-size-sm .p-breadcrumb-list li:last-child .p-breadcrumb-item-link { 177 font-size: ${o("breadcrumb.sm.fontSize")}; 178 line-height: ${o("breadcrumb.sm.lineHeight")}; 179 } 180 181 p-breadcrumb.pds-size-sm .p-breadcrumb-separator { 182 width: ${o("breadcrumb.sm.separatorSize")}; 183 height: ${o("breadcrumb.sm.separatorSize")}; 184 } 185 186 p-breadcrumb.pds-size-lg .p-breadcrumb-item-link { 187 font-size: ${o("breadcrumb.lg.fontSize")}; 188 line-height: ${o("breadcrumb.lg.lineHeight")}; 189 } 190 191 p-breadcrumb.pds-size-lg .p-breadcrumb-list li:last-child .p-breadcrumb-item-link { 192 font-size: ${o("breadcrumb.lg.fontSize")}; 193 line-height: ${o("breadcrumb.lg.lineHeight")}; 194 } 195 196 p-breadcrumb.pds-size-lg .p-breadcrumb-separator { 197 width: ${o("breadcrumb.lg.separatorSize")}; 198 height: ${o("breadcrumb.lg.separatorSize")}; 199 } 200 `},button:{root:{borderRadius:"{pds.button.radii.buttonRadius}",roundedBorderRadius:"{pds.button.radii.buttonRadius}",gap:"{pds.button.spacing.hGap}",paddingX:"{pds.button.spacing.padding.default.horizontal}",paddingY:"{pds.button.spacing.padding.default.vertical}",iconOnlyWidth:"2.5rem",sm:{fontSize:"{pds.typography.body.small.size}",paddingX:"{pds.button.spacing.padding.small.horizontal}",paddingY:"{pds.button.spacing.padding.small.vertical}",iconOnlyWidth:"2rem",lineHeight:"{pds.typography.body.small.lineHeight}",gap:"{pds.button.spacing.gap.small.horizontal}",iconOnly:{width:"34px",padding:"{pds.button.iconButton.spacing.padding.small.allSide}",lineheight:"{pds.typography.body.small.lineHeight}"},iconSize:"1rem"},lg:{fontSize:"{pds.typography.body.medium.size}",paddingX:"{pds.button.spacing.padding.large.horizontal}",paddingY:"{pds.button.spacing.padding.large.vertical}",iconOnlyWidth:"3rem",gap:"{pds.button.spacing.hGap}",iconOnly:{width:"50px",padding:"{pds.button.iconButton.spacing.padding.large.allSide}",lineheight:"1.5rem"},iconSize:"1.25rem"},label:{fontWeight:"500"},raisedShadow:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)",focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",offset:"{focusRing.offset}"},badgeSize:"1.25rem",transitionDuration:"{transitionDuration}",iconOnly:{width:"42px",padding:"{pds.button.iconButton.spacing.padding.default.allSide}",lineheight:"1.5rem"},iconSize:"1.25rem",fontSize:"{pds.typography.body.medium.size}",xs:{fontSize:"{pds.typography.body.small.size}",lineHeight:"{pds.typography.body.small.lineHeight}",paddingX:"{pds.button.spacing.padding.xSmall.horizontal}",paddingY:"{pds.button.spacing.padding.xSmall.vertical}",gap:"{pds.button.spacing.gap.xSmall.horizontal}",iconOnly:{width:"30px",padding:"{pds.button.iconButton.spacing.padding.xSmall.allSide}",lineheight:"{pds.iconSize-x-small}"},iconSize:"13px"},raisedshadow:"none",pressedshadow:"0 0 0 4px {pds.colors.pressedRing}"},colorScheme:{light:{root:{primary:{background:"{pds.button.colors.surface.primary.contained.enabled}
200",hoverBackground:"{pds.button.colors.surface.primary.contained.hovered}",activeBackground:"{pds.button.colors.surface.primary.contained.pressed}",borderColor:"transparent",hoverBorderColor:"{pds.button.colors.border.primary}",activeBorderColor:"{pds.button.colors.border.primary}",color:"{pds.button.colors.onSurface.primary.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.primary.contained.hovered}",activeColor:"{pds.button.colors.onSurface.primary.contained.pressed}",focusRing:{color:"{pds.colors.focusRing}",shadow:"none"}},secondary:{background:"{pds.button.colors.surface.secondary.contained.enabled}",hoverBackground:"{pds.button.colors.surface.secondary.contained.hovered}",activeBackground:"{pds.button.colors.surface.secondary.contained.pressed}",borderColor:"transparent",hoverBorderColor:"{pds.button.colors.border.secondary}",activeBorderColor:"{pds.button.colors.border.secondary}",color:"{pds.button.colors.onSurface.secondary.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.secondary.contained.hovered}",activeColor:"{pds.button.colors.onSurface.secondary.contained.pressed}",focusRing:{color:"{pds.colors.focusRing}",shadow:"none"}},info:{background:"{pds.button.colors.surface.info.contained.enabled}",hoverBackground:"{pds.button.colors.surface.info.contained.hovered}",activeBackground:"{pds.button.colors.surface.info.contained.pressed}",borderColor:"transparent",hoverBorderColor:"{pds.button.colors.border.info}",activeBorderColor:"{pds.button.colors.border.info}",color:"{pds.button.colors.onSurface.info.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.info.contained.hovered}",activeColor:"{pds.button.colors.onSurface.info.contained.pressed}",focusRing:{color:"{pds.colors.focusRing}",shadow:"none"}},success:{background:"{pds.button.colors.surface.success.contained.enabled}",hoverBackground:"{pds.button.colors.surface.success.contained.hovered}",activeBackground:"{pds.button.colors.surface.success.contained.pressed}",borderColor:"transparent",hoverBorderColor:"{pds.button.colors.border.success}",activeBorderColor:"{pds.button.colors.border.success}",color:"{pds.button.colors.onSurface.success.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.success.contained.hovered}",activeColor:"{pds.button.colors.onSurface.success.contained.pressed}",focusRing:{color:"{pds.colors.focusRing}",shadow:"none"}},warn:{background:"{pds.button.colors.surface.warning.contained.enabled}",hoverBackground:"{pds.button.colors.surface.warning.contained.hovered}",activeBackground:"{pds.button.colors.surface.warning.contained.pressed}",borderColor:"transparent",hoverBorderColor:"{pds.button.colors.border.warning}",activeBorderColor:"{pds.button.colors.border.warning}",color:"{pds.button.colors.onSurface.warning.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.warning.contained.hovered}",activeColor:"{pds.button.colors.onSurface.warning.contained.pressed}",focusRing:{color:"{pds.colors.focusRing}",shadow:"none"}},help:{background:"{pds.button.colors.surface.help.contained.enabled}",hoverBackground:"{pds.button.colors.surface.help.contained.hovered}",activeBackground:"{pds.button.colors.surface.help.contained.pressed}",borderColor:"transparent",hoverBorderColor:"{pds.button.colors.border.help}",activeBorderColor:"{pds.button.colors.border.help}",color:"{pds.button.colors.onSurface.help.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.help.contained.hovered}",activeColor:"{pds.button.colors.onSurface.help.contained.pressed}",focusRing:{color:"{pds.colors.focusRing}",shadow:"none"}},danger:{background:"{pds.button.colors.surface.danger.contained.enabled}",hoverBackground:"{pds.button.colors.surface.danger.contained.hovered}",activeBackground:"{pds.button.colors.surface.danger.contained.pressed}",borderColor:"transparent",hoverBorderColor:"{pds.button.colors.border.danger}",activeBorderColor:"{pds.button.colors.border.danger}",color:"{pds.button.colors.onSurface.danger.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.danger.contained.hovered}",activeColor:"{pds.button.colors.onSurface.danger.contained.pressed}",focusRing:{color:"{pds.colors.focusRing}",shadow:"none"}},contrast:{background:"{pds.button.colors.surface.primary.contained.enabled}
200",hoverBackground:"{pds.button.colors.surface.primary.contained.hovered}",activeBackground:"{pds.button.colors.surface.primary.contained.pressed}",borderColor:"transparent",hoverBorderColor:"{pds.button.colors.border.primary}",activeBorderColor:"{pds.button.colors.border.primary}",color:"{pds.button.colors.onSurface.primary.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.primary.contained.hovered}",activeColor:"{pds.button.colors.onSurface.primary.contained.pressed}",focusRing:{color:"{pds.colors.focusRing}",shadow:"none"}},neutral:{background:"{pds.button.colors.surface.neutral.contained.enabled}",hoverBackground:"{pds.button.colors.surface.neutral.contained.hovered}",activeBackground:"{pds.button.colors.surface.neutral.contained.pressed}",borderColor:"transparent",hoverBorderColor:"{pds.button.colors.border.neutral}",activeBorderColor:"{pds.button.colors.border.neutral}",color:"{pds.button.colors.onSurface.neutral.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.neutral.contained.hovered}",activeColor:"{pds.button.colors.onSurface.neutral.contained.pressed}",focusRing:{color:"{pds.colors.focusRing}",shadow:"none"}},black:{background:"{pds.button.colors.surface.black.contained.enabled}",hoverBackground:"{pds.button.colors.surface.black.contained.hovered}",activeBackground:"{pds.button.colors.surface.black.contained.pressed}",borderColor:"transparent",hoverBorderColor:"{pds.button.colors.border.black}",activeBorderColor:"{pds.button.colors.border.black}",color:"{pds.button.colors.onSurface.black.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.black.contained.hovered}",activeColor:"{pds.button.colors.onSurface.black.contained.pressed}",focusRing:{color:"{pds.colors.focusRing}",shadow:"none"}},white:{background:"{pds.button.colors.surface.white.contained.enabled}",hoverBackground:"{pds.button.colors.surface.white.contained.hovered}",activeBackground:"{pds.button.colors.surface.white.contained.pressed}",borderColor:"transparent",hoverBorderColor:"{pds.button.colors.border.white}",activeBorderColor:"{pds.button.colors.border.white}",color:"{pds.button.colors.onSurface.white.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.white.contained.hovered}",activeColor:"{pds.button.colors.onSurface.white.contained.pressed}",focusRing:{color:"{pds.colors.focusRing}",shadow:"none"}},disabled:{background:"{pds.button.colors.surface.neutral.disabled}",hoverBackground:"{pds.button.colors.surface.neutral.disabled}",activeBackground:"{pds.button.colors.surface.neutral.disabled}",borderColor:"transparent",hoverBorderColor:"transparent",activeBorderColor:"transparent",color:"{pds.button.colors.onSurface.neutral.disabled}",hoverColor:"{pds.button.colors.onSurface.neutral.disabled}",activeColor:"{pds.button.colors.onSurface.neutral.disabled}",focusRing:{color:"{pds.colors.focusRing}",shadow:"none"}}},outlined:{primary:{hoverBackground:"{pds.button.colors.surface.primary.bared.hovered}",activeBackground:"{pds.button.colors.surface.primary.bared.pressed}",borderColor:"{pds.button.colors.border.primary}",color:"{pds.button.colors.onSurface.primary.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.primary.bared.hovered}",activeColor:"{pds.button.colors.onSurface.primary.bared.pressed}"},secondary:{hoverBackground:"{pds.button.colors.surface.secondary.bared.hovered}",activeBackground:"{pds.button.colors.surface.secondary.bared.pressed}",borderColor:"{pds.button.colors.border.secondary}",color:"{pds.button.colors.onSurface.secondary.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.secondary.bared.hovered}",activeColor:"{pds.button.colors.onSurface.secondary.bared.pressed}"},success:{hoverBackground:"{pds.button.colors.surface.success.bared.hovered}",activeBackground:"{pds.button.colors.surface.success.bared.pressed}",borderColor:"{pds.button.colors.border.success}",color:"{pds.button.colors.onSurface.success.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.success.bared.hovered}",activeColor:"{pds.button.colors.onSurface.success.bared.pressed}"},info:{hoverBackground:"{pds.button.colors.surface.info.bared.hovered}
200",activeBackground:"{pds.button.colors.surface.info.bared.pressed}",borderColor:"{pds.button.colors.border.info}",color:"{pds.button.colors.onSurface.info.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.info.bared.hovered}",activeColor:"{pds.button.colors.onSurface.info.bared.pressed}"},warn:{hoverBackground:"{pds.button.colors.surface.warning.bared.hovered}",activeBackground:"{pds.button.colors.surface.warning.bared.pressed}",borderColor:"{pds.button.colors.border.warning}",color:"{pds.button.colors.onSurface.warning.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.warning.bared.hovered}",activeColor:"{pds.button.colors.onSurface.warning.bared.pressed}"},help:{hoverBackground:"{pds.button.colors.surface.help.bared.hovered}",activeBackground:"{pds.button.colors.surface.help.bared.pressed}",borderColor:"{pds.button.colors.border.help}",color:"{pds.button.colors.onSurface.help.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.help.bared.hovered}",activeColor:"{pds.button.colors.onSurface.help.bared.pressed}"},danger:{hoverBackground:"{pds.button.colors.surface.danger.bared.hovered}",activeBackground:"{pds.button.colors.surface.danger.bared.pressed}",borderColor:"{pds.button.colors.border.danger}",color:"{pds.button.colors.onSurface.danger.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.danger.bared.hovered}",activeColor:"{pds.button.colors.onSurface.danger.bared.pressed}"},contrast:{hoverBackground:"{pds.button.colors.surface.primary.bared.hovered}",activeBackground:"{pds.button.colors.surface.primary.bared.pressed}",borderColor:"{pds.button.colors.border.primary}",color:"{pds.button.colors.onSurface.primary.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.primary.bared.hovered}",activeColor:"{pds.button.colors.onSurface.primary.bared.pressed}"},plain:{hoverBackground:"{pds.button.colors.surface.plain.bared.hovered}",activeBackground:"{pds.button.colors.surface.plain.bared.pressed}",borderColor:"{pds.button.colors.border.plain}",color:"{pds.button.colors.onSurface.plain.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.plain.bared.hovered}",activeColor:"{pds.button.colors.onSurface.plain.bared.pressed}"},neutral:{hoverBackground:"{pds.button.colors.surface.neutral.bared.hovered}",activeBackground:"{pds.button.colors.surface.neutral.bared.pressed}",borderColor:"{pds.button.colors.border.neutral}",color:"{pds.button.colors.onSurface.neutral.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.neutral.bared.hovered}",activeColor:"{pds.button.colors.onSurface.neutral.bared.pressed}"},black:{hoverBackground:"{pds.button.colors.surface.black.bared.hovered}",activeBackground:"{pds.button.colors.surface.black.bared.pressed}",borderColor:"{pds.button.colors.border.black}",color:"{pds.button.colors.onSurface.black.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.black.bared.hovered}",activeColor:"{pds.button.colors.onSurface.black.bared.pressed}"},white:{hoverBackground:"{pds.button.colors.surface.white.bared.hovered}",activeBackground:"{pds.button.colors.surface.white.bared.pressed}",borderColor:"{pds.button.colors.border.white}",color:"{pds.button.colors.onSurface.white.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.white.bared.hovered}",activeColor:"{pds.button.colors.onSurface.white.bared.pressed}"},disabled:{hoverBackground:"{pds.button.colors.surface.neutral.disabled}",activeBackground:"{pds.button.colors.surface.neutral.disabled}",borderColor:"{pds.button.colors.border.disabled}",color:"{pds.button.colors.onSurface.neutral.disabled}",hoverColor:"{pds.button.colors.onSurface.neutral.disabled}",activeColor:"{pds.button.colors.onSurface.neutral.disabled}"}},text:{primary:{hoverBackground:"{pds.button.colors.surface.primary.bared.hovered}",activeBackground:"{pds.button.colors.surface.primary.bared.pressed}",color:"{pds.button.colors.onSurface.primary.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.primary.bared.hovered}",activeColor:"{pds.button.colors.onSurface.primary.bared.pressed}"},secondary:{hoverBackground:"{pds.button.colors.surface.secondary.bared.hovered}
200",activeBackground:"{pds.button.colors.surface.secondary.bared.pressed}",color:"{pds.button.colors.onSurface.secondary.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.secondary.bared.hovered}",activeColor:"{pds.button.colors.onSurface.secondary.bared.pressed}"},success:{hoverBackground:"{pds.button.colors.surface.success.bared.hovered}",activeBackground:"{pds.button.colors.surface.success.bared.pressed}",color:"{pds.button.colors.onSurface.success.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.success.bared.hovered}",activeColor:"{pds.button.colors.onSurface.success.bared.pressed}"},info:{hoverBackground:"{pds.button.colors.surface.info.bared.hovered}",activeBackground:"{pds.button.colors.surface.info.bared.pressed}",color:"{pds.button.colors.onSurface.info.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.info.bared.hovered}",activeColor:"{pds.button.colors.onSurface.info.bared.pressed}"},warn:{hoverBackground:"{pds.button.colors.surface.warning.bared.hovered}",activeBackground:"{pds.button.colors.surface.warning.bared.pressed}",color:"{pds.button.colors.onSurface.warning.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.warning.bared.hovered}",activeColor:"{pds.button.colors.onSurface.warning.bared.pressed}"},help:{hoverBackground:"{pds.button.colors.surface.help.bared.hovered}",activeBackground:"{pds.button.colors.surface.help.bared.pressed}",color:"{pds.button.colors.onSurface.help.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.help.bared.hovered}",activeColor:"{pds.button.colors.onSurface.help.bared.pressed}"},danger:{hoverBackground:"{pds.button.colors.surface.danger.bared.hovered}",activeBackground:"{pds.button.colors.surface.danger.bared.pressed}",color:"{pds.button.colors.onSurface.danger.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.danger.bared.hovered}",activeColor:"{pds.button.colors.onSurface.danger.bared.pressed}"},contrast:{hoverBackground:"{pds.button.colors.surface.primary.bared.hovered}",activeBackground:"{pds.button.colors.surface.primary.bared.pressed}",color:"{pds.button.colors.onSurface.primary.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.primary.bared.hovered}",activeColor:"{pds.button.colors.onSurface.primary.bared.pressed}"},plain:{hoverBackground:"{pds.button.colors.surface.plain.bared.hovered}",activeBackground:"{pds.button.colors.surface.plain.bared.pressed}",color:"{pds.button.colors.onSurface.plain.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.plain.bared.hovered}",activeColor:"{pds.button.colors.onSurface.plain.bared.pressed}"},neutral:{hoverBackground:"{pds.button.colors.surface.neutral.bared.hovered}",activeBackground:"{pds.button.colors.surface.neutral.bared.pressed}",color:"{pds.button.colors.onSurface.neutral.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.neutral.bared.hovered}",activeColor:"{pds.button.colors.onSurface.neutral.bared.pressed}"},black:{hoverBackground:"{pds.button.colors.surface.black.bared.hovered}",activeBackground:"{pds.button.colors.surface.black.bared.pressed}",color:"{pds.button.colors.onSurface.black.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.black.bared.hovered}",activeColor:"{pds.button.colors.onSurface.black.bared.pressed}"},white:{hoverBackground:"{pds.button.colors.surface.white.bared.hovered}",activeBackground:"{pds.button.colors.surface.white.bared.pressed}",color:"{pds.button.colors.onSurface.white.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.white.bared.hovered}",activeColor:"{pds.button.colors.onSurface.white.bared.pressed}"},disabled:{hoverBackground:"{pds.button.colors.surface.neutral.disabled}",activeBackground:"{pds.button.colors.surface.neutral.disabled}",color:"{pds.button.colors.onSurface.neutral.disabled}",hoverColor:"{pds.button.colors.onSurface.neutral.disabled}",activeColor:"{pds.button.colors.onSurface.neutral.disabled}"}},link:{color:"{primary.color}",hoverColor:"{primary.color}",activeColor:"{primary.color}",primary:{color:"{pds.link.colors.onSurface.primary.enabled}",hoverColor:"{pds.link.colors.onSurface.primary.hovered}",activeColor:"{pds.link.colors.onSurface.primary.pressed}",visitedColor:"{pds.link.colors.onSurface.primary.visited}",focusColor:"{pds.link.colors.onSurface.primary.enabled}"},secondary:{color:"{pds.link.colors.onSurface.secondary.enabled}",hoverColor:"{pds.link.colors.onSurface.secondary.hovered}",activeColor:"{pds.link.colors.onSurface.secondary.pressed}",visitedColor:"{pds.link.colors.onSurface.secondary.visited}",focusColor:"{pds.link.colors.onSurface.secondary.enabled}"},neutral:{color:"{pds.link.colors.onSurface.neutral.enabled}",hoverColor:"{pds.link.colors.onSurface.neutral.hovered}",activeColor:"{pds.link.colors.onSurface.neutral.pressed}",visitedColor:"{pds.link.colors.onSurface.neutral.visited}",focusColor:"{pds.link.colors.onSurface.neutral.enabled}"},white:{color:"{pds.link.colors.onSurface.white.enabled}",hoverColor:"{pds.link.colors.onSurface.white.hovered}",activeColor:"{pds.link.colors.onSurface.white.pressed}",visitedColor:"{pds.link.colors.onSurface.white.visited}",focusColor:"{pds.link.colors.onSurface.white.enabled}"},disabled:{color:"{pds.link.colors.onSurface.neutral.disabled}",hoverColor:"{pds.link.colors.onSurface.neutral.disabled}",activeColor:"{pds.link.colors.onSurface.neutral.disabled}",visitedColor:"{pds.link.colors.onSurface.neutral.disabled}",focusColor:"{pds.link.colors.onSurface.neutral.disabled}"}}},dark:{root:{primary:{background:"{pds.button.colors.surface.primary.contained.enabled}
200",hoverBackground:"{pds.button.colors.surface.primary.contained.hovered}",activeBackground:"{pds.button.colors.surface.primary.contained.pressed}",borderColor:"transparent",hoverBorderColor:"{pds.button.colors.border.primary}",activeBorderColor:"{pds.button.colors.border.primary}",color:"{pds.button.colors.onSurface.primary.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.primary.contained.hovered}",activeColor:"{pds.button.colors.onSurface.primary.contained.pressed}",focusRing:{color:"{pds.colors.focusRing}",shadow:"none"}},secondary:{background:"{pds.button.colors.surface.secondary.contained.enabled}",hoverBackground:"{pds.button.colors.surface.secondary.contained.hovered}",activeBackground:"{pds.button.colors.surface.secondary.contained.pressed}",borderColor:"transparent",hoverBorderColor:"{pds.button.colors.border.secondary}",activeBorderColor:"{pds.button.colors.border.secondary}",color:"{pds.button.colors.onSurface.secondary.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.secondary.contained.hovered}",activeColor:"{pds.button.colors.onSurface.secondary.contained.pressed}",focusRing:{color:"{pds.colors.focusRing}",shadow:"none"}},info:{background:"{pds.button.colors.surface.info.contained.enabled}",hoverBackground:"{pds.button.colors.surface.info.contained.hovered}",activeBackground:"{pds.button.colors.surface.info.contained.pressed}",borderColor:"transparent",hoverBorderColor:"{pds.button.colors.border.info}",activeBorderColor:"{pds.button.colors.border.info}",color:"{pds.button.colors.onSurface.info.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.info.contained.hovered}",activeColor:"{pds.button.colors.onSurface.info.contained.pressed}",focusRing:{color:"{pds.colors.focusRing}",shadow:"none"}},success:{background:"{pds.button.colors.surface.success.contained.enabled}",hoverBackground:"{pds.button.colors.surface.success.contained.hovered}",activeBackground:"{pds.button.colors.surface.success.contained.pressed}",borderColor:"transparent",hoverBorderColor:"{pds.button.colors.border.success}",activeBorderColor:"{pds.button.colors.border.success}",color:"{pds.button.colors.onSurface.success.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.success.contained.hovered}",activeColor:"{pds.button.colors.onSurface.success.contained.pressed}",focusRing:{color:"{pds.colors.focusRing}",shadow:"none"}},warn:{background:"{pds.button.colors.surface.warning.contained.enabled}",hoverBackground:"{pds.button.colors.surface.warning.contained.hovered}",activeBackground:"{pds.button.colors.surface.warning.contained.pressed}",borderColor:"transparent",hoverBorderColor:"{pds.button.colors.border.warning}",activeBorderColor:"{pds.button.colors.border.warning}",color:"{pds.button.colors.onSurface.warning.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.warning.contained.hovered}",activeColor:"{pds.button.colors.onSurface.warning.contained.pressed}",focusRing:{color:"{pds.colors.focusRing}",shadow:"none"}},help:{background:"{pds.button.colors.surface.help.contained.enabled}",hoverBackground:"{pds.button.colors.surface.help.contained.hovered}",activeBackground:"{pds.button.colors.surface.help.contained.pressed}",borderColor:"transparent",hoverBorderColor:"{pds.button.colors.border.help}",activeBorderColor:"{pds.button.colors.border.help}",color:"{pds.button.colors.onSurface.help.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.help.contained.hovered}",activeColor:"{pds.button.colors.onSurface.help.contained.pressed}",focusRing:{color:"{pds.colors.focusRing}",shadow:"none"}},danger:{background:"{pds.button.colors.surface.danger.contained.enabled}",hoverBackground:"{pds.button.colors.surface.danger.contained.hovered}",activeBackground:"{pds.button.colors.surface.danger.contained.pressed}",borderColor:"transparent",hoverBorderColor:"{pds.button.colors.border.danger}",activeBorderColor:"{pds.button.colors.border.danger}",color:"{pds.button.colors.onSurface.danger.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.danger.contained.hovered}",activeColor:"{pds.button.colors.onSurface.danger.contained.pressed}",focusRing:{color:"{pds.colors.focusRing}",shadow:"none"}},contrast:{background:"{pds.button.colors.surface.primary.contained.enabled}
200",hoverBackground:"{pds.button.colors.surface.primary.contained.hovered}",activeBackground:"{pds.button.colors.surface.primary.contained.pressed}",borderColor:"transparent",hoverBorderColor:"{pds.button.colors.border.primary}",activeBorderColor:"{pds.button.colors.border.primary}",color:"{pds.button.colors.onSurface.primary.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.primary.contained.hovered}",activeColor:"{pds.button.colors.onSurface.primary.contained.pressed}",focusRing:{color:"{pds.colors.focusRing}",shadow:"none"}},neutral:{background:"{pds.button.colors.surface.neutral.contained.enabled}",hoverBackground:"{pds.button.colors.surface.neutral.contained.hovered}",activeBackground:"{pds.button.colors.surface.neutral.contained.pressed}",borderColor:"transparent",hoverBorderColor:"{pds.button.colors.border.neutral}",activeBorderColor:"{pds.button.colors.border.neutral}",color:"{pds.button.colors.onSurface.neutral.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.neutral.contained.hovered}",activeColor:"{pds.button.colors.onSurface.neutral.contained.pressed}",focusRing:{color:"{pds.colors.focusRing}",shadow:"none"}},black:{background:"{pds.button.colors.surface.black.contained.enabled}",hoverBackground:"{pds.button.colors.surface.black.contained.hovered}",activeBackground:"{pds.button.colors.surface.black.contained.pressed}",borderColor:"transparent",hoverBorderColor:"{pds.button.colors.border.black}",activeBorderColor:"{pds.button.colors.border.black}",color:"{pds.button.colors.onSurface.black.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.black.contained.hovered}",activeColor:"{pds.button.colors.onSurface.black.contained.pressed}",focusRing:{color:"{pds.colors.focusRing}",shadow:"none"}},white:{background:"{pds.button.colors.surface.white.contained.enabled}",hoverBackground:"{pds.button.colors.surface.white.contained.hovered}",activeBackground:"{pds.button.colors.surface.white.contained.pressed}",borderColor:"transparent",hoverBorderColor:"{pds.button.colors.border.white}",activeBorderColor:"{pds.button.colors.border.white}",color:"{pds.button.colors.onSurface.white.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.white.contained.hovered}",activeColor:"{pds.button.colors.onSurface.white.contained.pressed}",focusRing:{color:"{pds.colors.focusRing}",shadow:"none"}},disabled:{background:"{pds.button.colors.surface.neutral.disabled}",hoverBackground:"{pds.button.colors.surface.neutral.disabled}",activeBackground:"{pds.button.colors.surface.neutral.disabled}",borderColor:"transparent",hoverBorderColor:"transparent",activeBorderColor:"transparent",color:"{pds.button.colors.onSurface.neutral.disabled}",hoverColor:"{pds.button.colors.onSurface.neutral.disabled}",activeColor:"{pds.button.colors.onSurface.neutral.disabled}",focusRing:{color:"{pds.colors.focusRing}",shadow:"none"}}},outlined:{primary:{hoverBackground:"{pds.button.colors.surface.primary.bared.hovered}",activeBackground:"{pds.button.colors.surface.primary.bared.pressed}",borderColor:"{pds.button.colors.border.primary}",color:"{pds.button.colors.onSurface.primary.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.primary.bared.hovered}",activeColor:"{pds.button.colors.onSurface.primary.bared.pressed}"},secondary:{hoverBackground:"{pds.button.colors.surface.secondary.bared.hovered}",activeBackground:"{pds.button.colors.surface.secondary.bared.pressed}",borderColor:"{pds.button.colors.border.secondary}",color:"{pds.button.colors.onSurface.secondary.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.secondary.bared.hovered}",activeColor:"{pds.button.colors.onSurface.secondary.bared.pressed}"},success:{hoverBackground:"{pds.button.colors.surface.success.bared.hovered}",activeBackground:"{pds.button.colors.surface.success.bared.pressed}",borderColor:"{pds.button.colors.border.success}",color:"{pds.button.colors.onSurface.success.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.success.bared.hovered}",activeColor:"{pds.button.colors.onSurface.success.bared.pressed}"},info:{hoverBackground:"{pds.button.colors.surface.info.bared.hovered}
200",activeBackground:"{pds.button.colors.surface.info.bared.pressed}",borderColor:"{pds.button.colors.border.info}",color:"{pds.button.colors.onSurface.info.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.info.bared.hovered}",activeColor:"{pds.button.colors.onSurface.info.bared.pressed}"},warn:{hoverBackground:"{pds.button.colors.surface.warning.bared.hovered}",activeBackground:"{pds.button.colors.surface.warning.bared.pressed}",borderColor:"{pds.button.colors.border.warning}",color:"{pds.button.colors.onSurface.warning.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.warning.bared.hovered}",activeColor:"{pds.button.colors.onSurface.warning.bared.pressed}"},help:{hoverBackground:"{pds.button.colors.surface.help.bared.hovered}",activeBackground:"{pds.button.colors.surface.help.bared.pressed}",borderColor:"{pds.button.colors.border.help}",color:"{pds.button.colors.onSurface.help.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.help.bared.hovered}",activeColor:"{pds.button.colors.onSurface.help.bared.pressed}"},danger:{hoverBackground:"{pds.button.colors.surface.danger.bared.hovered}",activeBackground:"{pds.button.colors.surface.danger.bared.pressed}",borderColor:"{pds.button.colors.border.danger}",color:"{pds.button.colors.onSurface.danger.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.danger.bared.hovered}",activeColor:"{pds.button.colors.onSurface.danger.bared.pressed}"},contrast:{hoverBackground:"{pds.button.colors.surface.primary.bared.hovered}",activeBackground:"{pds.button.colors.surface.primary.bared.pressed}",borderColor:"{pds.button.colors.border.primary}",color:"{pds.button.colors.onSurface.primary.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.primary.bared.hovered}",activeColor:"{pds.button.colors.onSurface.primary.bared.pressed}"},plain:{hoverBackground:"{pds.button.colors.surface.plain.bared.hovered}",activeBackground:"{pds.button.colors.surface.plain.bared.pressed}",borderColor:"{pds.button.colors.border.plain}",color:"{pds.button.colors.onSurface.plain.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.plain.bared.hovered}",activeColor:"{pds.button.colors.onSurface.plain.bared.pressed}"},neutral:{hoverBackground:"{pds.button.colors.surface.neutral.bared.hovered}",activeBackground:"{pds.button.colors.surface.neutral.bared.pressed}",borderColor:"{pds.button.colors.border.neutral}",color:"{pds.button.colors.onSurface.neutral.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.neutral.bared.hovered}",activeColor:"{pds.button.colors.onSurface.neutral.bared.pressed}"},black:{hoverBackground:"{pds.button.colors.surface.black.bared.hovered}",activeBackground:"{pds.button.colors.surface.black.bared.pressed}",borderColor:"{pds.button.colors.border.black}",color:"{pds.button.colors.onSurface.black.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.black.bared.hovered}",activeColor:"{pds.button.colors.onSurface.black.bared.pressed}"},white:{hoverBackground:"{pds.button.colors.surface.white.bared.hovered}",activeBackground:"{pds.button.colors.surface.white.bared.pressed}",borderColor:"{pds.button.colors.border.white}",color:"{pds.button.colors.onSurface.white.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.white.bared.hovered}",activeColor:"{pds.button.colors.onSurface.white.bared.pressed}"},disabled:{hoverBackground:"{pds.button.colors.surface.neutral.disabled}",activeBackground:"{pds.button.colors.surface.neutral.disabled}",borderColor:"{pds.button.colors.border.disabled}",color:"{pds.button.colors.onSurface.neutral.disabled}",hoverColor:"{pds.button.colors.onSurface.neutral.disabled}",activeColor:"{pds.button.colors.onSurface.neutral.disabled}"}},text:{primary:{hoverBackground:"{pds.button.colors.surface.primary.bared.hovered}",activeBackground:"{pds.button.colors.surface.primary.bared.pressed}",color:"{pds.button.colors.onSurface.primary.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.primary.bared.hovered}",activeColor:"{pds.button.colors.onSurface.primary.bared.pressed}"},secondary:{hoverBackground:"{pds.button.colors.surface.secondary.bared.hovered}
200",activeBackground:"{pds.button.colors.surface.secondary.bared.pressed}",color:"{pds.button.colors.onSurface.secondary.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.secondary.bared.hovered}",activeColor:"{pds.button.colors.onSurface.secondary.bared.pressed}"},success:{hoverBackground:"{pds.button.colors.surface.success.bared.hovered}",activeBackground:"{pds.button.colors.surface.success.bared.pressed}",color:"{pds.button.colors.onSurface.success.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.success.bared.hovered}",activeColor:"{pds.button.colors.onSurface.success.bared.pressed}"},info:{hoverBackground:"{pds.button.colors.surface.info.bared.hovered}",activeBackground:"{pds.button.colors.surface.info.bared.pressed}",color:"{pds.button.colors.onSurface.info.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.info.bared.hovered}",activeColor:"{pds.button.colors.onSurface.info.bared.pressed}"},warn:{hoverBackground:"{pds.button.colors.surface.warning.bared.hovered}",activeBackground:"{pds.button.colors.surface.warning.bared.pressed}",color:"{pds.button.colors.onSurface.warning.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.warning.bared.hovered}",activeColor:"{pds.button.colors.onSurface.warning.bared.pressed}"},help:{hoverBackground:"{pds.button.colors.surface.help.bared.hovered}",activeBackground:"{pds.button.colors.surface.help.bared.pressed}",color:"{pds.button.colors.onSurface.help.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.help.bared.hovered}",activeColor:"{pds.button.colors.onSurface.help.bared.pressed}"},danger:{hoverBackground:"{pds.button.colors.surface.danger.bared.hovered}",activeBackground:"{pds.button.colors.surface.danger.bared.pressed}",color:"{pds.button.colors.onSurface.danger.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.danger.bared.hovered}",activeColor:"{pds.button.colors.onSurface.danger.bared.pressed}"},contrast:{hoverBackground:"{pds.button.colors.surface.primary.bared.hovered}",activeBackground:"{pds.button.colors.surface.primary.bared.pressed}",color:"{pds.button.colors.onSurface.primary.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.primary.bared.hovered}",activeColor:"{pds.button.colors.onSurface.primary.bared.pressed}"},plain:{hoverBackground:"{pds.button.colors.surface.plain.bared.hovered}",activeBackground:"{pds.button.colors.surface.plain.bared.pressed}",color:"{pds.button.colors.onSurface.plain.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.plain.bared.hovered}",activeColor:"{pds.button.colors.onSurface.plain.bared.pressed}"},neutral:{hoverBackground:"{pds.button.colors.surface.neutral.bared.hovered}",activeBackground:"{pds.button.colors.surface.neutral.bared.pressed}",color:"{pds.button.colors.onSurface.neutral.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.neutral.bared.hovered}",activeColor:"{pds.button.colors.onSurface.neutral.bared.pressed}"},black:{hoverBackground:"{pds.button.colors.surface.black.bared.hovered}",activeBackground:"{pds.button.colors.surface.black.bared.pressed}",color:"{pds.button.colors.onSurface.black.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.black.bared.hovered}",activeColor:"{pds.button.colors.onSurface.black.bared.pressed}"},white:{hoverBackground:"{pds.button.colors.surface.white.bared.hovered}",activeBackground:"{pds.button.colors.surface.white.bared.pressed}",color:"{pds.button.colors.onSurface.white.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.white.bared.hovered}",activeColor:"{pds.button.colors.onSurface.white.bared.pressed}"},disabled:{hoverBackground:"{pds.button.colors.surface.neutral.disabled}",activeBackground:"{pds.button.colors.surface.neutral.disabled}",color:"{pds.button.colors.onSurface.neutral.disabled}",hoverColor:"{pds.button.colors.onSurface.neutral.disabled}",activeColor:"{pds.button.colors.onSurface.neutral.disabled}"}},link:{color:"{primary.color}",hoverColor:"{primary.color}",activeColor:"{primary.color}",primary:{color:"{pds.link.colors.onSurface.primary.enabled}",hoverColor:"{pds.link.colors.onSurface.primary.hovered}",activeColor:"{pds.link.colors.onSurface.primary.pressed}",visitedColor:"{pds.link.colors.onSurface.primary.visited}",focusColor:"{pds.link.colors.onSurface.primary.enabled}"},secondary:{color:"{pds.link.colors.onSurface.secondary.enabled}",hoverColor:"{pds.link.colors.onSurface.secondary.hovered}",activeColor:"{pds.link.colors.onSurface.secondary.pressed}",visitedColor:"{pds.link.colors.onSurface.secondary.visited}",focusColor:"{pds.link.colors.onSurface.secondary.enabled}"},neutral:{color:"{pds.link.colors.onSurface.neutral.enabled}",hoverColor:"{pds.link.colors.onSurface.neutral.hovered}",activeColor:"{pds.link.colors.onSurface.neutral.pressed}",visitedColor:"{pds.link.colors.onSurface.neutral.visited}",focusColor:"{pds.link.colors.onSurface.neutral.enabled}"},white:{color:"{pds.link.colors.onSurface.white.enabled}",hoverColor:"{pds.link.colors.onSurface.white.hovered}",activeColor:"{pds.link.colors.onSurface.white.pressed}",visitedColor:"{pds.link.colors.onSurface.white.visited}",focusColor:"{pds.link.colors.onSurface.white.enabled}"},disabled:{color:"{pds.link.colors.onSurface.neutral.disabled}",hoverColor:"{pds.link.colors.onSurface.neutral.disabled}",activeColor:"{pds.link.colors.onSurface.neutral.disabled}",visitedColor:"{pds.link.colors.onSurface.neutral.disabled}",focusColor:"{pds.link.colors.onSurface.neutral.disabled}"}}}},css:({dt:o})=>` 201 .p-button { 202 font-size: ${o("pds.typography.body.medium.size")}; 203 line-height: ${o("pds.typography.body.medium.lineHeight")}; 204 } 205 206 .p-button:not(:disabled):active { 207 box-shadow: ${o("button.pressedshadow")}; 208 } 209 210 .p-button .pds-icon, 211 .p-button-icon, 212 .p-button-icon:before, 213 .p-button-icon:after { 214 fill: currentColor; 215 } 216 217 .p-button .p-button-icon, 218 .p-button .p-iconwrapper { 219 font-size: ${o("button.iconSize")}; 220 min-width: ${o("button.iconOnly.lineheight")}; 221 } 222 223 .p-button.p-button-icon-only, 224 .p-button.p-button-icon-only.p-button-rounded { 225 width: auto; 226 padding: ${o("button.iconOnly.padding")}; 227 line-height: ${o("button.iconOnly.lineheight")}; 228 } 229 .p-button.p-button-icon-only pds-icon { 230 display: contents; 231 } 232 233 .p-button-sm { 234 gap: ${o("button.sm.gap")}; 235 font-size: ${o("button.sm.fontSize")}; 236 line-height: ${o("button.sm.lineHeight")}; 237 } 238 239 .p-button-sm .p-button-icon, 240 .p-button-sm .p-iconwrapper { 241 font-size: ${o("button.sm.iconSize")}; 242 min-width: ${o("button.sm.iconOnly.lineheight")}; 243 } 244 245 .p-button-sm .pds-icon { 246 width: ${o("button.sm.iconOnly.lineheight")}; 247 height: ${o("button.sm.iconOnly.lineheight")}; 248 } 249 250 .p-button-sm.p-button-icon-only, 251 .p-button-sm.p-button-icon-only.p-button-rounded { 252 width: auto; 253 padding: ${o("button.sm.iconOnly.padding")}; 254 line-height: ${o("button.sm.iconOnly.lineheight")}; 255 } 256 257 .p-button-lg { 258 gap: ${o("button.lg.gap")}; 259 } 260 261 .p-button-lg .p-button-icon, 262 .p-button-lg .p-iconwrapper { 263 font-size: ${o("button.lg.iconSize")}; 264 min-width: ${o("button.lg.iconOnly.lineheight")}; 265 } 266 267 .p-button-lg.p-button-icon-only, 268 .p-button-lg.p-button-icon-only.p-button-rounded { 269 width: auto; 270 padding: ${o("button.lg.iconOnly.padding")}; 271 line-height: ${o("button.lg.iconOnly.lineheight")}; 272 } 273 274 .p-button-xs { 275 gap: ${o("button.xs.gap")}; 276 font-size: ${o("button.xs.fontSize")}; 277 line-height: ${o("button.xs.lineHeight")}; 278 padding: ${o("button.xs.padding.y")} ${o("button.xs.padding.x")}; 279 } 280 281 .p-button-xs .p-button-icon, 282 .p-button-xs .p-iconwrapper { 283 font-size: ${o("button.xs.icon.size")}; 284 line-height: ${o("button.xs.icon.lineHeight")}; 285 min-width: ${o("button.xs.iconOnly.lineheight")}; 286 } 287 288 .p-button-xs.p-button-icon-only, 289 .p-button-xs.p-button-icon-only.p-button-rounded { 290 width: auto; 291 padding: ${o("button.xs.iconOnly.padding")}; 292 line-height: ${o("button.xs.iconOnly.lineheight")}; 293 } 294 295 .p-button-outlined:not(:disabled):hover { 296 color: ${o("button.outlined.primary.hoverColor")}; 297 } 298 299 .p-button-outlined:not(:disabled):active { 300 color: ${o("button.outlined.primary.activeColor")}; 301 } 302 303 .p-button-outlined.p-button-secondary:not(:disabled):hover { 304 color: ${o("button.outlined.secondary.hoverColor")}; 305 } 306 307 .p-button-outlined.p-button-secondary:not(:disabled):active { 308 color: ${o("button.outlined.secondary.activeColor")}; 309 } 310 311 .p-button-outlined.p-button-info:not(:disabled):hover { 312 color: ${o("button.outlined.info.hoverColor")}; 313 } 314 315 .p-button-outlined.p-button-info:not(:disabled):active { 316 color: ${o("button.outlined.info.activeColor")}; 317 } 318 319 .p-button-outlined.p-button-success:not(:disabled):hover { 320 color: ${o("button.outlined.success.hoverColor")}; 321 } 322 323 .p-button-outlined.p-button-success:not(:disabled):active { 324 color: ${o("button.outlined.success.activeColor")}; 325 } 326 327 .p-button-outlined.p-button-warn:not(:disabled):hover { 328 color: ${o("button.outlined.warn.hoverColor")}; 329 } 330 331 .p-button-outlined.p-button-warn:not(:disabled):active { 332 color: ${o("button.outlined.warn.activeColor")}; 333 } 334 335 .p-button-outlined.p-button-help:not(:disabled):hover { 336 color: ${o("button.outlined.help.hoverColor")}; 337 } 338 339 .p-button-outlined.p-button-help:not(:disabled):active { 340 color: ${o("button.outlined.help.activeColor")}; 341 } 342 343 .p-button-outlined.p-button-danger:not(:disabled):hover { 344 color: ${o("button.outlined.danger.hoverColor")}; 345 } 346 347 .p-button-outlined.p-button-danger:not(:disabled):active { 348 color: ${o("button.outlined.danger.activeColor")}; 349 } 350 351 .p-button-outlined.p-button-contrast:not(:disabled):hover { 352 color: ${o("button.outlined.contrast.hoverColor")}; 353 } 354 355 .p-button-outlined.p-button-contrast:not(:disabled):active { 356 color: ${o("button.outlined.contrast.activeColor")}; 357 } 358 359 .p-button-text:not(:disabled):hover { 360 color: ${o("button.text.primary.hoverColor")}; 361 } 362 363 .p-button-text:not(:disabled):active { 364 color: ${o("button.text.primary.activeColor")}; 365 } 366 367 .p-button-text.p-button-secondary:not(:disabled):hover { 368 color: ${o("button.text.secondary.hoverColor")}; 369 } 370 371 .p-button-text.p-button-secondary:not(:disabled):active { 372 color: ${o("button.text.secondary.activeColor")}; 373 } 374 375 .p-button-text.p-button-info:not(:disabled):hover { 376 color: ${o("button.text.info.hoverColor")}; 377 } 378 379 .p-button-text.p-button-info:not(:disabled):active { 380 color: ${o("button.text.info.activeColor")}; 381 } 382 383 .p-button-text.p-button-success:not(:disabled):hover { 384 color: ${o("button.text.success.hoverColor")}; 385 } 386 387 .p-button-text.p-button-success:not(:disabled):active { 388 color: ${o("button.text.success.activeColor")}; 389 } 390 391 .p-button-text.p-button-warn:not(:disabled):hover { 392 color: ${o("button.text.warn.hoverColor")}; 393 } 394 395 .p-button-text.p-button-warn:not(:disabled):active { 396 color: ${o("button.text.warn.activeColor")}; 397 } 398 399 .p-button-text.p-button-help:not(:disabled):hover { 400 color: ${o("button.text.help.hoverColor")}; 401 } 402 403 .p-button-text.p-button-help:not(:disabled):active { 404 color: ${o("button.text.help.activeColor")}; 405 } 406 407 .p-button-text.p-button-danger:not(:disabled):hover { 408 color: ${o("button.text.danger.hoverColor")}; 409 } 410 411 .p-button-text.p-button-danger:not(:disabled):active { 412 color: ${o("button.text.danger.activeColor")}; 413 } 414 415 .p-button-text.p-button-contrast:not(:disabled):hover { 416 color: ${o("button.text.contrast.hoverColor")}; 417 } 418 419 .p-button-text.p-button-contrast:not(:disabled):active { 420 color: ${o("button.text.contrast.activeColor")}; 421 } 422 423 .p-button-neutral { 424 background: ${o("button.neutral.background")}; 425 border-color: transparent; 426 color: ${o("button.neutral.color")}; 427 } 428 429 .p-button-neutral:not(:disabled):hover { 430 background: ${o("button.neutral.hover.background")}; 431 border-color: transparent; 432 color: ${o("button.neutral.hover.color")}; 433 } 434 435 .p-button-neutral:not(:disabled):active { 436 background: ${o("button.neutral.active.background")}; 437 border-color: transparent; 438 color: ${o("button.neutral.active.color")}; 439 } 440 441 .p-button-neutral:not(:disabled):focus-visible { 442 outline-color: ${o("button.neutral.focus.ring.color")}; 443 box-shadow: ${o("button.neutral.focus.ring.shadow")}; 444 } 445 446 .p-button-outlined.p-button-neutral { 447 background: transparent; 448 border: 1px solid ${o("button.outlined.neutral.border.color")}; 449 color: ${o("button.outlined.neutral.color")}; 450 } 451 452 .p-button-outlined.p-button-neutral:not(:disabled):hover { 453 background: ${o("button.outlined.neutral.hover.background")}; 454 border-color: ${o("button.outlined.neutral.hoverBorderColor")}; 455 color: ${o("button.outlined.neutral.color")}; 456 } 457 458 .p-button-outlined.p-button-neutral:not(:disabled):active { 459 background: ${o("button.outlined.neutral.active.background")}; 460 border-color: ${o("button.outlined.neutral.activeBorderColor")}; 461 color: ${o("button.outlined.neutral.color")}; 462 } 463 464 .p-button-text.p-button-neutral { 465 background: transparent; 466 border-color: transparent; 467 color: ${o("button.text.neutral.color")}; 468 } 469 470 .p-button-text.p-button-neutral:not(:disabled):hover { 471 background: ${o("button.text.neutral.hover.background")}; 472 border-color: transparent; 473 color: ${o("button.text.neutral.hover.color")}; 474 } 475 476 .p-button-text.p-button-neutral:not(:disabled):active { 477 background: ${o("button.text.neutral.active.background")}; 478 border-color: transparent; 479 color: ${o("button.text.neutral.active.color")}; 480 } 481 482 .p-button-black { 483 background: ${o("button.black.background")}; 484 border: 1px solid ${o("button.black.border.color")}; 485 color: ${o("button.black.color")}; 486 } 487 488 .p-button-black:not(:disabled):hover { 489 background: ${o("button.black.hover.background")}; 490 border: 1px solid ${o("button.black.hover.border.color")}; 491 color: ${o("button.black.hover.color")}; 492 } 493 494 .p-button-black:not(:disabled):active { 495 background: ${o("button.black.active.background")}; 496 border: 1px solid ${o("button.black.active.border.color")}; 497 color: ${o("button.black.active.color")}; 498 } 499 500 .p-button-black:not(:disabled):focus-visible { 501 outline-color: ${o("button.black.focus.ring.color")}; 502 box-shadow: ${o("button.black.focus.ring.shadow")}; 503 } 504 505 .p-button-outlined.p-button-black { 506 background: transparent; 507 border-color: ${o("button.outlined.black.border.color")}; 508 color: ${o("button.outlined.black.color")}; 509 } 510 511 .p-button-outlined.p-button-black:not(:disabled):hover { 512 background: ${o("button.outlined.black.hover.background")}; 513 border-color: ${o("button.outlined.black.hoverBorderColor")}; 514 color: ${o("button.outlined.black.color")}; 515 } 516 517 .p-button-outlined.p-button-black:not(:disabled):active { 518 background: ${o("button.outlined.black.active.background")}; 519 border-color: ${o("button.outlined.black.activeBorderColor")}; 520 color: ${o("button.outlined.black.color")}; 521 } 522 523 .p-button-text.p-button-black { 524 background: transparent; 525 border-color: transparent; 526 color: ${o("button.text.black.color")}; 527 } 528 529 .p-button-text.p-button-black:not(:disabled):hover { 530 background: ${o("button.text.black.hover.background")}; 531 border-color: transparent; 532 color: ${o("button.text.black.hover.color")}; 533 } 534 535 .p-button-text.p-button-black:not(:disabled):active { 536 background: ${o("button.text.black.active.background")}; 537 border-color: transparent; 538 color: ${o("button.text.black.active.color")}; 539 } 540 541 .p-button-white { 542 background: ${o("button.white.background")}; 543 border: 1px solid ${o("button.white.border.color")}; 544 color: ${o("button.white.color")}; 545 } 546 547 .p-button-white:not(:disabled):hover { 548 background: ${o("button.white.hover.background")}; 549
549 border-color: ${o("button.white.hover.border.color")}; 550 color: ${o("button.white.hover.color")}; 551 } 552 553 .p-button-white:not(:disabled):active { 554 background: ${o("button.white.active.background")}; 555 border-color: ${o("button.white.active.border.color")}; 556 color: ${o("button.white.active.color")}; 557 } 558 559 .p-button-white:not(:disabled):focus-visible { 560 outline-color: ${o("button.white.focus.ring.color")}; 561 box-shadow: ${o("button.white.focus.ring.shadow")}; 562 } 563 564 .p-button-outlined.p-button-white { 565 background: transparent; 566 border-color: ${o("button.outlined.white.border.color")}; 567 color: ${o("button.outlined.white.color")}; 568 } 569 570 .p-button-outlined.p-button-white:not(:disabled):hover { 571 background: ${o("button.outlined.white.hover.background")}; 572 border-color: ${o("button.outlined.white.hoverBorderColor")}; 573 color: ${o("button.outlined.white.color")}; 574 } 575 576 .p-button-outlined.p-button-white:not(:disabled):active { 577 background: ${o("button.outlined.white.active.background")}; 578 border-color: ${o("button.outlined.white.activeBorderColor")}; 579 color: ${o("button.outlined.white.color")}; 580 } 581 582 .p-button-text.p-button-white { 583 background: transparent; 584 border-color: transparent; 585 color: ${o("button.text.white.color")}; 586 } 587 588 .p-button-text.p-button-white:not(:disabled):hover { 589 background: ${o("button.text.white.hover.background")}; 590 border-color: transparent; 591 color: ${o("button.text.white.hover.color")}; 592 } 593 594 .p-button-text.p-button-white:not(:disabled):active { 595 background: ${o("button.text.white.active.background")}; 596 border-color: transparent; 597 color: ${o("button.text.white.active.color")}; 598 } 599 600 .p-button-disabled, 601 .p-button:disabled, 602 .p-button.p-disabled { 603 background: ${o("button.disabled.background")}; 604 border: 1px solid ${o("button.disabled.border.color")}; 605 color: ${o("button.disabled.color")}; 606 opacity: 1; 607 } 608 609 .p-button-outlined.p-button-disabled, 610 .p-button-outlined.p-button:disabled, 611 .p-button-outlined.p-button.p-disabled { 612 background: transparent; 613 border: 1px solid ${o("button.outlined.disabled.borderColor")}; 614 color: ${o("button.outlined.disabled.color")}; 615 opacity: 1; 616 } 617 618 .p-button-text.p-button-disabled, 619 .p-button-text.p-button:disabled, 620 .p-button-text.p-button.p-disabled { 621 background: transparent; 622 border: 1px solid transparent; 623 color: ${o("button.text.disabled.color")}; 624 opacity: 1; 625 } 626 627 .p-button.p-button-link { 628 background: transparent; 629 border-color: transparent; 630 padding: 0; 631 text-decoration-line: underline; 632 color: ${o("button.link.primary.color")}; 633 } 634 635 .p-button.p-button-link:hover, 636 .p-button.p-button-link:enabled:hover { 637 background: transparent; 638 border-color: transparent; 639 color: ${o("button.link.primary.hoverColor")}; 640 } 641 642 .p-button.p-button-link:active, 643 .p-button.p-button-link:enabled:active { 644 background: transparent; 645 border-color: transparent; 646 color: ${o("button.link.primary.activeColor")}; 647 } 648 649 .p-button.p-button-link:visited { 650 color: ${o("button.link.primary.visitedColor")}; 651 } 652 653 .p-button.p-button-link.p-disabled, .p-button.p-button-link:disabled { 654 opacity: 1; 655 color: ${o("button.link.disabled.color")} !important; 656 } 657 658 .p-button.p-button-link.p-button-secondary { 659 color: ${o("button.link.secondary.color")}; 660 } 661 662 .p-button.p-button-link.p-button-secondary:hover, 663 .p-button.p-button-link.p-button-secondary:enabled:hover { 664 background: transparent; 665 border-color: transparent; 666 color: ${o("button.link.secondary.hoverColor")}; 667 } 668 669 .p-button.p-button-link.p-button-secondary:active, 670 .p-button.p-button-link.p-button-secondary:enabled:active { 671 background: transparent; 672 border-color: transparent; 673 color: ${o("button.link.secondary.activeColor")}; 674 } 675 676 .p-button.p-button-link.p-button-secondary:visited { 677 color: ${o("button.link.secondary.visitedColor")}; 678 } 679 680 .p-button.p-button-link.p-button-secondary.p-disabled, 681 .p-button.p-button-link.p-button-secondary:disabled { 682 opacity: 1; 683 } 684 685 .p-button.p-button-link.p-button-neutral { 686 color: ${o("button.link.neutral.color")}; 687 } 688 689 .p-button.p-button-link.p-button-neutral:hover, 690 .p-button.p-button-link.p-button-neutral:enabled:hover { 691 background: transparent; 692 border-color: transparent; 693 color: ${o("button.link.neutral.hoverColor")}; 694 } 695 696 .p-button.p-button-link.p-button-neutral:active, 697 .p-button.p-button-link.p-button-neutral:enabled:active { 698 background: transparent; 699 border-color: transparent; 700 color: ${o("button.link.neutral.activeColor")}; 701 } 702 703 .p-button.p-button-link.p-button-neutral:visited { 704 color: ${o("button.link.neutral.visitedColor")}; 705 } 706 707 .p-button.p-button-link.p-button-neutral.p-disabled, 708 .p-button.p-button-link.p-button-neutral:disabled { 709 opacity: 1; 710 } 711 712 .p-button.p-button-link.p-button-white { 713 color: ${o("button.link.white.color")}; 714 } 715 716 .p-button.p-button-link.p-button-white:hover, 717 .p-button.p-button-link.p-button-white:enabled:hover { 718 background: transparent; 719 border-color: transparent; 720 color: ${o("button.link.white.hoverColor")}; 721 } 722 723 .p-button.p-button-link.p-button-white:active, 724 .p-button.p-button-link.p-button-white:enabled:active { 725 background: transparent; 726 border-color: transparent; 727 color: ${o("button.link.white.activeColor")}; 728 } 729 730 .p-button.p-button-link.p-button-white:visited { 731 color: ${o("button.link.white.visitedColor")}; 732 } 733 734 .p-button.p-button-link.p-button-white.p-disabled, 735 .p-button.p-button-link.p-button-white:disabled { 736 opacity: 1; 737 } 738 `},card:{root:{background:"{surface.baseElevation}",borderRadius:"{pds.card.radii.cardRadius}",color:"{onSurface.base}",shadow:"none",border:"{pds.stroke.border} solid {pds.card.colors.border.enabled}"},body:{padding:"{pds.card.spacing.padding.vertical} {pds.card.spacing.padding.horizontal}",gap:"{pds.card.spacing.gap.default}"},caption:{gap:"{pds.card.spacing.gap.default}"},title:{fontSize:"{pds.typography.headings.h5.size}",fontWeight:"{pds.typography.headings.headingsWeight}",lineHeight:"{pds.typography.headings.h5.lineHeight}"},subtitle:{color:"{onSurface.neutral.medium}",fontSize:"{pds.typography.body.small.size}",fontWeight:"{pds.typography.weight.regular}",lineHeight:"{pds.typography.body.small.lineHeight}"},extend:{noBorder:{border:"none"},noPaddings:{padding:"0"},clickable:{border:{width:"{pds.stroke.border}",enabled:"{pds.stroke.border} solid {pds.card.colors.border.enabled}",hovered:"{pds.stroke.border} solid {pds.card.colors.border.hovered}",pressed:"{pds.stroke.border} solid {pds.card.colors.border.pressed}"},shadow:{enabled:"0 0 8px 0 {pds.shadow.10}, 0 10px 15px -3px {pds.shadow.10}, 0 4px 6px -2px {pds.shadow.5}",hovered:"0 0 8px 0 {pds.shadow.10}, 0 20px 25px -5px {pds.shadow.10}, 0 10px 10px -5px {pds.shadow.5}",pressed:"0 0 0 4px {pds.colors.pressedRing}"},outline:{width:"{pds.stroke.focus}",offset:"{focusRing.offset}",radius:"{pds.card.radii.cardFocusRadius}",color:"{pds.colors.focusRing}",style:"{focusRing.style}"}}},css:({dt:o})=>` 739 .p-card { 740 border: ${o("card.border")}; 741 position: relative; 742 outline: none; 743 outline-offset: 0; 744 745 &.noBorder { 746 border: ${o("card.noBorder.border")}; 747 } 748 749 &.noPaddings { 750 .p-card-body { 751 padding: ${o("card.noPaddings.padding")}; 752 } 753 } 754 755 &.clickable { 756 box-shadow: ${o("card.clickable.shadow.enabled")}; 757 758 &:hover { 759 border: ${o("card.clickable.border.hovered")}; 760 box-shadow: ${o("card.clickable.shadow.hovered")}; 761 } 762 763 &:active { 764 border: ${o("card.clickable.border.pressed")}; 765 box-shadow: ${o("card.clickable.shadow.pressed")}; 766 } 767 768 &:focus, 769 &:focus-visible { 770 border: ${o("card.clickable.border.enabled")}; 771 outline: none; 772 773 &::after { 774 content: ''; 775 position: absolute; 776 inset: calc(-1 * ( 777 ${o("card.clickable.outline.offset")} + 778 ${o("card.clickable.outline.width")} + 779 ${o("card.clickable.border.width")} 780 )); 781 border-radius: ${o("card.clickable.outline.radius")}; 782 border: ${o("card.clickable.outline.width")} 783 ${o("card.clickable.outline.style")} 784 ${o("card.clickable.outline.color")}; 785 pointer-events: none; 786 } 787 } 788 } 789 } 790 791 .p-card-subtitle { 792 font-size: ${o("card.subtitle.fontSize")}; 793 font-style: normal; 794 font-weight: ${o("card.subtitle.fontWeight")}; 795 line-height: ${o("card.subtitle.lineHeight")}; 796 } 797 798 .p-card-title { 799 font-style: normal; 800 font-family: ${o("pds.typography.headings.headingsFamily")}; 801 line-height: ${o("card.title.lineHeight")}; 802 } 803 804 .p-card-content, 805 .p-card-body { 806 border-radius: inherit; 807 808 & > * { 809 border-radius: inherit; 810 } 811 } 812 `},carousel:{root:{transitionDuration:"{transition.duration}"},content:{gap:"{pds.carousel.spacing.gap.large.horizontal}",padding:"{pds.stroke.focus} + {focusRing.offset}"},indicatorList:{padding:"{pds.carousel.spacing.padding.vertical} 0",gap:"{pds.density.200}"},indicator:{width:"{pds.density.800}",height:"{pds.density.200}",borderRadius:"{pds.carousel.radius.carouselIndicatorRadius}",focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"{focusRing.offset}",shadow:"{pds.focusRing.shadow}"},activeBoxShadow:"0 0 0 4px {pds.colors.pressedRing}",activeBG:"{pds.carousel.colors.surface.unselected.pressed}",activeSelectedBG:"{pds.carousel.colors.surface.selected.pressed}"},colorScheme:{light:{indicator:{background:"{pds.carousel.colors.surface.unselected.enabled}
812",hoverBackground:"{pds.carousel.colors.surface.unselected.hovered}",activeBackground:"{pds.carousel.colors.surface.selected.enabled}"}},dark:{indicator:{background:"{pds.carousel.colors.surface.unselected.enabled}",hoverBackground:"{pds.carousel.colors.surface.unselected.hovered}",activeBackground:"{pds.carousel.colors.surface.selected.enabled}"}}},navigator:{background:"transparent",borderRadius:"{pds.button.radii.buttonRadius}",padding:"{pds.button.iconButton.spacing.padding.default.allSide}",color:"{pds.button.colors.onSurface.neutral.bared.enabled}",hoverBackground:"{pds.button.colors.surface.neutral.bared.hovered}",hoverColor:"{pds.button.colors.onSurface.neutral.bared.hovered}",activeBackground:"{pds.button.colors.surface.neutral.bared.pressed}",activeColor:"{pds.button.colors.onSurface.neutral.bared.pressed}",activeBoxShadow:"0 0 0 4px {pds.colors.pressedRing}",focusBorderWidth:"{pds.stroke.border}",focusBorderColor:"{pds.button.colors.border.neutral}",focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"{focusRing.offset}"}},css:({dt:o})=>` 813 .p-carousel-indicator-button:active { 814 outline: none; 815 box-shadow: ${o("carousel.indicator.activeBoxShadow")}; 816 background: ${o("carousel.indicator.activeBG")}; 817 } 818 819 .p-carousel-content { 820 padding: 0 ${o("carousel.content.padding")}; 821 } 822 823 .p-card-header img { 824 border-top-left-radius: ${o("card.borderRadius")}; 825 border-top-right-radius: ${o("card.borderRadius")}; 826 } 827 828 .p-carousel-indicator-active .p-carousel-indicator-button:active { 829 background: ${o("carousel.indicator.activeSelectedBG")}; 830 } 831 832 .p-carousel-prev-icon, 833 .p-carousel-next-button .p-button .next { 834 display: contents; 835 } 836 `},cascadeselect:{root:{background:"{form.field.background}",disabledBackground:"{form.field.disabled.background}",filledBackground:"{form.field.filled.background}",filledHoverBackground:"{form.field.filled.hover.background}",filledFocusBackground:"{form.field.filled.focus.background}",borderColor:"{form.field.border.color}",hoverBorderColor:"{form.field.hover.border.color}",focusBorderColor:"{form.field.focus.border.color}",invalidBorderColor:"{form.field.invalid.border.color}",color:"{form.field.color}",disabledColor:"{form.field.disabled.color}",placeholderColor:"{form.field.placeholder.color}",invalidPlaceholderColor:"{form.field.invalid.placeholder.color}",shadow:"{form.field.shadow}",paddingX:"{form.field.padding.x}",paddingY:"{form.field.padding.y}",borderRadius:"{form.field.border.radius}",focusRing:{width:"{form.field.focus.ring.width}",style:"{form.field.focus.ring.style}",color:"{form.field.focus.ring.color}",offset:"{form.field.focus.ring.offset}",shadow:"{form.field.focus.ring.shadow}"},transitionDuration:"{form.field.transition.duration}",sm:{fontSize:"{form.field.sm.font.size}",paddingX:"{form.field.sm.padding.x}",paddingY:"{form.field.sm.padding.y}"},lg:{fontSize:"{form.field.lg.font.size}",paddingX:"{form.field.lg.padding.x}",paddingY:"{form.field.lg.padding.y}"}},dropdown:{width:"2.5rem",color:"{form.field.icon.color}"},overlay:{background:"{overlay.select.background}",borderColor:"{overlay.select.border.color}",borderRadius:"{overlay.select.border.radius}",color:"{overlay.select.color}",shadow:"{overlay.select.shadow}"},list:{padding:"{list.padding}",gap:"{list.gap}",mobileIndent:"1rem"},option:{focusBackground:"{list.option.focus.background}",selectedBackground:"{list.option.selected.background}",selectedFocusBackground:"{list.option.selected.focus.background}",color:"{list.option.color}",focusColor:"{list.option.focus.color}",selectedColor:"{list.option.selected.color}",selectedFocusColor:"{list.option.selected.focus.color}",padding:"{list.option.padding}",borderRadius:"{list.option.border.radius}",icon:{color:"{list.option.icon.color}",focusColor:"{list.option.icon.focus.color}",size:"0.875rem"}},clearIcon:{color:"{form.field.icon.color}"}},checkbox:{root:{borderRadius:"{pds.checkbox.radii.checkboxRadius}",width:"{pds.density.500}",height:"{pds.density.500}",background:"{pds.checkbox.colors.surface.unselected.enabled}
836",checkedBackground:"{pds.checkbox.colors.surface.selected.enabled}",checkedHoverBackground:"{pds.checkbox.colors.surface.selected.hovered}",disabledBackground:"{pds.checkbox.colors.surface.unselected.disabled}",filledBackground:"{form.field.filled.background}",borderColor:"{pds.checkbox.colors.border.enabled}",hoverBorderColor:"{pds.checkbox.colors.border.hovered}",focusBorderColor:"{pds.checkbox.colors.border.enabled}",checkedBorderColor:"transparent",checkedHoverBorderColor:"transparent",checkedFocusBorderColor:"transparent",checkedDisabledBorderColor:"{pds.checkbox.colors.border.disabled}",invalidBorderColor:"{pds.checkbox.colors.border.danger}",shadow:"none",focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"{focusRing.offset}",shadow:"{focusRing.shadow}"},transitionDuration:"{form.field.transition.duration}",sm:{width:"{pds.density.400}",height:"{pds.density.400}"},lg:{width:"{pds.density.600}",height:"{pds.density.600}"},hoverBgColor:"{pds.checkbox.colors.surface.unselected.hovered}",pressedBorderColor:"{pds.checkbox.colors.border.pressed}",activeBoxShadow:"0 0 0 4px {pds.colors.pressedRing}",activeBG:"{pds.checkbox.colors.surface.unselected.pressed}"},icon:{size:"{pds.iconSize.xSmall}",color:"{pds.checkbox.colors.onSurface.enabled}",checkedColor:"{pds.checkbox.colors.onSurface.enabled}",checkedHoverColor:"{pds.checkbox.colors.onSurface.hovered}",disabledColor:"{pds.checkbox.colors.onSurface.disabled}",sm:{size:"{pds.iconSize.xSmall}"},lg:{size:"{pds.iconSize.small}"},padding:"{pds.density.50}"},css:({dt:o})=>` 837 .p-checkbox { 838 display: flex; 839 } 840 841 .p-checkbox-icon { 842 padding: ${o("checkbox.icon.padding")}; 843 } 844 845 846 .p-checkbox:not(.p-disabled):not(.p-checkbox-checked):not(.p-invalid):has(.p-checkbox-input:hover) .p-checkbox-box { 847 border-color: ${o("checkbox.hoverBorderColor")}; 848 background: ${o("checkbox.hoverBgColor")}; 849 } 850 851 p-checkbox.ng-invalid.ng-dirty > .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box, 852 .p-checkbox.p-invalid:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box { 853 border-color: ${o("checkbox.invalidBorderColor")}; 854 } 855 856 p-checkbox.ng-invalid.ng-dirty > .p-checkbox:not(.p-disabled) .p-checkbox-box, 857 .p-checkbox.p-invalid:not(.p-disabled) .p-checkbox-box { 858 border-color: ${o("checkbox.invalidBorderColor")}; 859 } 860 861 .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus, .p-checkbox-input:focus-visible):not(:has(.p-checkbox-input:active)) .p-checkbox-box { 862 outline: ${o("checkbox.focusRing.width")} ${o("checkbox.focusRing.style")} ${o("checkbox.focusRing.color")}; 863 outline-offset: ${o("checkbox.focusRing.offset")}; 864 } 865 866 p-checkbox.ng-invalid.ng-dirty > .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus, .p-checkbox-input:focus-visible):not(:has(.p-checkbox-input:active)) .p-checkbox-box, 867 .p-checkbox.p-invalid:not(.p-disabled):has(.p-checkbox-input:focus, .p-checkbox-input:focus-visible):not(:has(.p-checkbox-input:active)) .p-checkbox-box { 868 border-color: ${o("checkbox.invalidBorderColor")}; 869 } 870 871 p-checkbox:not(.ng-invalid.ng-dirty) > .p-checkbox:not(.p-disabled):not(.p-invalid):has(.p-checkbox-input:active) .p-checkbox-box { 872 outline: none; 873 border-color: ${o("checkbox.pressedBorderColor")}; 874 box-shadow: ${o("checkbox.activeBoxShadow")}; 875 background: ${o("checkbox.activeBG")}; 876 } 877 878 p-checkbox:not(.ng-invalid.ng-dirty) > .p-checkbox-checked:not(.p-disabled):not(.p-invalid):has(.p-checkbox-input:active) .p-checkbox-box { 879 background: ${o("checkbox.checkedHoverBackground")}; 880 border: none; 881 } 882 883 p-checkbox.ng-invalid.ng-dirty > .p-checkbox:not(.p-disabled):has(.p-checkbox-input:active) .p-checkbox-box, 884 .p-checkbox.p-invalid:not(.p-disabled):has(.p-checkbox-input:active) .p-checkbox-box { 885 outline: none; 886 box-shadow: none; 887 border-color: ${o("checkbox.invalidBorderColor")}; 888 } 889 `},chip:{root:{borderRadius:"{pds.chip.radii.chipRadius}",paddingX:"{pds.chip.spacing.padding.large.horizontal}",paddingY:"{pds.chip.spacing.padding.default.vertical}",gap:"{pds.chip.spacing.gap.horizontal}",transitionDuration:"{transition.duration}"},image:{width:"{pds.iconSize.small}",height:"{pds.iconSize.small}"},icon:{size:"{pds.iconSize.xSmall}"},removeIcon:{size:"{pds.iconSize.xSmall}",focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.button.colors.border.primary}",offset:"{focusRing.offset}",shadow:"{focusRing.shadow}"},margin:"{pds.button.iconButton.spacing.padding.xxSmall.allSide}"},colorScheme:{light:{root:{background:"{pds.chip.colors.surface}",color:"{pds.chip.colors.onSurface}"},icon:{color:"{pds.colors.onSurface.neutral.strongest}"},removeIcon:{color:"{pds.button.colors.onSurface.neutral.bared.enabled}"}},dark:{root:{background:"{pds.chip.colors.surface}",color:"{pds.chip.colors.onSurface}"},icon:{color:"{pds.colors.onSurface.neutral.strongest}"},removeIcon:{color:"{pds.button.colors.onSurface.neutral.bared.enabled}"}}},css:({dt:o})=>` 890 .p-chip-remove-icon { 891 display: flex; 892 align-items: center; 893 justify-content: center; 894 margin: ${o("chip.removeIcon.margin")}; 895 font-size: calc(${o("chip.removeIcon.size")} - ${o("chip.removeIcon.margin")} * 2); 896 } 897 `},colorpicker:{root:{transitionDuration:"{transition.duration}"},preview:{width:"1.5rem",height:"1.5rem",borderRadius:"{form.field.border.radiu
897s}",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"{focus.ring.offset}",shadow:"{focus.ring.shadow}"}},panel:{shadow:"{overlay.popover.shadow}",borderRadius:"{overlay.popover.borderRadius}"},colorScheme:{light:{panel:{background:"{surface.800}",borderColor:"{surface.900}"},handle:{color:"{surface.0}"}},dark:{panel:{background:"{surface.900}",borderColor:"{surface.700}"},handle:{color:"{surface.0}"}}}},confirmdialog:{icon:{size:"{pds.iconSize.small}",color:"{pds.onSurface.neutral.extremeStrong}",containerSize:"{pds.iconSize.base}"},content:{gap:"{pds.density.300}"},css:({dt:o})=>` 898 .p-confirm-dialog { 899 .p-confirm-dialog-icon { 900 display: flex; 901 align-items: center; 902 justify-content: center; 903 width: ${o("confirmdialog.icon.containerSize")}; 904 height: ${o("confirmdialog.icon.containerSize")}; 905 906 &::before { 907 display: block; 908 width: ${o("confirmdialog.icon.size")}; 909 height: ${o("confirmdialog.icon.size")}; 910 font-size: ${o("confirmdialog.icon.size")}; 911 } 912 } 913 } 914 `},confirmpopup:{root:{background:"{overlay.popover.background}",borderColor:"{overlay.popover.border.color}",color:"{overlay.popover.color}",borderRadius:"{overlay.popover.border.radius}",shadow:"{overlay.popover.shadow}",gutter:"10px",arrowOffset:"1.25rem"},content:{padding:"{overlay.popover.padding}",gap:"1rem"},icon:{size:"1.5rem",color:"{overlay.popover.color}"},footer:{gap:"0.5rem",padding:"0 {overlay.popover.padding} {overlay.popover.padding} {overlay.popover.padding}"}}
914,contextmenu:{root:{background:"{content.background}",borderColor:"{content.border.color}",color:"{content.color}",borderRadius:"{content.border.radius}",shadow:"{overlay.navigation.shadow}",transitionDuration:"{transition.duration}"},list:{padding:"{navigation.list.padding}",gap:"{navigation.list.gap}"},item:{focusBackground:"{navigation.item.focus.background}",activeBackground:"{navigation.item.active.background}",color:"{navigation.item.color}",focusColor:"{navigation.item.focus.color}",activeColor:"{navigation.item.active.color}",padding:"{navigation.item.padding}",borderRadius:"{navigation.item.border.radius}",gap:"{navigation.item.gap}",icon:{color:"{navigation.item.icon.color}",focusColor:"{navigation.item.icon.focus.color}",activeColor:"{navigation.item.icon.active.color}"}},submenu:{mobileIndent:"1rem"},submenuIcon:{size:"{navigation.submenu.icon.size}",color:"{navigation.submenu.icon.color}",focusColor:"{navigation.submenu.icon.focus.color}",activeColor:"{navigation.submenu.icon.active.color}"},separator:{borderColor:"{content.border.color}"}},datatable:{root:{transitionDuration:"{transitionDuration}",borderWidth:"{pds.stroke.border}"},header:{background:"{pds.table.colors.surface.cell.base.enabled}",borderColor:"{pds.table.colors.border.tableBorder}",color:"{pds.table.colors.onSurface.text}",borderWidth:"0 0 {pds.stroke.border} 0",padding:"{pds.table.spacing.padding.default.vertical} {pds.table.spacing.padding.default.horizontal}",sm:{padding:"{pds.table.spacing.padding.small.vertical} {pds.table.spacing.padding.default.horizontal}",height:"40px"},lg:{padding:"{pds.table.spacing.padding.large.vertical} {pds.table.spacing.padding.default.horizontal}",height:"56px"},height:"48px",fontSize:"{pds.typography.body.medium.size}",lineHeight:"{pds.typography.body.medium.lineHeight}",fontWeight:"{pds.typography.weight.bold}"},headerCell:{background:"{pds.table.colors.surface.cell.base.enabled}",hoverBackground:"{pds.table.colors.surface.cell.base.hovered}",selectedBackground:"{pds.table.colors.surface.cell.base.selected}",borderColor:"{pds.table.colors.border.tableBorder}",color:"{pds.table.colors.onSurface.text}",hoverColor:"{pds.table.colors.onSurface.text}",selectedColor:"{pds.onSurface.base}",gap:"{pds.table.spacing.gap.default}",padding:"{pds.table.spacing.padding.default.vertical} {pds.table.spacing.padding.default.horizontal}",focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"-1 * ({pds.stroke.border} + {focusRing.offset})",shadow:"{focusRing.shadow}"},sm:{padding:"{pds.table.spacing.padding.small.vertical} {pds.table.spacing.padding.default.horizontal}",height:"40px"},lg:{padding:"{pds.table.spacing.padding.large.vertical} {pds.table.spacing.padding.default.horizontal}",height:"56px"},pressedBackground:"{pds.table.colors.surface.cell.base.pressed}",pressedColor:"{pds.table.colors.onSurface.text}",pressedShadow:"0 0 0 4px {pds.colors.pressedRing} inset",height:"48px"},columnTitle:{fontWeight:"{pds.typography.weight.bold}"},row:{background:"{pds.table.colors.surface.cell.base.enabled}",hoverBackground:"{pds.table.colors.surface.cell.base.hovered}",selectedBackground:"{pds.table.colors.surface.cell.base.selected}",color:"{pds.table.colors.onSurface.text}",hoverColor:"{pds.table.colors.onSurface.text}",selectedColor:"{pds.onSurface.base}",focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"-1 * ({pds.stroke.border} + {focusRing.offset})",shadow:"{focusRing.shadow}"},pressedBackground:"{pds.table.colors.surface.cell.base.pressed}",pressedColor:"{pds.table.colors.onSurface.text}",pressedShadow:"0 0 0 4px {pds.colors.pressedRing} inset",striped:{background:"{pds.table.colors.surface.cell.striped.enabled}",hoverBackground:"{pds.table.colors.surface.cell.striped.hovered}",selectedBackground:"{pds.table.colors.surface.cell.striped.selected}",pressedBackground:"{pds.table.colors.surface.cell.striped.pressed}",color:"{pds.table.colors.onSurface.text}",hoverColor:"{pds.table.colors.onSurface.text}",selectedColor:"{pds.onSurface.base}",pressedColor:"{pds.table.colors.onSurface.text}",pressedShadow:"0 0 0 4px {pds.colors.pressedRing} inset"}},bodyCell:{borderColor:"{pds.table.colors.border.tableBorder}",padding:"{pds.table.spacing.padding.default.vertical} {pds.table.spacing.padding.default.horizontal}",sm:{padding:"{pds.table.spacing.padding.small.vertical} {pds.table.spacing.padding.small.horizontal}",height:"40px"},lg:{padding:"{pds.table.spacing.padding.large.vertical} {pds.table.spacing.padding.large.horizontal}",height:"56px"},height:"48px"},footerCell:{background:"{pds.table.colors.surface.cell.base.enabled}",borderColor:"{pds.table.colors.border.tableBorder}",color:"{pds.table.colors.onSurface.text}",padding:"{pds.table.spacing.padding.default.vertical} {pds.table.spacing.padding.default.horizontal}",sm:{padding:"{pds.table.spacing.padding.small.vertical} {pds.table.spacing.padding.default.horizontal}",height:"40px"},lg:{padding:"{pds.table.spacing.padding.large.vertical} {pds.table.spacing.padding.default.horizontal}",height:"56px"},height:"48px"},columnFooter:{fontWeight:"{pds.typography.weight.bold}"},footer:{background:"{pds.table.colors.surface.cell.base.enabled}",borderColor:"{pds.table.colors.border.tableBorder}",color:"{pds.table.colors.onSurface.text}",borderWidth:"{pds.border.stroke} 0 0 0",padding:"{pds.table.spacing.padding.default.vertical} {pds.table.spacing.padding.default.horizontal}",sm:{padding:"{pds.table.spacing.padding.small.vertical} {pds.table.spacing.padding.default.horizontal}",height:"40px"},lg:{padding:"{pds.table.spacing.padding.large.vertical} {pds.table.spacing.padding.default.horizontal}",height:"56px"},height:"48px",fontSize:"{pds.typography.body.medium.size}",lineHeight:"{pds.typography.body.medium.lineHeight}",fontWeight:"{pds.typography.weight.bold}"},dropPoint:{color:"{pds.table.colors.border.dropBorder}"},columnResizer:{width:"{pds.density.200}",borderRight:"{pds.border.stroke} solid {pds.table.colors.border.tableBorder}"},resizeIndicator:{width:"{pds.border.stroke}",color:"{pds.table.colors.border.tableBorder}"},sortIcon:{color:"{pds.onSurface.base}",hoverColor:"{pds.onSurface.base}",size:"{pds.typography.body.small.size}",containerSize:"{pds.iconSize.xSmall}",padding:"{pds.button.iconButton.spacing.padding.xSmall.allSide}",borderRadius:"{pds.button.radii.buttonRadius}"},loadingIcon:{size:"1.5rem"}
914,rowToggleButton:{hoverBackground:"{content.hover.background}",selectedHoverBackground:"{content.background}",color:"{text.muted.color}",hoverColor:"{text.color}",selectedHoverColor:"{primary.color}",size:"auto",borderRadius:"{pds.button.radii.buttonRadius}",focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"{focusRing.offset}",shadow:"{focusRing.shadow}"},icon:{size:"{pds.typography.body.small.size}",containerSize:"{pds.iconSize.xSmall}"}},filter:{inlineGap:"0.5rem",overlaySelect:{background:"{pds.select.listbox.colors.surface.enabled}",borderColor:"{pds.select.listbox.colors.border.enabled}",borderRadius:"{pds.select.listbox.radii.listboxRadius}",color:"{pds.select.listbox.listboxOption.colors.onSurface.enabled}",shadow:"0 0 4px 0 {pds.shadow.10}, 0 4px 6px -1px {pds.shadow.10}, 0 2px 4px -1px {pds.shadow.5}"},overlayPopover:{background:"{pds.overlayPanel.colors.surface}",borderColor:"{pds.overlayPanel.colors.border}",borderRadius:"{pds.overlayPanel.radii.overlayPanelRadius}",color:"inherit",shadow:"0 0 8px 0 {pds.shadow.10}, 0 10px 15px -3px {pds.shadow.10}, 0 4px 6px -2px {pds.shadow.5}",padding:"{pds.overlayPanel.spacing.padding}",gap:"0"},rule:{borderColor:"{content.border.color}"},constraintList:{padding:"{list.padding}",gap:"{list.gap}"},constraint:{focusBackground:"{list.option.focus.background}",selectedBackground:"{list.option.selected.background}",selectedFocusBackground:"{list.option.selected.focus.background}",color:"{list.option.color}",focusColor:"{list.option.focus.color}",selectedColor:"{list.option.selected.color}",selectedFocusColor:"{list.option.selected.focus.color}",separator:{borderColor:"{content.border.color}"},padding:"{list.option.padding}",borderRadius:"{list.option.border.radius}"}},paginatorTop:{borderColor:"{pds.table.colors.border.tableBorder}",borderWidth:"0 0 {pds.stroke.border} 0",grid:{borderWidth:"{pds.stroke.border} {pds.stroke.border} 0 {pds.stroke.border}"}},paginatorBottom:{borderColor:"{pds.table.colors.border.tableBorder}",borderWidth:"0 0 {pds.stroke.border} 0",grid:{borderWidth:"0 {pds.stroke.border} {pds.stroke.border} {pds.stroke.border}"}},colorScheme:{light:{root:{borderColor:"{pds.table.colors.border.tableBorder}"},row:{stripedBackground:"{pds.table.colors.surface.cell.striped.enabled}"},bodyCell:{selectedBorderColor:"{pds.table.colors.border.tableBorder}"}},dark:{root:{borderColor:"{pds.table.colors.border.tableBorder}"},row:{stripedBackground:"{pds.table.colors.surface.cell.striped.enabled}"},bodyCell:{selectedBorderColor:"{pds.table.colors.border.tableBorder}"}}},css:({dt:o})=>` 915 .p-datatable { 916 > .p-datatable-header { 917 display: flex; 918 align-items: center; 919 font-size: ${o("datatable.header.fontSize")}; 920 font-weight: ${o("datatable.header.fontWeight")}; 921 line-height: ${o("datatable.header.lineHeight")}; 922 } 923 924 .p-datatable-thead > tr > th { 925 height: ${o("datatable.headerCell.height")}; 926 } 927 928 .p-datatable-tbody > tr > td { 929 height: ${o("datatable.bodyCell.height")}; 930 } 931 932 .p-datatable-tfoot > tr > td { 933 height: ${o("datatable.footerCell.height")}; 934 } 935 936 > .p-datatable-header { 937 min-height: ${o("datatable.header.height")}; 938 } 939 940 > .p-datatable-tfoot { 941 display: flex; 942 align-items: center; 943 min-height: ${o("datatable.footer.height")}; 944 } 945 946 .p-datatable-thead { 947 p-sortIcon { 948 .p-iconwrapper { 949 padding: ${o("datatable.sortIcon.padding")}; 950 border-radius: ${o("datatable.sortIcon.borderRadius")}; 951 width: calc(${o("datatable.sortIcon.containerSize")} + ${o("datatable.sortIcon.padding")} * 2); 952 height: calc(${o("datatable.sortIcon.containerSize")} + ${o("datatable.sortIcon.padding")} * 2); 953 954 .p-icon { 955 font-size: ${o("datatable.sortIcon.size")}; 956 width: ${o("datatable.sortIcon.size")}; 957 height: ${o("datatable.sortIcon.size")}; 958 } 959 } 960 } 961 } 962 963 .p-datatable-tbody tr td:first-child >button, 964 .p-datatable-tbody tr td:first-child .p-button { 965 .pi { 966 width: ${o("datatable.rowToggleButton.icon.containerSize")}; 967 min-width: 0; 968 height: ${o("datatable.rowToggleButton.icon.containerSize")}; 969 display: flex; 970 align-items: center; 971 justify-content: center; 972 } 973 974 .pi:before { 975 display: flex; 976 align-items: center; 977 justify-content: center; 978 width: ${o("datatable.rowToggleButton.icon.size")}; 979 height: ${o("datatable.rowToggleButton.icon.size")}; 980 font-size: ${o("datatable.rowToggleButton.icon.size")}; 981 } 982 } 983 984 .p-datatable-reorderable-row-handle { 985 &.pi { 986 padding: ${o("datatable.reorderIcon.padding")}; 987 border-radius: ${o("datatable.reorderIcon.borderRadius")}; 988 width: calc(${o("datatable.reorderIcon.containerSize")} + ${o("datatable.reorderIcon.padding")} * 2); 989 height: calc(${o("datatable.reorderIcon.containerSize")} + ${o("datatable.reorderIcon.padding")} * 2); 990 display: flex; 991 align-items: center; 992 justify-content: center; 993 } 994 995 &.pi:before { 996 display: block; 997 width: ${o("datatable.reorderIcon.size")}; 998 height: ${o("datatable.reorderIcon.size")}; 999 font-size: ${o("datatable.reorderIcon.size")}; 1000 } 1001 } 1002 1003 .p-datatable-table { 1004 .p-datatable-sortable-column { 1005 &:active { 1006 background-color: ${o("datatable.headerCell.pressedBackgroun
1006d")}; 1007 color: ${o("datatable.headerCell.pressedColor")}; 1008 box-shadow: ${o("datatable.headerCell.pressedShadow")}; 1009 } 1010 } 1011 1012 .p-datatable-tfoot { 1013 font-size: ${o("datatable.footer.fontSize")}; 1014 font-weight: ${o("datatable.footer.fontWeight")}; 1015 line-height: ${o("datatable.footer.lineHeight")}; 1016 } 1017 } 1018 1019 > .p-datatable-tfoot { 1020 padding: ${o("datatable.summary.padding")}; 1021 background-color: ${o("datatable.summary.background")}; 1022 color: ${o("datatable.summary.color")}; 1023 font-size: ${o("datatable.summary.fontSize")}; 1024 font-weight: ${o("datatable.summary.fontWeight")}; 1025 line-height: ${o("datatable.summary.lineHeight")}; 1026 } 1027 1028 .p-paginator { 1029 padding: ${o("datatable.paginator.padding")}; 1030 border-style: solid; 1031 border-color: ${o("datatable.paginatorBottom.borderColor")}; 1032 border-radius: 0; 1033 } 1034 1035 .p-datatable-column-title { 1036 display: none; 1037 } 1038 1039 &.p-datatable-sm { 1040 .p-datatable-thead > tr > th { 1041 height: ${o("datatable.headerCell.sm.height")}; 1042 } 1043 1044 .p-datatable-tbody > tr > td { 1045 height: ${o("datatable.bodyCell.sm.height")}; 1046 } 1047 1048 .p-datatable-tfoot > tr > td { 1049 height: ${o("datatable.footerCell.sm.height")}; 1050 } 1051 1052 > .p-datatable-header { 1053 min-height: ${o("datatable.header.sm.height")}; 1054 } 1055 1056 > .p-datatable-tfoot { 1057 min-height: ${o("datatable.footer.sm.height")}; 1058 padding: ${o("datatable.summary.sm.padding")}; 1059 } 1060 } 1061 1062 &.p-datatable-lg { 1063 .p-datatable-thead > tr > th { 1064 height: ${o("datatable.headerCell.lg.height")}; 1065 } 1066 1067 .p-datatable-tbody > tr > td { 1068 height: ${o("datatable.bodyCell.lg.height")}; 1069 } 1070 1071 .p-datatable-tfoot > tr > td { 1072 height: ${o("datatable.footerCell.lg.height")}; 1073 } 1074 1075 > .p-datatable-header { 1076 min-height: ${o("datatable.header.lg.height")}; 1077 } 1078 1079 > .p-datatable-tfoot { 1080 min-height: ${o("datatable.footer.lg.height")}; 1081 padding: ${o("datatable.summary.lg.padding")}; 1082 } 1083 } 1084 1085 &.p-datatable-gridlines { 1086 &:has(.p-datatable-tbody:not(:has(.p-datatable-tfoot))) { 1087 &:has(>.p-datatable-tfoot) { 1088 .p-datatable-tbody > tr:last-child > td { 1089 border-width: 0 0 ${o("datatable.borderWidth")} ${o("datatable.borderWidth")}; 1090 1091 &:last-child { 1092 border-width: 0 ${o("datatable.borderWidth")} ${o("datatable.borderWidth")} ${o("datatable.borderWidth")}; 1093 } 1094 } 1095 } 1096 } 1097 1098 p-paginator:not(.p-datatable-table-container ~ p-paginator) .p-paginator { 1099 border-width: ${o("datatable.paginatorTop.grid.borderWidth")}; 1100 } 1101 1102 .p-datatable-table-container + p-paginator .p-paginator { 1103 border-width: ${o("datatable.paginatorBottom.grid.borderWidth")}; 1104 } 1105 } 1106 1107 &:not(.p-datatable-gridlines) { 1108 p-paginator:not(.p-datatable-table-container ~ p-paginator) .p-paginator { 1109 border-width: ${o("datatable.paginatorTop.borderWidth")}; 1110 } 1111 1112 .p-datatable-table-container + p-paginator .p-paginator { 1113 border-width: ${o("datatable.paginatorBottom.borderWidth")}; 1114 } 1115 } 1116 } 1117 1118 .p-datatable-hoverable { 1119 .p-datatable-table { 1120 .p-datatable-tbody { 1121 .p-datatable-selectable-row { 1122 &:hover:active, 1123 &:active { 1124 background-color: ${o("datatable.row.pressedBackground")}; 1125 color: ${o("datatable.row.pressedColor")}; 1126 box-shadow: ${o("datatable.row.pressedShadow")}; 1127 } 1128 } 1129 } 1130 } 1131 1132 &.p-datatable-striped { 1133 .p-datatable-tbody > tr:nth-child(odd) { 1134 &.p-datatable-row-selected { 1135 background-color: ${o("datatable.row.striped.selectedBackground")}; 1136 } 1137 1138 &:not(.p-datatable-row-selected):hover { 1139 background-color: ${o("datatable.row.striped.hoverBackgroun
1139d")}; 1140 } 1141 } 1142 1143 .p-datatable-table { 1144 .p-datatable-tbody { 1145 .p-datatable-selectable-row:nth-child(odd) { 1146 &:hover:active, 1147 &:active { 1148 background-color: ${o("datatable.row.striped.pressedBackground")}; 1149 color: ${o("datatable.row.striped.pressedColor")}; 1150 box-shadow: ${o("datatable.row.striped.pressedShadow")}; 1151 } 1152 } 1153 } 1154 } 1155 } 1156 } 1157 1158 .p-datatable.p-datatable-gray-captions { 1159 > .p-datatable-header { 1160 background: ${o("datatable.captions.grayBackground")}; 1161 } 1162 1163 .p-datatable-tfoot { 1164 background: ${o("datatable.captions.grayBackground")}; 1165 1166 > tr > td { 1167 background: ${o("datatable.captions.grayBackground")}; 1168 } 1169 } 1170 } 1171 `,summary:{background:"{pds.surface.base}",color:"{pds.table.colors.onSurface.text}",padding:"{pds.table.spacing.padding.default.vertical} {pds.table.spacing.padding.default.horizontal}",height:"48px",sm:{padding:"{pds.table.spacing.padding.small.vertical} {pds.table.spacing.padding.default.horizontal}",height:"40px"},lg:{padding:"{pds.table.spacing.padding.large.vertical} {pds.table.spacing.padding.default.horizontal}",height:"56px"},fontSize:"{pds.typography.body.medium.size}",lineHeight:"{pds.typography.body.medium.lineHeight}",fontWeight:"{pds.typography.weight.bold}"},paginator:{padding:"{pds.table.spacing.padding.large.vertical} {pds.table.spacing.padding.default.horizontal}"},reorderIcon:{size:"{pds.typography.body.small.size}",containerSize:"{pds.iconSize.xSmall}",padding:"{pds.button.iconButton.spacing.padding.xSmall.allSide}",borderRadius:"{pds.button.radii.buttonRadius}"},captions:{grayBackground:"{pds.table.colors.surface.headerFooter.neutral}"}},dataview:{root:{borderColor:"transparent",borderWidth:"0",borderRadius:"0",padding:"0"},header:{background:"{content.background}",color:"{content.color}",borderColor:"{content.border.color}",borderWidth:"0 0 1px 0",padding:"0.75rem 1rem",borderRadius:"0"},content:{background:"{content.background}",color:"{content.color}",borderColor:"transparent",borderWidth:"0",padding:"0",borderRadius:"0"},footer:{background:"{content.background}",color:"{content.color}",borderColor:"{content.border.color}",borderWidth:"1px 0 0 0",padding:"0.75rem 1rem",borderRadius:"0"},paginatorTop:{borderColor:"{content.border.color}",borderWidth:"0 0 1px 0"},paginatorBottom:{borderColor:"{content.border.color}",borderWidth:"1px 0 0 0"}},datepicker:{root:{transitionDuration:"{form.field.transition.duration}",borderWidth:"{form.field.border.width}"},panel:{background:"{pds.datePicker.colors.surface.popup}",borderColor:"{pds.datePicker.colors.border.popup}",color:"{pds.datePicker.colors.onSurface.cell.enabled}",borderRadius:"{pds.datePicker.radii.calendarPopupRadius}",shadow:"0 0 8px 0 {pds.shadow.10}, 0 10px 15px -3px {pds.shadow.10}, 0 4px 6px -2px {pds.shadow.5}",padding:"{pds.datePicker.spacing.padding.default.allSide}"},header:{background:"transparent",borderColor:"{pds.divider.colors.border}",color:"{pds.button.colors.onSurface.neutral.bared.enabled}",padding:"0 0 {pds.divider.spacing.padding.vertical} 0"},title:{gap:"{pds.datePicker.spacing.gap.horizontal}",fontWeight:"{pds.typography.weight.medium}",fontSize:"{pds.typography.body.small.size}",lineHeight:"{pds.typography.body.small.lineHeight}"},dropdown:{width:"auto",sm:{width:"auto",padding:"{pds.button.iconButton.spacing.padding.small.allSide}",icon:{containerSize:"{pds.iconSize.small}",size:"{pds.typography.body.small.size}"}},lg:{width:"auto",padding:"{pds.button.iconButton.spacing.padding.large.allSide}",icon:{containerSize:"{pds.iconSize.base}",size:"{pds.typography.body.medium.size}"}},borderColor:"{form.field.border.color}",hoverBorderColor:"{form.field.hover.border.color}",activeBorderColor:"{form.field.focus.border.color}",borderRadius:"{form.field.border.radius}",focusRing:{width:"{form.field.focus.ring.width}",style:"{form.field.focus.ring.style}",color:"{form.field.focus.ring.color}",offset:"{form.field.focus.ring.offset}",shadow:"{form.field.focus.ring.shadow}"},padding:"{pds.button.iconButton.spacing.padding.default.allSide}",icon:{containerSize:"{pds.iconSize.base}",size:"{pds.typography.body.medium.size}"},shadow:"0 0 0 4px {pds.colors.pressedRing}"},inputIcon:{color:"{form.field.icon.color}",paddingL:"{form.field.icon.gap}",paddingR:"{form.field.padding.x}",paddingY:"{form.field.padding.y}",icon:{containerSize:"{pds.iconSize.small}",size:"{pds.typography.body.medium.size}"}
1171,sm:{paddingL:"{form.field.icon.sm.gap}",paddingR:"{form.field.sm.padding.x}",paddingY:"{form.field.sm.padding.y}",icon:{containerSize:"{pds.iconSize.xSmall}",size:"{pds.typography.body.small.size}"}},lg:{paddingL:"{form.field.icon.gap}",paddingR:"{form.field.lg.padding.x}",paddingY:"{form.field.lg.padding.y}",icon:{containerSize:"{pds.iconSize.small}",size:"{pds.typography.body.medium.size}"}}},selectMonth:{hoverBackground:"{pds.button.colors.surface.neutral.bared.hovered}",color:"{pds.button.colors.onSurface.neutral.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.neutral.bared.hovered}",padding:"{pds.button.spacing.padding.xSmall.vertical} {pds.button.spacing.padding.xSmall.horizontal}",borderRadius:"{pds.button.radii.buttonRadius}",border:"{pds.stroke.border} solid transparent",background:"transparent",activeColor:"{pds.button.colors.onSurface.neutral.bared.pressed}",activeBackground:"{pds.button.colors.surface.neutral.bared.pressed}",fontSize:"{pds.typography.body.small.size}",lineHeight:"{pds.typography.body.small.lineHeight}",fontFamily:"inherit",shadow:"0 0 0 4px {pds.colors.pressedRing}",focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"{focusRing.offset}",shadow:"{focusRing.shadow}"}},selectYear:{hoverBackground:"{pds.button.colors.surface.neutral.bared.hovered}",color:"{pds.button.colors.onSurface.neutral.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.neutral.bared.hovered}",padding:"{pds.button.spacing.padding.xSmall.vertical} {pds.button.spacing.padding.xSmall.horizontal}",borderRadius:"{pds.button.radii.buttonRadius}",border:"{pds.stroke.border} solid transparent",background:"transparent",activeColor:"{pds.button.colors.onSurface.neutral.bared.pressed}",activeBackground:"{pds.button.colors.surface.neutral.bared.pressed}",fontSize:"{pds.typography.body.small.size}",lineHeight:"{pds.typography.body.small.lineHeight}",fontFamily:"inherit",shadow:"0 0 0 4px {pds.colors.pressedRing}",focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"{focusRing.offset}",shadow:"{focusRing.shadow}"}},group:{borderColor:"{pds.divider.colors.border}",gap:"{pds.datePicker.spacing.padding.default.allSide}"},dayView:{margin:"{pds.divider.spacing.padding.vertical} 0 0 0"},weekDay:{padding:"{pds.datePicker.spacing.padding.small.allSide}",fontWeight:"{pds.typography.weight.regular}",color:"{pds.datePicker.colors.onSurface.cell.enabled}",fontSize:"{pds.typography.body.small.size}",lineHeight:"{pds.typography.body.small.lineHeight}"},date:{hoverBackground:"{pds.datePicker.colors.surface.cell.hovered}",selectedBackground:"{pds.datePicker.colors.surface.cell.selected}",rangeSelectedBackground:"{pds.datePicker.colors.surface.cell.selected}",color:"{pds.datePicker.colors.onSurface.cell.enabled}",hoverColor:"{pds.datePicker.colors.onSurface.cell.hovered}",selectedColor:"{pds.datePicker.colors.onSurface.cell.selected}",rangeSelectedColor:"{pds.datePicker.colors.onSurface.cell.selected}",width:"{pds.density.900}",height:"{pds.density.900}",borderRadius:"{pds.radii.round}",padding:"{pds.datePicker.spacing.padding.small.allSide}",focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"{focusRing.offset}",shadow:"{focusRing.shadow}"},disabledColor:"{pds.datePicker.colors.onSurface.cell.disabled}",fontSize:"{pds.typography.body.small.size}",lineHeight:"{pds.typography.body.small.lineHeight}"},monthView:{margin:"{pds.divider.spacing.padding.vertical} 0 0 0"},month:{padding:"{pds.datePicker.spacing.padding.small.allSide}",borderRadius:"{pds.radii.round}",fontSize:"{pds.typography.body.small.size}",lineHeight:"{pds.typography.body.small.lineHeight}"},yearView:{margin:"{pds.divider.spacing.padding.vertical} 0 0 0"},year:{padding:"{pds.datePicker.spacing.padding.small.allSide}",borderRadius:"{pds.radii.round}",fontSize:"{pds.typography.body.small.size}",lineHeight:"{pds.typography.body.small.lineHeight}"},buttonbar:{padding:"{pds.divider.spacing.padding.vertical} 0 0 0",borderColor:"{pds.divider.colors.border}",gap:"{pds.datePicker.spacing.gap.horizontal}",button:{borderColor:"transparent",color:"{pds.button.colors.onSurface.neutral.bared.enabled}",background:"transparent",hoverColor:"{pds.button.colors.onSurface.neutral.bared.hovered}
1171",hoverBackground:"{pds.button.colors.surface.neutral.bared.hovered}",activeColor:"{pds.button.colors.onSurface.neutral.bared.pressed}",activeBackground:"{pds.button.colors.surface.neutral.bared.pressed}"}},timePicker:{padding:"{pds.divider.spacing.padding.vertical} 0 0 0",borderColor:"{pds.divider.colors.border}",gap:"0",buttonGap:"{pds.datePicker.spacing.gap.vertical}",fontSize:"{pds.typography.body.small.size}",lineHeight:"{pds.typography.body.small.lineHeight}",itemSize:"28px"},colorScheme:{light:{dropdown:{background:"transparent",hoverBackground:"{pds.button.colors.surface.neutral.bared.hovered}",activeBackground:"{pds.button.colors.surface.neutral.bared.pressed}",color:"{pds.button.colors.onSurface.neutral.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.neutral.bared.hovered}",activeColor:"{pds.button.colors.onSurface.neutral.bared.pressed}"},today:{background:"transparent",color:"{pds.datePicker.colors.onSurface.today}"}},dark:{dropdown:{background:"transparent",hoverBackground:"{pds.button.colors.surface.neutral.bared.hovered}",activeBackground:"{pds.button.colors.surface.neutral.bared.pressed}",color:"{pds.button.colors.onSurface.neutral.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.neutral.bared.hovered}",activeColor:"{pds.button.colors.onSurface.neutral.bared.pressed}"},today:{background:"transparent",color:"{pds.datePicker.colors.onSurface.today}"}}},inputField:{paddingX:"{form.field.padding.x}",sm:{paddingX:"{form.field.sm.padding.x}"},lg:{paddingX:"{form.field.lg.padding.x}"}},navButton:{width:"{button.xs.iconOnly.width}",padding:"{button.xs.iconOnly.padding}",lineHeight:"{button.xs.iconOnly.lineheight}",border:"{pds.stroke.border} solid transparent",borderRadius:"{pds.button.radii.buttonRadius}",color:"{pds.button.colors.onSurface.neutral.bared.enabled}",background:"transparent",hoverColor:"{pds.button.colors.onSurface.neutral.bared.hovered}",hoverBackground:"{pds.button.colors.surface.neutral.bared.hovered}",activeColor:"{pds.button.colors.onSurface.neutral.bared.pressed}",activeBackground:"{pds.button.colors.surface.neutral.bared.pressed}",icon:{containerSize:"{pds.iconSize.xSmall}",size:"{pds.typography.body.xSmall.size}"}},today:{border:"1px solid {pds.datePicker.colors.border.todayCell}",disabledBorderColor:"{form.field.disabled.border.color}"},clearIcon:{color:"{form.field.icon.color}",containerSize:"{pds.iconSize.small}",size:"{pds.typography.body.small.size}",sm:{containerSize:"{pds.iconSize.xSmall}",size:"{pds.typography.body.xSmall.size}"},lg:{containerSize:"{pds.iconSize.small}",size:"{pds.typography.body.small.size}"}},divider:{margin:"{pds.divider.spacing.padding.vertical}"},css:({dt:o})=>` 1172 .p-datepicker-clear-icon { 1173 color: ${o("datepicker.clearIcon.color")}; 1174 width: ${o("datepicker.clearIcon.containerSize")}; 1175 height: ${o("datepicker.clearIcon.containerSize")}; 1176 margin-top: calc(-1 * (${o("datepicker.clearIcon.containerSize")} / 2)); 1177 1178 .p-icon { 1179 font-size: ${o("datepicker.clearIcon.size")}; 1180 width: ${o("datepicker.clearIcon.size")}; 1181 height: ${o("datepicker.clearIcon.size")}; 1182 } 1183 } 1184 1185 .p-datepicker { 1186 &:has(.p-datepicker-clear-icon) { 1187 .p-datepicker-input { 1188 padding-right: calc(${o("datepicker.inputIcon.paddingL")} * 2 + ${o("datepicker.clearIcon.containerSize")}); 1189 } 1190 } 1191 1192 &:has(.p-datepicker-input-icon-container) { 1193 .p-datepicker-input { 1194 padding-right: calc(${o("datepicker.inputIcon.paddingL")} * 2 + ${o("datepicker.inputIcon.icon.containerSize")}); 1195 } 1196 } 1197 1198 &:has(.p-datepicker-input-icon-container):has(.p-datepicker-clear-icon) { 1199 .p-datepicker-input { 1200 padding-right: calc(${o("datepicker.inputIcon.paddingL")} * 3 + ${o("datepicker.clearIcon.containerSize")} + ${o("datepicker.inputIcon.icon.containerSize")}); 1201 } 1202 } 1203 1204 &:has(.p-inputtext-sm) { 1205 .p-datepicker-clear-icon { 1206 width: ${o("datepicker.clearIcon.sm.containerSize")}; 1207 height: ${o("datepicker.clearIcon.sm.containerSize")}; 1208 margin-top: calc(-1 * (${o("datepicker.clearIcon.sm.containerSize")} / 2)); 1209 1210 .p-icon { 1211 font-size: ${o("datepicker.clearIcon.sm.size")}; 1212 width: ${o("datepicker.clearIcon.sm.size")}; 1213 height: ${o("datepicker.clearIcon.sm.size")}; 1214 } 1215 } 1216 1217 &:has(.p-datepicker-clear-icon) { 1218 .p-datepicker-input { 1219 padding-right: calc(${o("datepicker.inputIcon.paddingL")}
1219 * 2 + ${o("datepicker.clearIcon.sm.containerSize")}); 1220 } 1221 } 1222 1223 &:has(.p-datepicker-input-icon-container) { 1224 .p-datepicker-input { 1225 padding-right: calc(${o("datepicker.inputIcon.paddingL")} * 2 + ${o("datepicker.inputIcon.icon.containerSize")}); 1226 } 1227 } 1228 1229 &:has(.p-datepicker-input-icon-container):has(.p-datepicker-clear-icon) { 1230 .p-datepicker-input { 1231 padding-right: calc(${o("datepicker.inputIcon.paddingL")} * 3 + ${o("datepicker.clearIcon.sm.containerSize")} + ${o("datepicker.inputIcon.icon.containerSize")}); 1232 } 1233 } 1234 } 1235 1236 &:has(.p-inputtext-lg) { 1237 &:has(.p-datepicker-clear-icon) { 1238 .p-datepicker-input { 1239 padding-right: calc(${o("datepicker.inputIcon.paddingL")} * 2 + ${o("datepicker.clearIcon.lg.containerSize")}); 1240 } 1241 } 1242 1243 &:has(.p-datepicker-input-icon-container) { 1244 .p-datepicker-input { 1245 padding-right: calc(${o("datepicker.inputIcon.paddingL")} * 2 + ${o("datepicker.inputIcon.icon.containerSize")}); 1246 } 1247 } 1248 1249 &:has(.p-datepicker-input-icon-container):has(.p-datepicker-clear-icon) { 1250 .p-datepicker-input { 1251 padding-right: calc(${o("datepicker.inputIcon.paddingL")} * 3 + ${o("datepicker.clearIcon.lg.containerSize")} + ${o("datepicker.inputIcon.icon.containerSize")}); 1252 } 1253 } 1254 } 1255 1256 &:has(.p-datepicker-dropdown) { 1257 .p-datepicker-clear-icon { 1258 inset-inline-end: calc( 1259 (${o("datepicker.dropdown.padding")} * 2) + 1260 ${o("datepicker.dropdown.icon.containerSize")} + 1261 (${o("datepicker.borderWidth")} * 2) + 1262 ${o("datepicker.inputField.paddingX")} 1263 ); 1264 } 1265 1266 .p-datepicker-dropdown { 1267 padding: ${o("datepicker.dropdown.padding")}; 1268 1269 &:enabled { 1270 &:active { 1271 border-color: ${o("datepicker.dropdown.borderColor")}; 1272 box-shadow: ${o("datepicker.dropdown.shadow")}; 1273 } 1274 } 1275 1276 .p-iconwrapper { 1277 width: ${o("datepicker.dropdown.icon.containerSize")}; 1278 height: ${o("datepicker.dropdown.icon.containerSize")}; 1279 1280 .p-icon { 1281 font-size: ${o("datepicker.dropdown.icon.size")}; 1282 width: ${o("datepicker.dropdown.icon.size")}; 1283 height: ${o("datepicker.dropdown.icon.size")}; 1284 } 1285 } 1286 } 1287 1288 &:has(.p-inputtext-sm) { 1289 .p-datepicker-clear-icon { 1290 inset-inline-end: calc( 1291 (${o("datepicker.dropdown.sm.padding")} * 2) + 1292 ${o("datepicker.dropdown.sm.icon.containerSize")} + 1293 (${o("datepicker.borderWidth")} * 2) + 1294 ${o("datepicker.inputField.sm.paddingX")} 1295 ); 1296 } 1297 1298 .p-datepicker-dropdown { 1299 padding: ${o("datepicker.dropdown.sm.padding")}; 1300 1301 .p-iconwrapper { 1302 width: ${o("datepicker.dropdown.sm.icon.containerSize")}; 1303 height: ${o("datepicker.dropdown.sm.icon.containerSize")}; 1304 1305 .p-icon { 1306 font-size: ${o("datepicker.dropdown.sm.icon.size")}; 1307 width: ${o("datepicker.dropdown.sm.icon.size")}; 1308 height: ${o("datepicker.dropdown.sm.icon.size")}; 1309 } 1310 } 1311 } 1312 } 1313 1314 &:has(.p-inputtext-lg) { 1315 .p-datepicker-clear-icon { 1316 inset-inline-end: calc( 1317 (${o("datepicker.dropdown.lg.padding")} * 2) + 1318 ${o("datepicker.dropdown.lg.icon.containerSize")} + 1319 (${o("datepicker.borderWidth")} * 2) + 1320 ${o("datepicker.inputField.lg.paddingX")} 1321 ); 1322 } 1323 1324 .p-datepicker-dropdown { 1325 padding: ${o("datepicker.dropdown.lg.padding")}; 1326 } 1327 } 1328 } 1329 1330 &:has(.p-datepicker-input-icon-container) { 1331 .p-datepicker-clear-icon { 1332 inset-inline-end: calc( 1333 ${o("datepicker.inputIcon.paddingL")} + 1334 ${o("datepicker.inputIcon.icon.containerSize")} + 1335 ${o("datepicker.inputIcon.paddingR")} + 1336 (${o("datepicker.borderWidth")} * 2) 1337 ); 1338 } 1339 1340 .p-datepicker-input-icon-container { 1341 display: flex; 1342 align-items: center; 1343 justify-content: center; 1344 inset-inline-end: ${o("datepicker.inputIcon.paddingR")}; 1345 margin-top: calc( -1 * ( 1346 ${o("datepicker.inputIcon.icon.containerSize")} / 2 1347 )); 1348 1349 .p-iconwrapper { 1350 width: ${o("datepicker.inputIcon.icon.containerSize")}; 1351 height: ${o("datepicker.inputIcon.icon.containerSize")}; 1352 1353 .p-icon { 1354 font-size: ${o("datepicker.inputIcon.icon.size")}; 1355 width: ${o("datepicker.inputIcon.icon.size")}; 1356 height: ${o("datepicker.inputIcon.icon.size")}; 1357 } 1358 } 1359 1360 .pi { 1361 width: ${o("datepicker.inputIcon.icon.containerSize")}; 1362 height: ${o("datepicker.inputIcon.icon.containerSize")}; 1363 font-size: ${o("datepicker.inputIcon.icon.size")}; 1364 display: flex; 1365 align-items: center; 1366 justify-content: center; 1367 } 1368 } 1369 1370 &:has(.p-inputtext-sm) { 1371 .p-datepicker-clear-icon { 1372 inset-inline-end: calc( 1373 ${o("datepicker.inputIcon.sm.paddingL")}
1373 + 1374 ${o("datepicker.inputIcon.sm.icon.containerSize")} + 1375 ${o("datepicker.inputIcon.sm.paddingR")} + 1376 (${o("datepicker.borderWidth")} * 2) 1377 ); 1378 } 1379 1380 .p-datepicker-input-icon-container { 1381 inset-inline-end: ${o("datepicker.inputIcon.sm.paddingR")}; 1382 margin-top: calc( -1 * ( 1383 ${o("datepicker.inputIcon.sm.icon.containerSize")} / 2 1384 )); 1385 1386 .p-iconwrapper { 1387 width: ${o("datepicker.inputIcon.sm.icon.containerSize")}; 1388 height: ${o("datepicker.inputIcon.sm.icon.containerSize")}; 1389 1390 .p-icon { 1391 font-size: ${o("datepicker.inputIcon.sm.icon.size")}; 1392 width: ${o("datepicker.inputIcon.sm.icon.size")}; 1393 height: ${o("datepicker.inputIcon.sm.icon.size")}; 1394 } 1395 } 1396 1397 .pi { 1398 width: ${o("datepicker.inputIcon.sm.icon.containerSize")}; 1399 height: ${o("datepicker.inputIcon.sm.icon.containerSize")}; 1400 font-size: ${o("datepicker.inputIcon.sm.icon.size")}; 1401 display: flex; 1402 align-items: center; 1403 justify-content: center; 1404 } 1405 } 1406 } 1407 1408 &:has(.p-inputtext-lg) { 1409 .p-datepicker-clear-icon { 1410 inset-inline-end: calc( 1411 ${o("datepicker.inputIcon.lg.paddingL")} + 1412 ${o("datepicker.inputIcon.lg.icon.containerSize")} + 1413 ${o("datepicker.inputIcon.lg.paddingR")} + 1414 (${o("datepicker.borderWidth")} * 2) 1415 ); 1416 } 1417 1418 .p-datepicker-input-icon-container { 1419 inset-inline-end: ${o("datepicker.inputIcon.lg.paddingR")}; 1420 margin-top: calc( -1 * ( 1421 ${o("datepicker.inputIcon.lg.icon.containerSize")} / 2 1422 )); 1423 } 1424 } 1425 } 1426 } 1427 1428 .p-datepicker-panel { 1429 .p-datepicker-select-month { 1430 font-family: ${o("datepicker.selectMonth.fontFamily")}; 1431 font-size: ${o("datepicker.selectMonth.fontSize")}; 1432 line-height: ${o("datepicker.selectMonth.lineHeight")}; 1433 border: ${o("datepicker.selectMonth.border")}; 1434 box-shadow: none; 1435 outline: none; 1436 1437 &:enabled { 1438 &:focus-visible { 1439 outline: ${o("datepicker.selectMonth.focusRing.width")} 1440 ${o("datepicker.selectMonth.focusRing.style")} 1441 ${o("datepicker.selectMonth.focusRing.color")}; 1442 outline-offset: ${o("datepicker.selectMonth.focusRing.offset")}; 1443 box-shadow: ${o("datepicker.selectMonth.focusRing.shadow")}; 1444 } 1445 1446 &:active { 1447 background-color: ${o("datepicker.selectMonth.activeBackground")}; 1448 color: ${o("datepicker.selectMonth.activeColor")}; 1449 box-shadow: ${o("datepicker.selectMonth.shadow")}; 1450 } 1451 } 1452 } 1453 1454 .p-datepicker-select-year { 1455 font-family: ${o("datepicker.selectYear.fontFamily")}; 1456 font-size: ${o("datepicker.selectYear.fontSize")}; 1457 line-height: ${o("datepicker.selectYear.lineHeight")}; 1458 border: ${o("datepicker.selectYear.border")}; 1459 box-shadow: none; 1460 outline: none; 1461 1462 &:enabled { 1463 &:focus-visible { 1464 outline: ${o("datepicker.selectYear.focusRing.width")} 1465 ${o("datepicker.selectYear.focusRing.style")} 1466 ${o("datepicker.selectYear.focusRing.color")}; 1467 outline-offset: ${o("datepicker.selectYear.focusRing.offset")}; 1468 box-shadow: ${o("datepicker.selectYear.focusRing.shadow")}; 1469 } 1470 1471 &:active { 1472 background-color: ${o("datepicker.selectYear.activeBackground")}; 1473 color: ${o("datepicker.selectYear.activeColor")}; 1474 box-shadow: ${o("datepicker.selectYear.shadow")}; 1475 } 1476 } 1477 } 1478 1479 .p-datepicker-header { 1480 .p-datepicker-title { 1481 font-size: ${o("datepicker.title.fontSize")}; 1482 line-height: ${o("datepicker.title.lineHeight")}; 1483 } 1484 1485 .p-datepicker-next-button, 1486 .p-datepicker-prev-button { 1487 border: ${o("datepicker.navButton.border")}; 1488 border-radius: ${o("datepicker.navButton.borderRadius")}; 1489 1490 &.p-button-icon-only { 1491 height: auto; 1492 width: ${o("datepicker.navButton.width")}; 1493 padding: ${o("datepicker.navButton.padding")}; 1494 line-height: ${o("datepicker.navButton.lineHeight")}; 1495 } 1496 1497 &:enabled { 1498 border: ${o("datepicker.navButton.border")}; 1499 color: ${o("datepicker.navButton.color")}; 1500 background-color: ${o("datepicker.navButton.background")}; 1501 1502 &:hover { 1503 border: ${o("datepicker.navButton.border")}; 1504 color: ${o("datepicker.navButton.hoverColor")}; 1505 background-color: ${o("datepicker.navButton.hoverBackgroun
1505d")}; 1506 } 1507 1508 &:active { 1509 border: ${o("datepicker.navButton.border")}; 1510 outline: none; 1511 color: ${o("datepicker.navButton.activeColor")}; 1512 background-color: ${o("datepicker.navButton.activeBackground")}; 1513 } 1514 } 1515 1516 .p-iconwrapper { 1517 min-width: 0; 1518 width: ${o("datepicker.navButton.icon.containerSize")}; 1519 height: ${o("datepicker.navButton.icon.containerSize")}; 1520 1521 .p-icon { 1522 font-size: ${o("datepicker.navButton.icon.size")}; 1523 width: ${o("datepicker.navButton.icon.size")}; 1524 height: ${o("datepicker.navButton.icon.size")}; 1525 } 1526 } 1527 } 1528 } 1529 1530 .p-datepicker-day-view { 1531 .p-datepicker-weekday { 1532 font-size: ${o("datepicker.weekDay.fontSize")}; 1533 line-height: ${o("datepicker.weekDay.lineHeight")}; 1534 display: flex; 1535 align-items: center; 1536 justify-content: center; 1537 width: ${o("datepicker.date.width")}; 1538 height: ${o("datepicker.date.height")}; 1539 } 1540 1541 .p-datepicker-day { 1542 font-size: ${o("datepicker.date.fontSize")}; 1543 line-height: ${o("datepicker.date.lineHeight")}; 1544 1545 &.p-disabled { 1546 opacity: unset; 1547 color: ${o("datepicker.date.disabledColor")}; 1548 } 1549 } 1550 1551 .p-datepicker-today { 1552 .p-datepicker-day { 1553 border: ${o("datepicker.today.border")}; 1554 1555 &.p-disabled { 1556 border-color: ${o("datepicker.today.disabledBorderColor")}; 1557 } 1558 } 1559 } 1560 } 1561 1562 .p-datepicker-month-view { 1563 .p-datepicker-month { 1564 font-size: ${o("datepicker.month.fontSize")}; 1565 line-height: ${o("datepicker.month.lineHeight")}; 1566 } 1567 } 1568 1569 .p-datepicker-year-view { 1570 .p-datepicker-year { 1571 font-size: ${o("datepicker.year.fontSize")}; 1572 line-height: ${o("datepicker.year.lineHeight")}; 1573 } 1574 } 1575 1576 .p-datepicker-time-picker { 1577 font-size: ${o("datepicker.timePicker.fontSize")}; 1578 line-height: ${o("datepicker.timePicker.lineHeight")}; 1579 1580 span { 1581 font-size: inherit; 1582 line-height: inherit; 1583 display: flex; 1584 align-items: center; 1585 justify-content: center; 1586 width: ${o("datepicker.timePicker.itemSize")}; 1587 height: ${o("datepicker.timePicker.itemSize")}; 1588 } 1589 1590 .p-datepicker-increment-button, 1591 .p-datepicker-decrement-button { 1592 border: ${o("datepicker.navButton.border")}; 1593 border-radius: ${o("datepicker.navButton.borderRadius")}; 1594 1595 &.p-button-icon-only { 1596 height: auto; 1597 } 1598 1599 &:enabled { 1600 border: ${o("datepicker.navButton.border")}; 1601 color: ${o("datepicker.navButton.color")}; 1602 background-color: ${o("datepicker.navButton.background")}; 1603 1604 &:hover { 1605 border: ${o("datepicker.navButton.border")}; 1606 color: ${o("datepicker.navButton.hoverColor")}; 1607 background-color: ${o("datepicker.navButton.hoverBackground")}; 1608 } 1609 1610 &:active { 1611 border: ${o("datepicker.navButton.border")}; 1612 outline: none; 1613 color: ${o("datepicker.navButton.activeColor")}; 1614 background-color: ${o("datepicker.navButton.activeBackground")}; 1615 } 1616 } 1617 1618 .p-iconwrapper { 1619 min-width: 0; 1620 width: ${o("datepicker.navButton.icon.containerSize")}; 1621 height: ${o("datepicker.navButton.icon.containerSize")}; 1622 1623 .p-icon { 1624 font-size: ${o("datepicker.navButton.icon.size")}; 1625 width: ${o("datepicker.navButton.icon.size")}; 1626 height: ${o("datepicker.navButton.icon.size")}; 1627 } 1628 } 1629 } 1630 1631 .p-datepicker-separator:has(+ .p-datepicker-ampm-picker) { 1632 display: none; 1633 } 1634 } 1635 1636 .p-datepicker-buttonbar { 1637 gap: ${o("datepicker.buttonbar.gap")};; 1638 1639 > p-button { 1640 flex: 1 0 0; 1641 } 1642 1643 .p-datepicker-today-button, 1644 .p-datepicker-clear-button { 1645 width: 100%; 1646 1647 &:enabled { 1648 border-color: ${o("datepicker.buttonbar.button.borderColor")}; 1649 background-color: ${o("datepicker.buttonbar.button.background")}; 1650 color: ${o("datepicker.buttonbar.button.color")}; 1651 1652 &:hover { 1653 background-color: ${o("datepicker.buttonbar.button.hoverBackgroun
1653d")}; 1654 color: ${o("datepicker.buttonbar.button.hoverColor")}; 1655 } 1656 1657 &:active { 1658 background-color: ${o("datepicker.buttonbar.button.activeBackground")}; 1659 color: ${o("datepicker.buttonbar.button.activeColor")}; 1660 } 1661 } 1662 } 1663 } 1664 1665 :is(.p-datepicker-calendar-container, .p-datepicker-month-view, .p-datepicker-year-view) { 1666 &:has(~ .p-datepicker-buttonbar) { 1667 margin-bottom: ${o("datepicker.divider.margin")}; 1668 } 1669 } 1670 1671 :is(.p-datepicker-calendar-container, .p-datepicker-month-view, .p-datepicker-year-view) { 1672 &:has(~ .p-datepicker-time-picker) { 1673 margin-bottom: ${o("datepicker.divider.margin")}; 1674 } 1675 } 1676 } 1677 `},dialog:{root:{background:"{pds.dialog.colors.surface}",borderColor:"{pds.dialog.colors.border}",color:"{pds.dialog.colors.onSurface}",borderRadius:"{pds.dialog.radii.dialogRadius}",shadow:"0 0 8px 0 {pds.shadow.10}, 0 20px 25px -5px {pds.shadow.10}, 0 10px 10px -5px {pds.shadow.5}",padding:"{pds.dialog.spacing.padding.large.allSide}",gap:"{pds.dialog.spacing.gap.large.vertical}"},header:{padding:"0",gap:"{pds.dialog.spacing.gap.default.horizontal}"},title:{fontSize:"{pds.typography.headings.h6.size}",fontWeight:"{pds.typography.weight.bold}",fontFamily:"{pds.typography.headings.headingsFamily}",lineHeight:"{pds.typography.headings.h6.lineHeight}"},content:{padding:"0"},footer:{padding:"{pds.dialog.spacing.padding.allSide} 0 0 0",gap:"{pds.dialog.spacing.gap.large.horizontal}"},actionButton:{padding:"{pds.button.iconButton.spacing.padding.small.allSide}",borderRadius:"{pds.button.radii.buttonRadius}",icon:{containerSize:"{pds.iconSize.small}",size:"{pds.typography.body.small.size}"},background:{disabled:"{pds.button.colors.surface.neutral.disabled}",enabled:"transparent",focused:"transparent",hovered:"{pds.button.colors.surface.neutral.bared.hovered}",pressed:"{pds.button.colors.surface.neutral.bared.pressed}"},color:{disabled:"{pds.button.colors.onSurface.neutral.disabled}",enabled:"{pds.button.colors.onSurface.neutral.bared.enabled}",focused:"{pds.button.colors.surface.neutral.bared.enabled}",hovered:"{pds.button.colors.onSurface.neutral.bared.hovered}",pressed:"{pds.button.colors.onSurface.neutral.bared.pressed}"},shadow:{pressed:"0 0 0 4px {pds.colors.pressedRing}"}},mask:{background:"{pds.dialog.colors.overlay}"},focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"{focusRing.offset}",shadow:"{focusRing.shadow}",borderRadius:"{pds.dialog.radii.dialogRadius}"},css:({dt:o})=>` 1678 .p-dialog-mask.p-overlay-mask { 1679 background-color: ${o("dialog.mask.background")}; 1680 } 1681 1682 .p-dialog { 1683 padding: ${o("dialog.padding")}; 1684 gap: ${o("dialog.gap")}; 1685 1686 .p-dialog-header:not(:has(.p-dialog-title:not(:empty))):not(:has(.p-dialog-header-actions > *)) { 1687 display: none; 1688 } 1689 1690 .p-dialog-title { 1691 font-size: ${o("dialog.title.fontSize")}; 1692 line-height: ${o("dialog.title.lineHeight")}; 1693 font-weight: ${o("dialog.title.fontWeight")}; 1694 font-family: ${o("dialog.title.fontFamily")}; 1695 } 1696 1697 .p-dialog-header-actions { 1698 .p-button.p-dialog-maximize-button, 1699 .p-button.p-dialog-close-button { 1700 height: auto; 1701 padding: ${o("dialog.actionButton.padding")}; 1702 border-radius: ${o("dialog.actionButton.borderRadius")}; 1703 1704 .p-iconwrapper { 1705 min-width: 0; 1706 width: ${o("dialog.actionButton.icon.containerSize")}; 1707 height: ${o("dialog.actionButton.icon.containerSize")}; 1708 1709 .p-icon { 1710 font-size: ${o("dialog.actionButton.icon.size")}; 1711 width: ${o("dialog.actionButton.icon.size")}; 1712 height: ${o("dialog.actionButton.icon.size")}; 1713 } 1714 } 1715 1716 &:enabled { 1717 background-color: ${o("dialog.actionButton.background.enabled")}; 1718 color: ${o("dialog.actionButton.color.enabled")}; 1719 } 1720 1721 &:enabled:focus-visible { 1722 background-color: ${o("dialog.actionButton.background.focused")}; 1723 color: ${o("dialog.actionButton.color.focused")}; 1724 } 1725 1726 &:enabled:hover { 1727 background-color: ${o("dialog.actionButton.background.hovered")}; 1728 color: ${o("dialog.actionButton.color.hovered")}; 1729 } 1730 1731 &:enabled:active { 1732 background-color: ${o("dialog.actionButton.background.pressed")}; 1733 color: ${o("dialog.actionButton.color.pressed")}; 1734 } 1735 1736 &:disabled, 1737 &.p-disabled { 1738 background-color: ${o("dialog.actionButton.background.disabledd")}; 1739 color: ${o("dialog.actionButton.color.disabled")}; 1740 } 1741 } 1742 1743 .p-button { 1744 .pi { 1745 width: ${o("dialog.actionButton.icon.containerSize")}; 1746 height: ${o("dialog.actionButton.icon.containerSize")}; 1747 display: flex; 1748 align-items: center; 1749 justify-content: center; 1750 } 1751 1752 .pi:before { 1753 display: block; 1754 width: ${o("dialog.actionButton.icon.size")}; 1755 height: ${o("dialog.actionButton.icon.size")}; 1756 font-size: ${o("dialog.actionButton.icon.size")}; 1757 } 1758 } 1759 } 1760 1761 .p-dialog-content:focus-visible { 1762 outline: ${o("dialog.focusRing.width")} 1763 ${o("dialog.focusRing.style")} 1764 ${o("dialog.focusRing.color")}; 1765 outline-offset: ${o("dialog.focusRing.offset")}; 1766 box-shadow: ${o("dialog.focusRing.shadow")}; 1767 border-radius: ${o("dialog.focusRing.borderRadius")}; 1768 } 1769 } 1770 `},divider:{root:{borderColor:"{pds.divider.colors.border}",fontSize:"{pds.typography.body.small.size}",fontWeight:"{pds.typography.weight.regular}",lineHeight:"{pds.typography.body.small.lineHeight}"},content:{background:"{surface.base}",color:"{onSurface.base}"},horizontal:{margin:"{pds.divider.spacing.padding.horizontal} 0",padding:"0 {pds.divider.spacing.padding.horizontal}",content:{padding:"0 {pds.divider.spacing.gap.horizontal}"}},vertical:{margin:"0 {pds.divider.spacing.padding.vertical}",padding:"{pds.divider.spacing.padding.vertical} 0",content:{padding:"{pds.divider.spacing.gap.horizontal} 0"}},css:({dt:o})=>` 1771 .p-divider { 1772 font-size: ${o("divider.fontSize")}; 1773 font-weight: ${o("divider.fontWeight")}; 1774 line-height: ${o("divider.lineHeight")}; 1775 1776 &::before, &::after { 1777 background: inherit; 1778 } 1779 } 1780 1781 .p-divider-content { 1782 font-style: normal; 1783 } 1784 `},dock:{root:{background:"rgba(255, 255, 255, 0.1)",borderColor:"rgba(255, 255, 255, 0.2)",padding:"0.5rem",borderRadius:"{border.radiu
1784s.xl}"},item:{borderRadius:"{content.border.radius}",padding:"0.5rem",size:"3rem",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"{focus.ring.offset}",shadow:"{focus.ring.shadow}"}}},drawer:{root:{background:"{pds.drawer.colors.surface}",borderColor:"{pds.drawer.colors.border}",color:"inherit",shadow:"0 0 8px 0 {shadow.10}, 0 20px 25px -5px {shadow.10}, 0 10px 10px -5px {shadow.10}"},header:{padding:"{pds.drawer.spacing.padding} {pds.drawer.spacing.padding} 0 {pds.drawer.spacing.padding}",fontSize:"{pds.typography.headings.h6.size}",fontWeight:"{pds.typography.headings.headingsWeight}",fontFamily:"{pds.typography.headings.headingsFamily}",lineHeight:"{pds.typography.headings.h6.lineHeight}"},title:{fontSize:"inherit",fontWeight:"inherit"},content:{padding:"{pds.drawer.spacing.padding}"},footer:{padding:"0 {pds.drawer.spacing.padding} {pds.drawer.spacing.padding} {pds.drawer.spacing.padding}"},css:({dt:o})=>` 1785 .p-drawer .p-drawer-header .p-button.p-button-icon-only { 1786 padding: var(--p-button-sm-icon-only-padding); 1787 border-radius: var(--p-button-border-radius); 1788 height: auto; 1789 width: auto; 1790 line-height: var(--p-button-sm-icon-only-lineheight); 1791 shadow: none; 1792 1793 &.p-button-text { 1794 &:enabled { 1795 background-color: transparent; 1796 border-color: transparent; 1797 color: var(--p-button-text-neutral-color); 1798 } 1799 1800 &:enabled:hover { 1801 background: var(--p-button-text-neutral-hover-background); 1802 border-color: transparent; 1803 color: var(--p-button-text-neutral-hover-color); 1804 } 1805 1806 &:enabled:active { 1807 background: var(--p-button-text-neutral-active-background); 1808 border-color: transparent; 1809 color: var(--p-button-text-neutral-active-color); 1810 box-shadow: var(--p-button-pressedshadow); 1811 } 1812 1813 &:enabled:focus:not(:active), 1814 &:enabled:focus-visible:not(:active) { 1815 background: transparent; 1816 border-color: transparent; 1817 color: var(--p-button-text-neutral-color); 1818 outline: var(--p-button-focus-ring-width) 1819 var(--p-button-focus-ring-style) 1820 var(--p-button-neutral-focus-ring-color); 1821 outline-offset: var(--p-button-focus-ring-offset); 1822 box-shadow: var(--p-button-neutral-focus-ring-shadow); 1823 } 1824 1825 &:disabled { 1826 background: transparent; 1827 border-color: transparent; 1828 color: var(--p-button-text-disabled-color); 1829 opacity: unset; 1830 } 1831 } 1832 1833 .p-iconwrapper { 1834 font-size: var(--p-button-sm-icon-size); 1835 min-width: var(--p-button-sm-icon-only-lineheight); 1836 height: var(--p-button-sm-icon-only-lineheight); 1837 1838 .p-icon { 1839 width: var(--p-button-sm-icon-size); 1840 height: var(--p-button-sm-icon-size); 1841 } 1842 } 1843 } 1844 1845 .p-drawer-header { 1846 font-size: ${o("drawer.header.fontSize")}; 1847 font-weight: ${o("drawer.header.fontWeight")}; 1848 font-family: ${o("drawer.header.fontFamily")}; 1849 line-height: ${o("drawer.header.lineHeight")}; 1850 } 1851 1852 .p-drawer-header > .closeButton { 1853 margin-left: auto; 1854 } 1855 1856 .p-drawer-footer { 1857 padding: ${o("drawer.footer.padding")}; 1858 } 1859 `},editor:{toolbar:{background:"{content.background}",borderColor:"{content.border.color}",borderRadius:"{content.border.radius}"},toolbarItem:{color:"{text.muted.color}",hoverColor:"{text.color}",activeColor:"{primary.color}"},overlay:{background:"{overlay.select.background}",borderColor:"{overlay.select.border.color}",borderRadius:"{overlay.select.border.radius}",color:"{overlay.select.color}",shadow:"{overlay.select.shadow}",padding:"{list.padding}"},overlayOption:{focusBackground:"{list.option.focus.background}",color:"{list.option.color}",focusColor:"{list.option.focus.color}",padding:"{list.option.padding}",borderRadius:"{list.option.border.radius}"},content:{background:"{content.background}",borderColor:"{content.border.color}",color:"{content.color}
1859",borderRadius:"{content.border.radius}"}},fieldset:{root:{background:"{content.background}",borderColor:"{content.border.color}",borderRadius:"{content.border.radius}",color:"{content.color}",padding:"0 1.125rem 1.125rem 1.125rem",transitionDuration:"{transition.duration}"},legend:{background:"{content.background}",hoverBackground:"{content.hover.background}",color:"{content.color}",hoverColor:"{content.hover.color}",borderRadius:"{content.border.radius}",borderWidth:"1px",borderColor:"transparent",padding:"0.5rem 0.75rem",gap:"0.5rem",fontWeight:"600",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"{focus.ring.offset}",shadow:"{focus.ring.shadow}"}},toggleIcon:{color:"{text.muted.color}",hoverColor:"{text.hover.muted.color}"},content:{padding:"0"}},fileupload:{root:{background:"{pds.fileUpload.colors.surface}",borderColor:"{pds.fileUpload.colors.border}",color:"{pds.fileUpload.colors.onSurface.base}",borderRadius:"{pds.fileUpload.radii.fileUploadRadius}",transitionDuration:"{transition.duration}"},header:{background:"{pds.fileUpload.colors.surface}",color:"{pds.fileUpload.colors.onSurface.base}",padding:"{pds.fileUpload.spacing.padding}",borderColor:"{pds.fileUpload.colors.border}",borderWidth:"0",borderRadius:"{pds.fileUpload.radii.fileUploadRadius}",gap:"{pds.fileUpload.spacing.gap.small}"},content:{highlightBorderColor:"{pds.border.primary.medium}",padding:"0 {pds.fileUpload.spacing.padding} {pds.fileUpload.spacing.padding} {pds.fileUpload.spacing.padding}",gap:"{pds.fileUpload.spacing.gap.large}",fontSize:"{pds.typography.body.medium.size}",fontWeight:"{pds.typography.weight.regular}",lineHeight:"{pds.typography.body.medium.lineHeight}"},file:{padding:`{pds.select.listbox.listboxOption.spacing.padding.vertical} 1860 {pds.select.listbox.listboxOption.spacing.padding.horizontal}`,gap:"{pds.fileUpload.spacing.gap.default}",borderColor:"{pds.divider.colors.border}",info:{gap:"{pds.fileUpload.spacing.gap.small}",name:{color:"{pds.fileUpload.colors.onSurface.base}"},size:{color:"{pds.fileUpload.colors.onSurface.neutral}"}},thumbnail:{width:"{pds.density.1600}",height:"{pds.density.1600}"},actions:{borderRadius:"{pds.button.radii.buttonRadius}",color:"{pds.button.colors.onSurface.neutral.bared.enabled}",background:"transparent",hoverColor:"{pds.button.colors.onSurface.neutral.bared.hovered}",hoverBackground:"{pds.button.colors.surface.neutral.bared.hovered}",activeColor:"{pds.button.colors.onSurface.neutral.bared.pressed}",activeBackground:"{pds.button.colors.surface.neutral.bared.pressed}"}},fileList:{gap:"0"},progressbar:{height:"{pds.density.200}"},basic:{gap:"{pds.fileUpload.spacing.gap.default}"},label:{fontSize:"{pds.typography.body.medium.size}",fontWeight:"{pds.typography.weight.regular}",lineHeight:"{pds.typography.body.medium.lineHeight}",color:"{pds.fileUpload.colors.onSurface.base}"},uploadButton:{background:"{pds.button.colors.surface.neutral.contained.enabled}",hoverBackground:"{pds.button.colors.surface.neutral.contained.hovered}",activeBackground:"{pds.button.colors.surface.neutral.contained.pressed}",borderColor:"transparent",hoverBorderColor:"{pds.button.colors.border.neutral}",activeBorderColor:"{pds.button.colors.border.neutral}",color:"{pds.button.colors.onSurface.neutral.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.neutral.contained.hovered}",activeColor:"{pds.button.colors.onSurface.neutral.contained.pressed}"},cancelButton:{background:"{pds.button.colors.surface.neutral.contained.enabled}",hoverBackground:"{pds.button.colors.surface.neutral.contained.hovered}",activeBackground:"{pds.button.colors.surface.neutral.contained.pressed}",borderColor:"transparent",hoverBorderColor:"{pds.button.colors.border.neutral}",activeBorderColor:"{pds.button.colors.border.neutral}",color:"{pds.button.colors.onSurface.neutral.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.neutral.contained.hovered}",activeColor:"{pds.button.colors.onSurface.neutral.contained.pressed}"},css:({dt:o})=>` 1861 .p-fileupload { 1862 &.p-fileupload-basic { 1863 .filelabel { 1864 font-size: ${o("fileupload.label.fontSize")}; 1865 font-weight: ${o("fileupload.label.fontWeight")}; 1866 line-height: ${o("fileupload.label.lineHeight")}; 1867 color: ${o("fileupload.label.color")}; 1868 } 1869 } 1870 1871 &.p-fileupload-advanced { 1872 .p-fileupload-upload-button { 1873 &:enabled { 1874 border-color: ${o("fileupload.uploadButton.borderColor")}; 1875 background-color: ${o("fileupload.uploadButton.background")}; 1876 color: ${o("fileupload.uploadButton.color")}; 1877 1878 &:hover { 1879 border-color: ${o("fileupload.uploadButton.hoverBorderColor")}; 1880 background-color: ${o("fileupload.uploadButton.hoverBackgroun
1880d")}; 1881 color: ${o("fileupload.uploadButton.hoverColor")}; 1882 } 1883 1884 &:active { 1885 border-color: ${o("fileupload.uploadButton.activeBorderColor")}; 1886 background-color: ${o("fileupload.uploadButton.activeBackground")}; 1887 color: ${o("fileupload.uploadButton.activeColor")}; 1888 } 1889 } 1890 } 1891 1892 .p-fileupload-cancel-button { 1893 &:enabled { 1894 border-color: ${o("fileupload.cancelButton.borderColor")}; 1895 background-color: ${o("fileupload.cancelButton.background")}; 1896 color: ${o("fileupload.cancelButton.color")}; 1897 1898 &:hover { 1899 border-color: ${o("fileupload.cancelButton.hoverBorderColor")}; 1900 background-color: ${o("fileupload.cancelButton.hoverBackground")}; 1901 color: ${o("fileupload.cancelButton.hoverColor")}; 1902 } 1903 1904 &:active { 1905 border-color: ${o("fileupload.cancelButton.activeBorderColor")}; 1906 background-color: ${o("fileupload.cancelButton.activeBackground")}; 1907 color: ${o("fileupload.cancelButton.activeColor")}; 1908 } 1909 } 1910 } 1911 1912 .p-fileupload-content { 1913 font-size: ${o("fileupload.content.fontSize")}; 1914 font-weight: ${o("fileupload.content.fontWeight")}; 1915 line-height: ${o("fileupload.content.lineHeight")}; 1916 1917 .p-fileupload-file-list:empty { 1918 display: none; 1919 } 1920 1921 .p-fileupload-file { 1922 flex-wrap: nowrap; 1923 } 1924 1925 .p-fileupload-file-info { 1926 overflow: hidden; 1927 } 1928 1929 .p-fileupload-file-name { 1930 color: ${o("fileupload.file.info.name.color")}; 1931 white-space: nowrap; 1932 overflow: hidden; 1933 text-overflow: ellipsis; 1934 } 1935 1936 .p-fileupload-file-size { 1937 color: ${o("fileupload.file.info.size.color")}; 1938 } 1939 1940 .p-fileupload-file-actions { 1941 .p-button { 1942 border-radius: ${o("fileupload.file.actions.borderRadius")}; 1943 1944 &:enabled { 1945 background: ${o("fileupload.file.actions.background")}; 1946 color: ${o("fileupload.file.actions.color")}; 1947 1948 &:hover { 1949 color: ${o("fileupload.file.actions.hoverColor")}; 1950 background-color: ${o("fileupload.file.actions.hoverBackground")}; 1951 } 1952 1953 &:active { 1954 color: ${o("fileupload.file.actions.activeColor")}; 1955 background-color: ${o("fileupload.file.actions.activeBackground")}; 1956 } 1957 } 1958 } 1959 } 1960 1961 .p-fileupload-file-thumbnail { 1962 width: ${o("fileupload.file.thumbnail.width")}; 1963 max-height: ${o("fileupload.file.thumbnail.height")}; 1964 object-fit: cover; 1965 } 1966 } 1967 } 1968 } 1969 `},floatlabel:{root:{color:"{form.field.float.label.color}",focusColor:"{form.field.float.label.focus.color}",activeColor:"{form.field.float.label.active.color}",invalidColor:"{form.field.float.label.invalid.color}",transitionDuration:"0.2s",positionX:"{form.field.padding.x}",positionY:"{form.field.padding.y}",fontWeight:"500",active:{fontSize:"0.75rem",fontWeight:"400"}},over:{active:{top:"-1.25rem"}},in:{input:{paddingTop:"1.5rem",paddingBottom:"{form.field.padding.y}"},active:{top:"{form.field.padding.y}"}},on:{borderRadius:"{border.radius.xs}",active:{background:"{form.field.background}",padding:"0 0.125rem"}}},galleria:{root:{borderWidth:"{pds.stroke.border}",borderColor:"{pds.galleria.colors.border}",borderRadius:"{pds.galleria.radii.calendarRadius}",transitionDuration:"{transition.duration}",maskBackground:"{pds.galleria.colors.surface.overlay}"},navButton:{background:"{pds.button.colors.surface.white.contained.enabled}",hoverBackground:"{pds.button.colors.surface.white.contained.hovered}",color:"{pds.button.colors.onSurface.white.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.white.contained.hovered}",size:"auto",gutter:"{pds.density.400}",prev:{borderRadius:"{pds.button.radii.buttonRadius}"},next:{borderRadius:"{pds.button.radii.buttonRadius}"},focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"{focusRing.offset}",shadow:"{focusRing.shadow}"},border:{width:"{pds.stroke.border}",style:"solid",color:"transparent"},padding:"{pds.button.iconButton.spacing.padding.xSmall.allSide}
1969",disabledBackground:"{pds.button.colors.surface.neutral.disabled}",pressedBackground:"{pds.button.colors.surface.white.contained.pressed}",disabledColor:"{pds.button.colors.onSurface.neutral.disabled}",pressedColor:"{pds.button.colors.onSurface.white.contained.pressed}",pressedShadow:"0 0 0 4px {pds.colors.pressedRing}"},navIcon:{size:"{pds.density.250}",containerSize:"{pds.iconSize.xSmall}"},thumbnailsContent:{background:"{pds.galleria.colors.surface.thumbnail}",padding:"0 {pds.galleria.spacing.padding.default.horizontal}",vertical:{padding:"{pds.galleria.spacing.padding.small.vertical} 0"}},thumbnailNavButton:{size:"auto",borderRadius:"{pds.button.radii.buttonRadius}",gutter:"0",focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"{focusRing.offset}",shadow:"{focusRing.shadow}"},border:{width:"{pds.stroke.border}",style:"solid",color:"transparent"},padding:"{pds.button.iconButton.spacing.padding.small.allSide}",disabledBackground:"{pds.button.colors.surface.neutral.disabled}",pressedBackground:"{pds.button.colors.surface.white.contained.pressed}",disabledColor:"{pds.button.colors.onSurface.neutral.disabled}",pressedColor:"{pds.button.colors.onSurface.white.contained.pressed}",pressedShadow:"0 0 0 4px {pds.colors.pressedRing}"},thumbnailNavButtonIcon:{size:"{pds.typography.body.xSmall.size}",containerSize:"{pds.iconSize.small}"},caption:{background:"{pds.galleria.colors.surface.caption}",color:"{pds.galleria.colors.onSurface.caption}",padding:"{pds.galleria.spacing.padding.default.vertical} {pds.galleria.spacing.padding.default.horizontal}"},indicatorList:{gap:"{pds.galleria.spacing.gap.xSmall.horizontal}",padding:"{pds.galleria.spacing.padding.small.vertical} {pds.galleria.spacing.padding.default.horizontal}",background:"{pds.galleria.colors.surface.indicator.base}",vertical:{padding:"{pds.galleria.spacing.padding.default.vertical} {pds.galleria.spacing.padding.small.horizontal}",gap:"{pds.galleria.spacing.gap.xSmall.vertical}"}},indicatorButton:{width:"{pds.density.250}",height:"{pds.density.250}",activeBackground:"{pds.galleria.colors.surface.indicator.dot.enabled}",borderRadius:"{pds.radii.round}",focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"{focusRing.offset}",shadow:"{focusRing.shadow}"}},insetIndicatorList:{background:"{pds.galleria.colors.surface.indicator.reversed}"},insetIndicatorButton:{background:"{pds.galleria.colors.surface.indicator.dot.reversed.disabled}",hoverBackground:"{pds.galleria.colors.surface.indicator.dot.reversed.disabled}",activeBackground:"{pds.galleria.colors.surface.indicator.dot.reversed.enabled}"},closeButton:{size:"auto",gutter:"{pds.density.600}",background:"transparent",hoverBackground:"{pds.button.colors.surface.white.bared.hovered}",color:"{pds.button.colors.onSurface.white.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.white.bared.hovered}",borderRadius:"{pds.button.radii.buttonRadius}",focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"{focusRing.offset}",shadow:"{focusRing.shadow}"},border:{width:"{pds.stroke.border}",style:"solid",color:"transparent"},padding:"{pds.button.iconButton.spacing.padding.large.allSide}",disabledBackground:"{pds.button.colors.surface.neutral.disabled}",pressedBackground:"{pds.button.colors.surface.white.bared.pressed}",disabledColor:"{pds.button.colors.onSurface.neutral.disabled}",pressedColor:"{pds.button.colors.onSurface.white.bared.pressed}",pressedShadow:"0 0 0 4px {pds.colors.pressedRing}",pressedBorderColor:"{pds.button.colors.border.neutral}"},closeButtonIcon:{size:"{pds.typography.body.small.size}",containerSize:"{pds.iconSize.base}"},colorScheme:{light:{thumbnailNavButton:{hoverBackground:"{pds.button.colors.surface.white.contained.hovered}",color:"{pds.button.colors.onSurface.white.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.white.contained.hovered}"},indicatorButton:{background:"{pds.galleria.colors.surface.indicator.dot.disabled}",hoverBackground:"{pds.galleria.colors.surface.indicator.dot.disabled}"}}
1969,dark:{thumbnailNavButton:{hoverBackground:"{pds.button.colors.surface.white.contained.hovered}",color:"{pds.button.colors.onSurface.white.contained.enabled}",hoverColor:"{pds.button.colors.onSurface.white.contained.hovered}"},indicatorButton:{background:"{pds.galleria.colors.surface.indicator.dot.disabled}",hoverBackground:"{pds.galleria.colors.surface.indicator.dot.disabled}"}}},thumbnailList:{padding:"{pds.galleria.spacing.padding.xSmall.vertical} 0",vertical:{padding:"0 {pds.galleria.spacing.padding.xSmall.horizontal}"}},thumbnail:{borderRadius:"{pds.galleria.radii.thumbnailRadius}",width:"60px",height:"45px",background:"lightgrey",focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"{focusRing.offset}",shadow:"{focusRing.shadow}"}},md:{navButton:{padding:"{pds.button.iconButton.spacing.padding.default.allSide}"},navIcon:{containerSize:"{pds.iconSize.base}",size:"{pds.typography.body.small.size}"},indicatorList:{padding:"{pds.galleria.spacing.padding.small.vertical} {pds.galleria.spacing.padding.default.horizontal}",gap:"{pds.galleria.spacing.gap.small.horizontal}",vertical:{padding:"{pds.galleria.spacing.padding.default.vertical} {pds.galleria.spacing.padding.small.horizontal}",gap:"{pds.galleria.spacing.gap.small.vertical}"}},thumbnailList:{padding:"{pds.galleria.spacing.padding.small.vertical} 0",vertical:{padding:"0 {pds.galleria.spacing.padding.small.horizontal}"}},thumbnail:{width:"66px",height:"50px"},closeButton:{padding:"{pds.button.iconButton.spacing.padding.default.allSide}"}},lg:{navButton:{padding:"{pds.button.iconButton.spacing.padding.large.allSide}"},navIcon:{containerSize:"{pds.iconSize.base}",size:"{pds.typography.body.small.size}"},indicatorList:{padding:"{pds.galleria.spacing.padding.default.vertical} {pds.galleria.spacing.padding.large.horizontal}",gap:"{pds.galleria.spacing.gap.default.horizontal}",vertical:{padding:"{pds.galleria.spacing.padding.default.vertical} {pds.galleria.spacing.padding.small.horizontal}",gap:"{pds.galleria.spacing.gap.default.vertical}"}},indicatorButton:{width:"{pds.density.300}",height:"{pds.density.300}"},thumbnailsContent:{vertical:{padding:"{pds.galleria.spacing.padding.default.vertical} 0"}},thumbnailList:{padding:"{pds.galleria.spacing.padding.default.vertical} 0",vertical:{padding:"0 {pds.galleria.spacing.padding.small.horizontal}"}},thumbnail:{width:"72px",height:"54px"},closeButton:{padding:"{pds.button.iconButton.spacing.padding.large.allSide}"}},fullscreen:{padding:"{pds.density.600}",margin:"{pds.density.600}",navButton:{gutter:"{pds.density.600}"}},css:({dt:o})=>` 1970 .p-galleria { 1971 .p-galleria-nav-button { 1972 width: auto; 1973 height: auto; 1974 padding: ${o("galleria.navButton.padding")}; 1975 margin: calc(-1 * 1976 calc( 1977 (${o("galleria.navIcon.containerSize")} / 2) + 1978 ${o("galleria.navButton.padding")} + 1979 ${o("galleria.navButton.border.width")} 1980 )) 1981 ${o("galleria.navButton.gutter")} 1982 0 1983 ${o("galleria.navButton.gutter")}; 1984 border: ${o("galleria.navButton.border.width")} 1985 ${o("galleria.navButton.border.style")} 1986 ${o("galleria.navButton.border.color")}; 1987 1988 &.p-disabled, 1989 &:disabled { 1990 opacity: unset; 1991 color: ${o("galleria.navButton.disabledColor")}; 1992 background-color: ${o("galleria.navButton.disabledBackground")}; 1993 } 1994 1995 &:enabled:active { 1996 color: ${o("galleria.navButton.pressedColor")}; 1997 background-color: ${o("galleria.navButton.pressedBackground")}; 1998 box-shadow: ${o("galleria.navButton.pressedShadow")}; 1999 } 2000 2001 .p-iconwrapper { 2002 width: ${o("galleria.navIcon.containerSize")}; 2003 height: ${o("galleria.navIcon.containerSize")}; 2004 2005 .p-icon { 2006 font-size: ${o("galleria.navIcon.size")}; 2007 width: ${o("galleria.navIcon.size")}; 2008 height: ${o("galleria.navIcon.size")}; 2009 } 2010 } 2011 } 2012 2013 &.p-galleria-hover-navigators .p-galleria-items-container { 2014 .p-galleria-nav-button { 2015 opacity: 0; 2016 2017 &:focus-visible { 2018 opacity: unset; 2019 } 2020 } 2021 2022 &:hover { 2023 .p-galleria-nav-button { 2024 opacity: unset; 2025 } 2026 } 2027 } 2028 2029 .p-galleria-indicator-list { 2030 background-color: ${o("galleria.indicatorList.background")}; 2031 } 2032 2033 &.p-galleria-inset-indicators { 2034 .p-galleria-indicator-list { 2035 background-color: ${o("galleria.insetIndicatorList.background")}; 2036 } 2037 } 2038 2039 &.p-galleria-indicators-left, 2040 &.p-galleria-indicators-right { 2041 .p-galleria-items-container { 2042 align-items: stretch; 2043 } 2044 2045 .p-galleria-indicator-list { 2046 padding: ${o("galleria.indicatorList.vertical.padding")}; 2047 gap: ${o("galleria.indicatorList.vertical.gap")}; 2048 } 2049 } 2050 2051 .p-galleria-indicator { 2052 display: flex; 2053 border-radius: ${o("galleria.indicatorButton.borderRadius")}; 2054 2055 &:focus { 2056 outline: none; 2057 } 2058 2059 &:focus-visible { 2060 outline: ${o("galleria.indicatorButton.focusRing.width")} 2061 ${o("galleria.indicatorButton.focusRing.style")} 2062 ${o("galleria.indicatorButton.focusRing.color")}; 2063 outline-offset: ${o("galleria.indicatorButton.focusRing.offset")}; 2064 box-shadow: ${o("galleria.indicatorButton.focusRing.shadow")}; 2065 } 2066 } 2067 2068 &.p-galleria-fullscreen { 2069 .p-galleria-nav-button { 2070 display: none; 2071 margin-inline: calc(${o("galleria.fullscreen.margin")} + ${o("galleria.navButton.gutter")}); 2072 } 2073 } 2074
2075 &.p-galleria-thumbnails-left, 2076 &.p-galleria-thumbnails-right { 2077 .p-galleria-thumbnails { 2078 height: 100%; 2079 } 2080 2081 .p-galleria-thumbnails-viewport { 2082 display: flex; 2083 flex: 0 0 auto; 2084 } 2085 2086 .p-galleria-thumbnails-content { 2087 padding: ${o("galleria.thumbnailsContent.vertical.padding")}; 2088 justify-content: space-between; 2089 } 2090 2091 .p-galleria-thumbnail-items { 2092 padding: ${o("galleria.thumbnailList.vertical.padding")}; 2093 } 2094 } 2095 2096 .p-galleria-thumbnail-items { 2097 padding: ${o("galleria.thumbnailList.padding")}; 2098 } 2099 2100 .p-galleria-thumbnail-nav-button { 2101 padding: ${o("galleria.thumbnailNavButton.padding")}; 2102 border: ${o("galleria.thumbnailNavButton.border.width")} 2103 ${o("galleria.thumbnailNavButton.border.style")} 2104 ${o("galleria.thumbnailNavButton.border.color")}; 2105 2106 &.p-disabled, 2107 &:disabled { 2108 opacity: unset; 2109 color: ${o("galleria.thumbnailNavButton.disabledColor")}; 2110 background-color: ${o("galleria.thumbnailNavButton.disabledBackground")}; 2111 } 2112 2113 &:enabled:active { 2114 color: ${o("galleria.thumbnailNavButton.pressedColor")}; 2115 background-color: ${o("galleria.thumbnailNavButton.pressedBackground")}; 2116 box-shadow: ${o("galleria.thumbnailNavButton.pressedShadow")}; 2117 } 2118 2119 .p-iconwrapper { 2120 width: ${o("galleria.thumbnailNavButtonIcon.containerSize")}; 2121 height: ${o("galleria.thumbnailNavButtonIcon.containerSize")}; 2122 2123 .p-icon { 2124 font-size: ${o("galleria.thumbnailNavButtonIcon.size")}; 2125 width: ${o("galleria.thumbnailNavButtonIcon.size")}; 2126 height: ${o("galleria.thumbnailNavButtonIcon.size")}; 2127 } 2128 } 2129 } 2130 2131 .p-galleria-thumbnail-item { 2132 opacity: unset; 2133 overflow: hidden; 2134 } 2135 2136 .p-galleria-thumbnail { 2137 background-color: ${o("galleria.thumbnail.background")}; 2138 border-radius: ${o("galleria.thumbnail.borderRadius")}; 2139 margin: calc(${o("galleria.thumbnail.focusRing.offset")} + ${o("galleria.thumbnail.focusRing.width")}); 2140 2141 img { 2142 border-radius: ${o("galleria.thumbnail.borderRadius")}; 2143 width: 100%; 2144 height: 100%; 2145 object-fit: cover; 2146 object-position: center; 2147 display: block; 2148 } 2149 2150 &:focus-visible { 2151 outline: ${o("galleria.thumbnail.focusRing.width")} 2152 ${o("galleria.thumbnail.focusRing.style")} 2153 ${o("galleria.thumbnail.focusRing.color")}; 2154 outline-offset: ${o("galleria.thumbnail.focusRing.offset")}; 2155 box-shadow: ${o("galleria.thumbnail.focusRing.shadow")}; 2156 } 2157 } 2158 2159 .p-galleria-close-button { 2160 padding: ${o("galleria.closeButton.padding")}; 2161 border: ${o("galleria.closeButton.border.width")} 2162 ${o("galleria.closeButton.border.style")} 2163 ${o("galleria.closeButton.border.color")}; 2164 2165 &.p-disabled, 2166 &:disabled { 2167 opacity: unset; 2168 color: ${o("galleria.closeButton.disabledColor")}; 2169 background-color: ${o("galleria.closeButton.disabledBackground")}; 2170 } 2171 2172 &:enabled:active { 2173 color: ${o("galleria.closeButton.pressedColor")}; 2174 background-color: ${o("galleria.closeButton.pressedBackground")}; 2175 box-shadow: ${o("galleria.closeButton.pressedShadow")}; 2176 } 2177 2178 .p-iconwrapper { 2179 width: ${o("galleria.closeButtonIcon.containerSize")}; 2180 height: ${o("galleria.closeButtonIcon.containerSize")}; 2181 2182 .p-icon { 2183 font-size: ${o("galleria.closeButtonIcon.size")}; 2184 width: ${o("galleria.closeButtonIcon.size")}; 2185 height: ${o("galleria.closeButtonIcon.size")}; 2186 } 2187 } 2188 } 2189 } 2190 2191 .p-galleria-mask { 2192 padding: ${o("galleria.fullscreen.padding")}; 2193 background-color: ${o("galleria.maskBackground")}; 2194 } 2195 2196 @media all and (min-width: 48rem) { 2197 .p-galleria { 2198 .p-galleria-nav-button { 2199 padding: ${o("galleria.md.navButton.padding")}; 2200 margin: calc(-1 * 2201 calc( 2202 (${o("galleria.md.navIcon.containerSize")} / 2) + 2203 ${o("galleria.md.navButton.padding")} + 2204 ${o("galleria.navButton.border.width")} 2205 )) 2206 ${o("galleria.navButton.gutter")} 2207 0 2208 ${o("galleria.navButton.gutter")}; 2209 2210 .p-iconwrapper { 2211 width: ${o("galleria.md.navIcon.containerSize")}; 2212 height: ${o("galleria.md.navIcon.containerSize")}; 2213 2214 .p-icon { 2215 font-size: ${o("galleria.md.navIcon.size")}; 2216 width: ${o("galleria.md.navIcon.size")}; 2217 height: ${o("galleria.md.navIcon.size")}; 2218 } 2219 } 2220 } 2221 2222 &.p-galleria-indicators-left .p-galleria-indicator-list, 2223 &.p-galleria-indicators-right .p-galleria-indicator-list { 2224 padding: ${o("galleria.md.indicatorList.vertical.padding")}; 2225 gap: ${o("galleria.md.indicatorList.vertical.gap")}; 2226 } 2227 2228 .p-galleria-indicator-list { 2229 padding: ${o("galleria.md.indicatorList.padding")}; 2230 gap: ${o("galleria.md.indicatorList.gap")}; 2231 } 2232 2233 &.p-galleria-fullscreen { 2234 .p-galleria-nav-button { 2235 display: flex; 2236 margin-inline: ${o("galleria.fullscreen.navButton.gutter")}; 2237 } 2238 } 2239
2240 &.p-galleria-thumbnails-left, 2241 &.p-galleria-thumbnails-right { 2242 .p-galleria-thumbnails-content { 2243 padding: ${o("galleria.thumbnailsContent.vertical.padding")}; 2244 } 2245 2246 .p-galleria-thumbnail-items { 2247 padding: ${o("galleria.md.thumbnailList.vertical.padding")}; 2248 } 2249 } 2250 2251 .p-galleria-thumbnail-items { 2252 padding: ${o("galleria.md.thumbnailList.padding")}; 2253 } 2254 2255 .p-galleria-close-button { 2256 padding: ${o("galleria.md.closeButton.padding")}; 2257 } 2258 } 2259 2260 .p-galleria-mask { 2261 padding: ${o("galleria.fullscreen.padding")} calc( 2262 ${o("galleria.fullscreen.padding")} * 2 + 2263 ${o("galleria.md.navButton.padding")} * 2 + 2264 ${o("galleria.md.navIcon.containerSize")} + 2265 ${o("galleria.navButton.border.width")} * 2 2266 ); 2267 } 2268 } 2269 2270 @media all and (min-width: 80rem) { 2271 .p-galleria { 2272 .p-galleria-nav-button { 2273 padding: ${o("galleria.lg.navButton.padding")}; 2274 margin: calc(-1 * 2275 calc( 2276 (${o("galleria.lg.navIcon.containerSize")} / 2) + 2277 ${o("galleria.lg.navButton.padding")} + 2278 ${o("galleria.navButton.border.width")} 2279 )) 2280 ${o("galleria.navButton.gutter")} 2281 0 2282 ${o("galleria.navButton.gutter")}; 2283 2284 .p-iconwrapper { 2285 width: ${o("galleria.lg.navIcon.containerSize")}; 2286 height: ${o("galleria.lg.navIcon.containerSize")}; 2287 .p-icon { 2288 font-size: ${o("galleria.lg.navIcon.size")}; 2289 width: ${o("galleria.lg.navIcon.size")}; 2290 height: ${o("galleria.lg.navIcon.size")}; 2291 } 2292 } 2293 } 2294 2295 &.p-galleria-indicators-left .p-galleria-indicator-list, 2296 &.p-galleria-indicators-right .p-galleria-indicator-list { 2297 padding: ${o("galleria.lg.indicatorList.vertical.padding")}; 2298 gap: ${o("galleria.lg.indicatorList.vertical.gap")}; 2299 } 2300 2301 .p-galleria-indicator-list { 2302 padding: ${o("galleria.lg.indicatorList.padding")}; 2303 gap: ${o("galleria.lg.indicatorList.gap")}; 2304 } 2305 2306 .p-galleria-indicator-button { 2307 width: ${o("galleria.lg.indicatorButton.width")}; 2308 height: ${o("galleria.lg.indicatorButton.height")}; 2309 } 2310 2311 &.p-galleria-fullscreen { 2312 .p-galleria-nav-button { 2313 display: flex; 2314 margin-inline: ${o("galleria.fullscreen.navButton.gutter")}; 2315 } 2316 } 2317 2318 &.p-galleria-thumbnails-left, 2319 &.p-galleria-thumbnails-right { 2320 .p-galleria-thumbnails-content { 2321 padding: ${o("galleria.lg.thumbnailsContent.vertical.padding")}; 2322 } 2323 2324 .p-galleria-thumbnail-items { 2325 padding: ${o("galleria.lg.thumbnailList.vertical.padding")}; 2326 } 2327 } 2328 2329 .p-galleria-thumbnail-items { 2330 padding: ${o("galleria.lg.thumbnailList.padding")}; 2331 } 2332 2333 .p-galleria-close-button { 2334 padding: ${o("galleria.lg.closeButton.padding")}; 2335 } 2336 } 2337 2338 .p-galleria-mask { 2339 padding: ${o("galleria.fullscreen.padding")} calc( 2340 ${o("galleria.fullscreen.padding")} * 2 + 2341 ${o("galleria.lg.navButton.padding")} * 2 + 2342 ${o("galleria.lg.navIcon.containerSize")} + 2343 ${o("galleria.navButton.border.width")} * 2 2344 ); 2345 } 2346 } 2347 `},iconfield:{icon:{color:"{pds.inputField.colors.onSurface.icon}",size:{sm:"{pds.iconSize.xSmall}",default:"{pds.iconSize.small}",lg:"{pds.iconSize.small}"},gap:{sm:"{pds.inputField.spacing.gap.small.horizontal}",default:"{pds.inputField.spacing.gap.default.horizontal}",lg:"{pds.inputField.spacing.gap.default.horizontal}"}},css:({dt:o})=>` 2348 .p-iconfield { 2349 width: fit-content; 2350 2351 &.p-inputicon { 2352 font-size: ${o("iconfield.icon.size.default")}; 2353 width: ${o("iconfield.icon.size.default")}; 2354 height: ${o("iconfield.icon.size.default")}; 2355 margin-top: calc(-1 * (${o("iconfield.icon.size.default")} / 2)); 2356 } 2357 2358 &:has(.p-inputfield-sm) { 2359 .p-inputicon { 2360 font-size: ${o("iconfield.icon.size.sm")}; 2361 width: ${o("iconfield.icon.size.sm")}; 2362 height: ${o("iconfield.icon.size.sm")}; 2363 margin-top: calc(-1 * (${o("iconfield.icon.size.sm")} / 2)); 2364 } 2365 2366 .p-inputtext:not(:first-child), 2367 .p-inputwrapper:not(:first-child) .p-inputtext { 2368 padding-inline-start: calc( 2369 var(--p-inputtext-sm-padding-x) + 2370 ${o("iconfield.icon.size.sm")} + 2371 ${o("iconfield.icon.gap.sm")}); 2372 } 2373 2374 .p-inputtext:not(:last-child) { 2375 padding-inline-end: calc( 2376 var(--p-inputtext-sm-padding-x) + 2377 ${o("iconfield.icon.size.sm")} + 2378 ${o("iconfield.icon.gap.sm")}); 2379 } 2380 } 2381 2382 &:has(.p-inputfield-lg) { 2383 .p-inputicon { 2384 font-size: ${o("iconfield.icon.size.lg")}; 2385 width: ${o("iconfield.icon.size.lg")}; 2386 height: ${o("iconfield.icon.size.lg")}; 2387 margin-top: calc(-1 * (${o("iconfield.icon.size.lg")} / 2)); 2388 } 2389 2390 .p-inputtext:not(:first-child), 2391 .p-inputwrapper:not(:first-child) .p-inputtext { 2392 padding-inline-start: calc( 2393 var(--p-inputtext-lg-padding-x) + 2394 ${o("iconfield.icon.size.lg")} + 2395 ${o("iconfield.icon.gap.lg")}); 2396 } 2397 2398 .p-inputtext:not(:last-child) { 2399 padding-inline-end: calc( 2400 var(--p-inputtext-lg-padding-x) + 2401 ${o("iconfield.icon.size.lg")} + 2402 ${o("iconfield.icon.gap.lg")}); 2403 } 2404 } 2405 2406 .p-inputtext:not(:first-child), 2407 .p-inputwrapper:not(:first-child) .p-inputtext { 2408 padding-inline-start: calc( 2409 var(--p-inputtext-padding-x) + 2410 ${o("iconfield.icon.size.default")} + 2411 ${o("iconfield.icon.gap.default")}); 2412 } 2413 2414 .p-inputtext:not(:last-child) { 2415 padding-inline-end: calc( 2416 var(--p-inputtext-padding-x) + 2417 ${o("iconfield.icon.size.default")} + 2418 ${o("iconfield.icon.gap.default")}); 2419 } 2420 } 2421 `},iftalabel:{root:{color:"{form.field.float.label.color}",focusColor:"{form.field.float.label.focus.color}
2421",invalidColor:"{form.field.float.label.invalid.color}",transitionDuration:"0.2s",positionX:"{form.field.padding.x}",top:"{form.field.padding.y}",fontSize:"0.75rem",fontWeight:"400"},input:{paddingTop:"1.5rem",paddingBottom:"{form.field.padding.y}"}},image:{root:{transitionDuration:"{transition.duration}",overlayBackground:"{pds.image.colors.surface.overlay}",actionButtonPadding:"{pds.button.iconButton.spacing.padding.large.allSide}",actionBorderWidth:"{pds.stroke.border}",actionBorderColor:"{pds.button.colors.border.neutral}"},preview:{icon:{size:"{pds.iconSize.large}"},mask:{background:"{pds.baseColors.alpha.b40}",color:"{pds.image.colors.onSurface.icon}"}},toolbar:{position:{left:"auto",right:"24px",top:"24px",bottom:"auto"},blur:"0",background:"transparent",borderColor:"none",borderWidth:"0",borderRadius:"0",padding:"0",gap:"0"},action:{hoverBackground:"{pds.button.colors.surface.white.bared.hovered}",color:"{pds.button.colors.onSurface.white.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.white.bared.hovered}",size:"auto",iconSize:"{pds.iconSize.base}",borderRadius:"{pds.button.radii.buttonRadius}",focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.button.colors.border.primary}",offset:"{focusRing.offset}",shadow:"{focusRing.shadow}"}},css:({dt:o})=>` 2422 .p-component-overlay { 2423 background: ${o("image.overlay.background")}; 2424 transition-duration: ${o("image.transitionDuration")}; 2425 } 2426 2427 .p-image-mask { 2428 --maskbg: ${o("image.preview.mask.background")}; 2429 } 2430 2431 .p-overlay-mask-enter { 2432 background: ${o("image.preview.mask.background")};; 2433 } 2434 2435 .p-image-action { 2436 padding: ${o("image.actionButtonPadding")}; 2437 } 2438 2439 .p-image-action:focus-visible { 2440 box-shadow: ${o("image.action.focus.ring.shadow")}; 2441 outline: ${o("image.action.focus.ring.width")} ${o("image.action.focus.ring.style")} ${o("image.action.focus.ring.color")}; 2442 outline-offset: ${o("image.action.focus.ring.offset")}; 2443 border-radius: ${o("image.action.border.radius")}; 2444 border: ${o("image.action.border.width")} solid ${o("image.action.border.color")}; 2445 } 2446 `},imagecompare:{handle:{size:"15px",hoverSize:"30px",background:"rgba(255,255,255,0.3)",hoverBackground:"rgba(255,255,255,0.3)",borderColor:"unset",hoverBorderColor:"unset",borderWidth:"0",borderRadius:"50%",transitionDuration:"{transition.duration}",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"rgba(255,255,255,0.3)",offset:"{focus.ring.offset}",shadow:"{focus.ring.shadow}"}}},inlinemessage:{root:{padding:"{form.field.padding.y} {form.field.padding.x}",borderRadius:"{content.border.radius}",gap:"0.5rem"},text:{fontWeight:"500"},icon:{size:"1rem"},colorScheme:{light:{info:{background:"color-mix(in srgb, {blue.50}, transparent 5%)",borderColor:"{blue.200}",color:"{blue.600}",shadow:"0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)"},success:{background:"color-mix(in srgb, {green.50}, transparent 5%)",borderColor:"{green.200}",color:"{green.600}",shadow:"0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)"},warn:{background:"color-mix(in srgb,{yellow.50}, transparent 5%)",borderColor:"{yellow.200}",color:"{yellow.600}",shadow:"0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)"},error:{background:"color-mix(in srgb, {red.50}, transparent 5%)",borderColor:"{red.200}",color:"{red.600}",shadow:"0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)"},secondary:{background:"{surface.100}",borderColor:"{surface.200}",color:"{surface.600}",shadow:"0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)"},contrast:{background:"{surface.900}",borderColor:"{surface.950}",color:"{surface.50}",shadow:"0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)"}},dark:{info:{background:"color-mix(in srgb, {blue.500}, transparent 84%)",borderColor:"color-mix(in srgb, {blue.700}, transparent 64%)",color:"{blue.500}",shadow:"0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)"},success:{background:"color-mix(in srgb, {green.500}, transparent 84%)",borderColor:"color-mix(in srgb, {green.700}
2446, transparent 64%)",color:"{green.500}",shadow:"0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)"},warn:{background:"color-mix(in srgb, {yellow.500}, transparent 84%)",borderColor:"color-mix(in srgb, {yellow.700}, transparent 64%)",color:"{yellow.500}",shadow:"0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)"},error:{background:"color-mix(in srgb, {red.500}, transparent 84%)",borderColor:"color-mix(in srgb, {red.700}, transparent 64%)",color:"{red.500}",shadow:"0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)"},secondary:{background:"{surface.800}",borderColor:"{surface.700}",color:"{surface.300}",shadow:"0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)"},contrast:{background:"{surface.0}",borderColor:"{surface.100}",color:"{surface.950}",shadow:"0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)"}}}},inplace:{root:{padding:"{form.field.padding.y} {form.field.padding.x}",borderRadius:"{content.border.radius}",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"{focus.ring.offset}",shadow:"{focus.ring.shadow}"},transitionDuration:"{transition.duration}"},display:{hoverBackground:"{content.hover.background}",hoverColor:"{content.hover.color}"}},inputchips:{root:{background:"{form.field.background}",disabledBackground:"{form.field.disabled.background}",filledBackground:"{form.field.filled.background}",filledFocusBackground:"{form.field.filled.focus.background}",borderColor:"{form.field.border.color}",hoverBorderColor:"{form.field.hover.border.color}",focusBorderColor:"{form.field.focus.border.color}",invalidBorderColor:"{form.field.invalid.border.color}",color:"{form.field.color}",disabledColor:"{form.field.disabled.color}",placeholderColor:"{form.field.placeholder.color}",shadow:"{form.field.shadow}",paddingX:"{form.field.padding.x}",paddingY:"{form.field.padding.y}",borderRadius:"{form.field.border.radius}",focusRing:{width:"{form.field.focus.ring.width}",style:"{form.field.focus.ring.style}",color:"{form.field.focus.ring.color}",offset:"{form.field.focus.ring.offset}",shadow:"{form.field.focus.ring.shadow}"},transitionDuration:"{form.field.transition.duration}"},chip:{borderRadius:"{border.radius.sm}"},colorScheme:{light:{chip:{focusBackground:"{surface.200}",color:"{surface.800}"}},dark:{chip:{focusBackground:"{surface.700}",color:"{surface.0}"}}}},inputgroup:{addon:{background:"{form.field.background}",borderColor:"{form.field.border.color}",color:"{pds.button.colors.onSurface.neutral.bared.enabled}",borderRadius:"{form.field.border.radius}",padding:"{pds.button.iconButton.spacing.padding.default.allSide}",minWidth:"({pds.button.iconButton.spacing.padding.default.allSide} * 2) + {pds.iconSize.base}",borderWidth:"{form.field.border.width}",fontSize:"{pds.typography.headings.h5.size}",lineHeight:"{form.field.line.height}",icon:{containerSize:"{pds.iconSize.base}",fontSize:"{pds.iconSize.small}",size:"{pds.iconSize.small}"},sm:{padding:"{pds.button.iconButton.spacing.padding.small.allSide}",minWidth:"({pds.button.iconButton.spacing.padding.small.allSide} * 2) + {pds.iconSize.small}",fontSize:"{pds.typography.headings.h6.size}",lineHeight:"{form.field.sm.line.height}",icon:{containerSize:"{pds.iconSize.small}",fontSize:"{pds.iconSize.xSmall}",size:"{pds.iconSize.xSmall}"}},lg:{padding:"{pds.button.iconButton.spacing.padding.large.allSide}",minWidth:"({pds.button.iconButton.spacing.padding.large.allSide} * 2) + {pds.iconSize.base}",fontSize:"{pds.typography.headings.h5.size}",lineHeight:"{form.field.lg.line.height}",icon:{containerSize:"{pds.iconSize.base}",fontSize:"{pds.iconSize.small}",size:"{pds.iconSize.small}"}},focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"{focusRing.offset}",shadow:"{focusRing.shadow}"},pressedShadow:"0 0 0 4px {pds.colors.pressedRing}"},css:({dt:o})=>` 2447 .p-inputgroup { 2448 font-size:${o("inputgroup.addon.fontSize")}; 2449 line-height: ${o("inputgroup.addon.lineHeight")}; 2450 2451 .p-inputgroupaddon { 2452 &:has(.p-button:enabled:focus-visible) { 2453 outline: ${o("inputgroup.addon.focusRing.width")} 2454 ${o("inputgroup.addon.focusRing.style")} 2455 ${o("inputgroup.addon.focusRing.color")}; 2456 outline-offset: ${o("inputgroup.addon.focusRing.offset")}; 2457 box-shadow: ${o("inputgroup.addon.focusRing.shadow")}; 2458 } 2459 2460 &:has(.p-button:enabled:focus-visible), 2461 &:has(.p-button:enabled:active) { 2462 z-index: 1; 2463 } 2464 2465 &:has(.p-button:enabled:hover) { 2466 box-shadow: none; 2467 } 2468 2469 &:has(.p-button:enabled:active) { 2470 box-shadow: ${o("inputgroup.addon.pressedShadow")}; 2471 } 2472 2473 .p-button { 2474 border-width: 0; 2475 2476 &:hover, 2477 &:active, 2478 &:focus, 2479 &:focus-visible { 2480 border-width: 0; 2481 } 2482 } 2483 2484 .pi { 2485 display: flex; 2486 align-items: center; 2487 justify-content: center; 2488 font-size: ${o("inputgroup.addon.icon.fontSize")}; 2489 width: ${o("inputgroup.addon.icon.containerSize")}; 2490 height: ${o("inputgroup.addon.icon.containerSize")}; 2491 } 2492 2493 svg { 2494 width: ${o("inputgroup.addon.icon.containerSize")}; 2495 height: ${o("inputgroup.addon.icon.containerSize")}; 2496 padding: calc((${o("inputgroup.addon.icon.containerSize")} - ${o("inputgroup.addon.icon.size")}) / 2); 2497 } 2498 } 2499 2500 &:has(.p-inputfield-sm) { 2501 .p-inputgroupaddon { 2502 min-width: ${o("inputgroup.addon.sm.minWidth")}; 2503 font-size:${o("inputgroup.addon.sm.fontSize")}; 2504 line-height: ${o("inputgroup.addon.sm.lineHeight")}; 2505 2506 &:not(:has(.p-button)) { 2507 padding: ${o("inputgroup.addon.sm.padding")}; 2508 } 2509 2510 .pi { 2511 font-size: ${o("inputgroup.addon.sm.icon.fontSize")}; 2512 width: ${o("inputgroup.addon.sm.icon.containerSize")}; 2513 height: ${o("inputgroup.addon.sm.icon.containerSize")}; 2514 } 2515 2516 svg { 2517 width: ${o("inputgroup.addon.sm.icon.containerSize")}; 2518 height: ${o("inputgroup.addon.sm.icon.containerSize")}; 2519 padding: calc( 2520 (${o("inputgroup.addon.sm.icon.containerSize")} - ${o("inputgroup.addon.sm.icon.size")}) / 2 2521 ); 2522 } 2523 } 2524 } 2525 2526 &:has(.p-inputfield-lg) { 2527 .p-inputgroupaddon:not(:has(.p-button)) { 2528 min-width: ${o("inputgroup.addon.lg.minWidth")}; 2529 font-size:${o("inputgroup.addon.lg.fontSize")}; 2530 line-height: ${o("inputgroup.addon.lg.lineHeight")}; 2531 2532 &:not(:has(.p-button)) { 2533 padding: ${o("inputgroup.addon.lg.padding")}; 2534 } 2535 2536 .pi { 2537 font-size: ${o("inputgroup.addon.lg.icon.fontSize")}; 2538 width: ${o("inputgroup.addon.lg.icon.containerSize")}; 2539 height: ${o("inputgroup.addon.lg.icon.containerSize")}; 2540 } 2541 2542 svg { 2543 width: ${o("inputgroup.addon.lg.icon.containerSize")}; 2544 height: ${o("inputgroup.addon.lg.icon.containerSize")}; 2545 padding: calc( 2546 (${o("inputgroup.addon.lg.icon.containerSize")} - ${o("inputgroup.addon.lg.icon.size")}) / 2 2547 ); 2548 } 2549 } 2550 } 2551 } 2552 `},inputnumber:{root:{transitionDuration:"{form.field.transition.duration}
2552",borderRadius:"{form.field.border.radius}",borderWidth:"{form.field.border.width}",borderStyle:"{form.field.border.style}",borderColor:"{form.field.border.color}",hoverBorderColor:"{form.field.hover.border.color}",focusBorderColor:"{form.field.focus.border.color}",disabledBorderColor:"{form.field.disabled.border.color}",filledBorderColor:"{form.field.filled.border.color}",invalidBorderColor:"{form.field.invalid.border.color}",filledBackground:"{form.field.filled.background}",hoverBackground:"{form.field.hover.background}",activeBackground:"{form.field.active.background}",filledColor:"{form.field.filled.color}"},button:{width:"auto",borderRadius:"{form.field.border.radius}",verticalPadding:"{pds.button.iconButton.spacing.padding.default.allSide}",padding:"{pds.button.iconButton.spacing.padding.default.allSide}",icon:{containerSize:"{pds.iconSize.base}",size:"{pds.typography.body.small.size}"},sm:{padding:"{pds.button.iconButton.spacing.padding.small.allSide}",icon:{containerSize:"{pds.iconSize.small}",size:"{pds.typography.body.xSmall.size}"}},lg:{padding:"{pds.button.iconButton.spacing.padding.large.allSide}",icon:{containerSize:"{pds.iconSize.base}",size:"{pds.typography.body.small.size}"}},shadow:{pressed:"0 0 0 4px {pds.colors.pressedRing}"}},colorScheme:{light:{button:{background:"{form.field.background}",hoverBackground:"{pds.button.colors.surface.neutral.bared.hovered}",activeBackground:"{pds.button.colors.surface.neutral.bared.pressed}",borderColor:"{form.field.border.color}",hoverBorderColor:"{form.field.hover.border.color}",activeBorderColor:"{form.field.active.border.color}",color:"{pds.button.colors.onSurface.neutral.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.neutral.bared.hovered}",activeColor:"{pds.button.colors.onSurface.neutral.bared.pressed}",disabledBackground:"{form.field.disabled.background}",disabledBorderColor:"{form.field.disabled.border.color}",disabledColor:"{form.field.disabled.color}"}},dark:{button:{background:"{form.field.background}",hoverBackground:"{pds.button.colors.surface.neutral.bared.hovered}",activeBackground:"{pds.button.colors.surface.neutral.bared.pressed}",borderColor:"{form.field.border.color}",hoverBorderColor:"{form.field.hover.border.color}",activeBorderColor:"{form.field.active.border.color}",color:"{pds.button.colors.onSurface.neutral.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.neutral.bared.hovered}",activeColor:"{pds.button.colors.onSurface.neutral.bared.pressed}",disabledBackground:"{form.field.disabled.background}",disabledBorderColor:"{form.field.disabled.border.color}",disabledColor:"{form.field.disabled.color}"}},focusRing:{width:"{form.field.focus.ring.width}",style:"{form.field.focus.ring.style}",color:"{form.field.focus.ring.color}",offset:"{form.field.focus.ring.offset}",shadow:"{form.field.focus.ring.shadow}"}},clearIcon:{color:"{form.field.icon.color}",gap:"{form.field.icon.gap}",containerSize:"{pds.iconSize.small}",size:"{pds.typography.body.small.size}",sm:{containerSize:"{pds.iconSize.xSmall}",size:"{pds.typography.body.xSmall.size}"},lg:{containerSize:"{pds.iconSize.xSmall}",size:"{pds.typography.body.xSmall.size}"}},css:({dt:o})=>` 2553 .p-inputnumber { 2554 border-radius: ${o("inputnumber.borderRadius")}; 2555 2556 &.ng-invalid.ng-dirty > .p-inputnumber-input:disabled { 2557 border-color: ${o("inputnumber.disabledBorderColor")}; 2558 } 2559 2560 &.ng-invalid.ng-dirty > .p-inputtext.p-filled:not(:focus):not(:disabled) { 2561 border-color: ${o("inputnumber.invalidBorderColor")}; 2562 } 2563 2564 &:hover { 2565 input:-webkit-autofill, 2566 input:-webkit-autofill:hover, 2567 input:-webkit-autofill:focus, 2568 input:-webkit-autofill:active, 2569 input:autofill, 2570 input:autofill:hover, 2571 input:autofill:focus, 2572 input:autofill:active { 2573 -webkit-box-shadow: 0 0 0 1000px ${o("inputnumber.hoverBackground")} inset !important; 2574 box-shadow: 0 0 0 1000px ${o("inputnumber.hoverBackground")} inset !important; 2575 } 2576 } 2577 2578 &.p-inputwrapper-focus { 2579 input:-webkit-autofill, 2580 input:-webkit-autofill:hover, 2581 input:-webkit-autofill:focus, 2582 input:-webkit-autofill:active, 2583 input:autofill, 2584 input:autofill:hover, 2585 input:autofill:focus, 2586 input:autofill:active { 2587 -webkit-box-shadow: 0 0 0 1000px ${o("inputnumber.activeBackgroun
2587d")} inset !important; 2588 box-shadow: 0 0 0 1000px ${o("inputnumber.activeBackground")} inset !important; 2589 } 2590 } 2591 2592 &.p-inputnumber-horizontal, 2593 &.p-inputnumber-vertical { 2594 border: ${o("inputnumber.borderWidth")} 2595 ${o("inputnumber.borderStyle")} 2596 ${o("inputnumber.borderColor")}; 2597 2598 .p-inputnumber-button { 2599 padding: ${o("inputnumber.button.padding")}; 2600 border: none; 2601 2602 .p-iconwrapper { 2603 .p-icon { 2604 font-size: ${o("inputnumber.button.icon.containerSize")}; 2605 width: ${o("inputnumber.button.icon.containerSize")}; 2606 height: ${o("inputnumber.button.icon.containerSize")}; 2607 } 2608 } 2609 2610 .pi { 2611 width: ${o("inputnumber.button.icon.containerSize")}; 2612 height: ${o("inputnumber.button.icon.containerSize")}; 2613 display: flex; 2614 align-items: center; 2615 justify-content: center; 2616 } 2617 2618 .pi:before { 2619 display: block; 2620 width: ${o("inputnumber.button.icon.size")}; 2621 height: ${o("inputnumber.button.icon.size")}; 2622 font-size: ${o("inputnumber.button.icon.size")}; 2623 } 2624 2625 &:active { 2626 box-shadow: ${o("inputnumber.button.shadow.pressed")}; 2627 } 2628 } 2629 2630 &:has(.p-inputtext-sm) { 2631 .p-inputnumber-button { 2632 padding: ${o("inputnumber.button.sm.padding")}; 2633 2634 .p-iconwrapper { 2635 .p-icon { 2636 font-size: ${o("inputnumber.button.sm.icon.containerSize")}; 2637 width: ${o("inputnumber.button.sm.icon.containerSize")}; 2638 height: ${o("inputnumber.button.sm.icon.containerSize")}; 2639 } 2640 } 2641 2642 .pi { 2643 width: ${o("inputnumber.button.sm.icon.containerSize")}; 2644 height: ${o("inputnumber.button.sm.icon.containerSize")}; 2645 display: flex; 2646 align-items: center; 2647 justify-content: center; 2648 } 2649 2650 .pi:before { 2651 display: block; 2652 width: ${o("inputnumber.button.sm.icon.size")}; 2653 height: ${o("inputnumber.button.sm.icon.size")}; 2654 font-size: ${o("inputnumber.button.sm.icon.size")}; 2655 } 2656 } 2657 } 2658 2659 &:has(.p-inputtext-lg) { 2660 .p-inputnumber-button { 2661 padding: ${o("inputnumber.button.lg.padding")}; 2662 2663 .p-iconwrapper { 2664 .p-icon { 2665 font-size: ${o("inputnumber.button.lg.icon.containerSize")}; 2666 width: ${o("inputnumber.button.lg.icon.containerSize")}; 2667 height: ${o("inputnumber.button.lg.icon.containerSize")}; 2668 } 2669 } 2670 2671 .pi { 2672 width: ${o("inputnumber.button.lg.icon.containerSize")}; 2673 height: ${o("inputnumber.button.lg.icon.containerSize")}; 2674 display: flex; 2675 align-items: center; 2676 justify-content: center; 2677 } 2678 2679 .pi:before { 2680 display: block; 2681 width: ${o("inputnumber.button.lg.icon.size")}; 2682 height: ${o("inputnumber.button.lg.icon.size")}; 2683 font-size: ${o("inputnumber.button.lg.icon.size")}; 2684 } 2685 } 2686 } 2687 2688 .p-inputnumber-input { 2689 &:enabled, 2690 &.ng-dirty.ng-invalid { 2691 &:active { 2692 border-color: ${o("inputnumber.borderColor")}; 2693 } 2694 } 2695 } 2696 2697 .p-inputnumber-input:focus, 2698 .p-inputnumber-input:focus-visible { 2699 outline: none; 2700 } 2701 2702 &.p-inputwrapper-filled { 2703 border-color: ${o("inputnumber.filledBorderColor")}; 2704 } 2705 2706 &:hover { 2707 border-color: ${o("inputnumber.hoverBorderColor")}; 2708 } 2709 2710 &.p-inputwrapper-focus { 2711 border-color: ${o("inputnumber.focusBorderColor")}; 2712 outline: ${o("inputnumber.focusRing.width")} 2713 ${o("inputnumber.focusRing.style")} 2714 ${o("inputnumber.focusRing.color")}; 2715 outline-offset: ${o("inputnumber.focusRing.offset")}; 2716 box-shadow: ${o("inputnumber.focusRing.shadow")}; 2717 } 2718
2719 &.p-invalid:not(.p-inputwrapper-focus):not(:has(.p-inputnumber-input:disabled)), 2720 &.ng-dirty.ng-invalid:not(:focus-within):not(:has(.p-inputnumber-input:disabled)), 2721 &:has(.p-inputnumber-input:enabled.p-invalid:not(:focus)), 2722 &:has(.p-inputnumber-input:enabled.ng-dirty.ng-invalid:not(:focus)) { 2723 border-color: ${o("inputnumber.invalidBorderColor")}; 2724 } 2725 2726 &.p-disabled.ng-dirty.ng-invalid, 2727 &.p-disabled.p-invalid, 2728 &:has(.p-inputnumber-input:disabled), 2729 &:has(.p-inputnumber-input:disabled.ng-dirty.ng-invalid), 2730 &:has(.p-inputnumber-input:disabled.p-invalid), 2731 &.ng-dirty.ng-invalid:has(.p-inputnumber-input:disabled), 2732 &.ng-dirty.ng-invalid:has(.p-inputnumber-input:disabled.ng-dirty.ng-invalid), 2733 &.ng-dirty.ng-invalid:has(.p-inputnumber-input:disabled.p-invalid), 2734 &.p-invalid:has(.p-inputnumber-input:disabled), 2735 &.p-invalid:has(.p-inputnumber-input:disabled.ng-dirty.ng-invalid), 2736 &.p-invalid:has(.p-inputnumber-input:disabled.p-invalid) { 2737 border-color: ${o("inputnumber.disabledBorderColor")}; 2738 2739 > .p-inputnumber-input { 2740 border-color: ${o("inputnumber.disabledBorderColor")}; 2741 } 2742 2743 > .p-inputnumber-button { 2744 pointer-events: none; 2745 background-color: ${o("inputnumber.button.disabledBackground")}; 2746 color: ${o("inputnumber.button.disabledColor")}; 2747 } 2748 } 2749 } 2750 2751 &.p-inputnumber-vertical { 2752 width: calc( 2753 ${o("inputnumber.button.padding")} * 2 + 2754 ${o("inputnumber.button.icon.containerSize")} + 2755 ${o("inputnumber.borderWidth")} * 2 2756 ) !important; 2757 2758 &:has(.p-inputtext-sm) { 2759 width: calc( 2760 ${o("inputnumber.button.sm.padding")} * 2 + 2761 ${o("inputnumber.button.sm.icon.containerSize")} + 2762 ${o("inputnumber.borderWidth")} * 2 2763 ) !important; 2764 } 2765 2766 &:has(.p-inputtext-lg) { 2767 width: calc( 2768 ${o("inputnumber.button.lg.padding")} * 2 + 2769 ${o("inputnumber.button.lg.icon.containerSize")} + 2770 ${o("inputnumber.borderWidth")} * 2 2771 ) !important; 2772 } 2773 2774 .p-inputnumber-input { 2775 padding-inline: 0; 2776 } 2777 2778 .p-inputnumber-input { 2779 border-left: none; 2780 border-right: none; 2781 } 2782 } 2783 2784 &.p-inputnumber-horizontal { 2785 .p-inputnumber-input { 2786 border-top: none; 2787 border-bottom: none; 2788 } 2789 } 2790 2791 .p-inputnumber-clear-icon { 2792 color: ${o("inputnumber.clearIcon.color")}; 2793 width: ${o("inputnumber.clearIcon.containerSize")}; 2794 height: ${o("inputnumber.clearIcon.containerSize")}; 2795 margin-top: calc(-1* (${o("inputnumber.clearIcon.containerSize")} / 2)); 2796 2797 .p-icon { 2798 width: ${o("inputnumber.clearIcon.size")}; 2799 height: ${o("inputnumber.clearIcon.size")}; 2800 font-size: ${o("inputnumber.clearIcon.size")}; 2801 } 2802 } 2803 2804 &:has(.p-inputnumber-clear-icon) { 2805 .p-inputnumber-input { 2806 padding-right: calc(${o("inputnumber.clearIcon.gap")} * 2 + ${o("inputnumber.clearIcon.containerSize")}); 2807 } 2808 } 2809 2810 &:has(.p-inputtext-sm) { 2811 .p-inputnumber-clear-icon { 2812 color: ${o("inputnumber.clearIcon.color")}; 2813 width: ${o("inputnumber.clearIcon.sm.containerSize")}; 2814 height: ${o("inputnumber.clearIcon.sm.containerSize")}; 2815 margin-top: calc(-1 * (${o("inputnumber.clearIcon.sm.containerSize")} / 2)); 2816 2817 .p-icon { 2818 width: ${o("inputnumber.clearIcon.sm.size")}; 2819 height: ${o("inputnumber.clearIcon.sm.size")}; 2820 font-size: ${o("inputnumber.clearIcon.sm.size")}; 2821 } 2822 } 2823 2824 &:has(.p-inputnumber-clear-icon) { 2825 .p-inputnumber-input { 2826 padding-right: calc(${o("inputnumber.clearIcon.gap")} * 2 + ${o("inputnumber.clearIcon.sm.containerSize")}); 2827 } 2828 } 2829 } 2830 2831 &:has(.p-inputtext-lg) { 2832 .p-inputnumber-clear-icon { 2833 color: ${o("inputnumber.clearIcon.color")}; 2834 width: ${o("inputnumber.clearIcon.lg.containerSize")}; 2835 height: ${o("inputnumber.clearIcon.lg.containerSize")}; 2836 margin-top: calc(-1 * (${o("inputnumber.clearIcon.lg.containerSize")} / 2)); 2837 2838 .p-icon { 2839 width: ${o("inputnumber.clearIcon.lg.size")}; 2840 height: ${o("inputnumber.clearIcon.lg.size")}; 2841 font-size: ${o("inputnumber.clearIcon.lg.size")}; 2842 } 2843 } 2844 2845 &:has(.p-inputnumber-clear-icon) { 2846 .p-inputnumber-input { 2847 padding-right: calc(${o("inputnumber.clearIcon.gap")} * 2 + ${o("inputnumber.clearIcon.lg.containerSize")}); 2848 } 2849 } 2850 } 2851 2852 input:-webkit-autofill, 2853 input:-webkit-autofill:hover, 2854 input:-webkit-autofill:focus, 2855 input:-webkit-autofill:active, 2856 input:autofill, 2857 input:autofill:hover, 2858 input:autofill:focus, 2859 input:autofill:active { 2860 -webkit-box-shadow: 0 0 0 1000px ${o("inputnumber.filledBackgroun
2860d")} inset !important; 2861 box-shadow: 0 0 0 1000px ${o("inputnumber.filledBackground")} inset !important; 2862 transition: background-color 5000s ease-in-out 0s; 2863 border-radius: inherit !important; 2864 -webkit-text-fill-color: ${o("inputnumber.filledColor")} !important; 2865 transition: background-color ${o("inputnumber.transitionDuration")} ease-in-out, 2866 box-shadow ${o("inputnumber.transitionDuration")} ease-in-out, 2867 -webkit-box-shadow ${o("inputnumber.transitionDuration")} ease-in-out; 2868 } 2869 2870 input:autofill { 2871 filter: none; 2872 } 2873 } 2874 `},inputotp:{root:{gap:"0.5rem"},input:{width:"2.5rem",sm:{width:"2rem"},lg:{width:"3rem"}}},inputtext:{root:{background:"{form.field.background}",disabledBackground:"{form.field.disabled.background}",filledBackground:"{form.field.filled.background}",filledHoverBackground:"{form.field.filled.hover.background}",filledFocusBackground:"{form.field.filled.focus.background}",borderColor:"{form.field.border.color}",hoverBorderColor:"{form.field.hover.border.color}",focusBorderColor:"{form.field.focus.border.color}",invalidBorderColor:"{form.field.invalid.border.color}",color:"{form.field.color}",disabledColor:"{form.field.disabled.color}",placeholderColor:"{form.field.placeholder.color}",invalidPlaceholderColor:"{form.field.invalid.placeholder.color}",shadow:"{form.field.shadow}",paddingX:"{form.field.padding.x}",paddingY:"{form.field.padding.y}",borderRadius:"{form.field.border.radius}",focusRing:{width:"{form.field.focus.ring.width}",style:"{form.field.focus.ring.style}",color:"{form.field.focus.ring.color}",offset:"{form.field.focus.ring.offset}",shadow:"{form.field.focus.ring.shadow}"},transitionDuration:"{form.field.transition.duration}",sm:{fontSize:"{form.field.sm.font.size}",paddingX:"{form.field.sm.padding.x}",paddingY:"{form.field.sm.padding.y}",lineHeight:"{form.field.sm.line.height}"},lg:{fontSize:"{form.field.lg.font.size}",paddingX:"{form.field.lg.padding.x}",paddingY:"{form.field.lg.padding.y}",lineHeight:"{form.field.lg.line.height}"},hoverBackground:"{form.field.hover.background}",activeBackground:"{form.field.active.background}",disabledBorderColor:"{form.field.disabled.border.color}",filledBorderColor:"{form.field.filled.border.color}",hoverColor:"{form.field.hover.color}",activeColor:"{form.field.active.color}",filledColor:"{form.field.filled.color}",hoverPlaceholderColor:"{form.field.hover.placeholder.color}",disabledPlaceholderColor:"{form.field.disabled.placeholder.color}",fontSize:"{form.field.font.size}",fontWeight:"{form.field.font.weight}",lineHeight:"{form.field.line.height}"},css:({dt:o})=>` 2875 .p-inputtext { 2876 font-size: ${o("inputtext.fontSize")}; 2877 font-style: normal; 2878 font-weight: ${o("inputtext.fontWeight")}; 2879 line-height: ${o("inputtext.lineHeight")}; 2880 2881 &:enabled:hover { 2882 background-color: ${o("inputtext.hoverBackground")}; 2883 } 2884 2885 &:enabled:hover::-webkit-input-placeholder { 2886 color: ${o("inputtext.hoverPlaceholderColor")}; 2887 } 2888 2889 &:enabled:hover:-moz-placeholder { 2890 color: ${o("inputtext.hoverPlaceholderColor")}; 2891 } 2892 2893 &:enabled:hover::-moz-placeholder { 2894 color: ${o("inputtext.hoverPlaceholderColor")}; 2895 } 2896 2897 &:enabled:hover:-ms-input-placeholder { 2898 color: ${o("inputtext.hoverPlaceholderColor")}; 2899 } 2900 2901 &:enabled:hover::placeholder { 2902 color: ${o("inputtext.hoverPlaceholderColor")}; 2903 } 2904 2905 &:disabled, 2906 &:disabled.ng-dirty.ng-invalid { 2907 opacity: unset; 2908 border-color: ${o("inputtext.disabledBorderColor")}; 2909 } 2910 2911 &:disabled::-webkit-input-placeholder { 2912 color: ${o("inputtext.disabledPlaceholderColor")}; 2913 } 2914 2915 &:disabled:-moz-placeholder { 2916 color: ${o("inputtext.disabledPlaceholderColor")}; 2917 } 2918 2919 &:disabled::-moz-placeholder { 2920 color: ${o("inputtext.disabledPlaceholderColor")}; 2921 } 2922 2923 &:disabled:-ms-input-placeholder { 2924 color: ${o("inputtext.disabledPlaceholderColor")}; 2925 } 2926 2927 &:disabled::placeholder { 2928 color: ${o("inputtext.disabledPlaceholderColor")}; 2929 } 2930 2931 &:enabled:focus {
2932 background-color: ${o("inputtext.activeBackground")}; 2933 color: ${o("inputtext.color")}; 2934 } 2935 2936 &:enabled:focus-visible { 2937 border-color: ${o("inputtext.focusBorderColor")}; 2938 background-color: ${o("inputtext.activeBackground")}; 2939 color: ${o("inputtext.color")}; 2940 outline: ${o("inputtext.focusRing.width")} 2941 ${o("inputtext.focusRing.style")} 2942 ${o("inputtext.focusRing.color")}; 2943 outline-offset: ${o("inputtext.focusRing.offset")}; 2944 } 2945 2946 &.p-filled:not(:focus):not(:disabled) { 2947 background-color: ${o("inputtext.filledBackground")}; 2948 border-color: ${o("inputtext.filledBorderColor")}; 2949 color: ${o("inputtext.filledColor")}; 2950 } 2951 2952 &:enabled.ng-dirty.ng-invalid:not(:focus) { 2953 border-color: ${o("inputtext.invalidBorderColor")}; 2954 } 2955 2956 &.p-inputtext-lg { 2957 font-size: ${o("inputtext.lg.fontSize")}; 2958 line-height: ${o("inputtext.lg.lineHeight")}; 2959 } 2960 } 2961 2962 p-inputmask { 2963 &:has(.p-inputmask-clear-icon) { 2964 .p-inputmask { 2965 padding-right: calc(${o("form.field.padding.x")} * 2 + ${o("icon.size")}); 2966 } 2967 } 2968 } 2969 `},knob:{root:{transitionDuration:"{transition.duration}",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"{focus.ring.offset}",shadow:"{focus.ring.shadow}"}},value:{background:"{primary.color}"},range:{background:"{content.border.color}"},text:{color:"{text.muted.color}"}},listbox:{root:{background:"{form.field.background}",disabledBackground:"{form.field.disabled.background}",borderColor:"{form.field.border.color}",invalidBorderColor:"{form.field.invalid.border.color}",color:"{form.field.color}",disabledColor:"{form.field.disabled.color}",shadow:"{form.field.shadow}",borderRadius:"{form.field.border.radius}",transitionDuration:"{form.field.transition.duration}"},list:{padding:"{list.padding}",gap:"{list.gap}",header:{padding:"{list.header.padding}"}},option:{focusBackground:"{list.option.focus.background}",selectedBackground:"{list.option.selected.background}",selectedFocusBackground:"{list.option.selected.focus.background}",color:"{list.option.color}",focusColor:"{list.option.focus.color}",selectedColor:"{list.option.selected.color}",selectedFocusColor:"{list.option.selected.focus.color}",padding:"{list.option.padding}",borderRadius:"{list.option.border.radius}"},optionGroup:{background:"{list.option.group.background}",color:"{list.option.group.color}",fontWeight:"{list.option.group.font.weight}",padding:"{list.option.group.padding}"},checkmark:{color:"{list.option.color}",gutterStart:"-0.375rem",gutterEnd:"0.375rem"},emptyMessage:{padding:"{list.option.padding}"},colorScheme:{light:{option:{stripedBackground:"{surface.50}"}},dark:{option:{stripedBackground:"{surface.900}"}}},css:({dt:o})=>""},megamenu:{root:{background:"{content.background}",borderColor:"{content.border.color}",borderRadius:"{content.border.radius}",color:"{content.color}",gap:"0.5rem",verticalOrientation:{padding:"{navigation.list.padding}",gap:"{navigation.list.gap}"},horizontalOrientation:{padding:"0.5rem 0.75rem",gap:"0.5rem"},transitionDuration:"{transition.duration}"},baseItem:{borderRadius:"{content.border.radius}",padding:"{navigation.item.padding}"},item:{focusBackground:"{navigation.item.focus.background}",activeBackground:"{navigation.item.active.background}",color:"{navigation.item.color}",focusColor:"{navigation.item.focus.color}",activeColor:"{navigation.item.active.color}",padding:"{navigation.item.padding}",borderRadius:"{navigation.item.border.radius}",gap:"{navigation.item.gap}",icon:{color:"{navigation.item.icon.color}",focusColor:"{navigation.item.icon.focus.color}",activeColor:"{navigation.item.icon.active.color}"}},overlay:{padding:"0",background:"{content.background}",borderColor:"{content.border.color}",borderRadius:"{content.border.radius}",color:"{content.color}",shadow:"{overlay.navigation.shadow}",gap:"0.5rem"},submenu:{padding:"{navigation.list.padding}",gap:"{navigation.list.gap}"},submenuLabel:{padding:"{navigation.submenu.label.padding}",fontWeight:"{navigation.submenu.label.font.weight}",background:"{navigation.submenu.label.background.}",color:"{navigation.submenu.label.color}"},submenuIcon:{size:"{navigation.submenu.icon.size}",color:"{navigation.submenu.icon.color}",focusColor:"{navigation.submenu.icon.focus.color}",activeColor:"{navigation.submenu.icon.active.color}"},separator:{borderColor:"{content.border.color}"},mobileButton:{borderRadius:"50%",size:"1.75rem",color:"{text.muted.color}",hoverColor:"{text.hover.muted.color}
2969",hoverBackground:"{content.hover.background}",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"{focus.ring.offset}",shadow:"{focus.ring.shadow}"}}},menu:{root:{background:"{content.background}",borderColor:"{content.border.color}",color:"{content.color}",borderRadius:"{content.border.radius}",shadow:"{overlay.navigation.shadow}",transitionDuration:"{transition.duration}"},list:{padding:"{navigation.list.padding}",gap:"{navigation.list.gap}"},item:{focusBackground:"{navigation.item.focus.background}",color:"{navigation.item.color}",focusColor:"{navigation.item.focus.color}",padding:"{navigation.item.padding}",borderRadius:"{navigation.item.border.radius}",gap:"{navigation.item.gap}",icon:{color:"{navigation.item.icon.color}",focusColor:"{navigation.item.icon.focus.color}",padding:"2px"},hoverBackground:"{navigation.item.active.background}",hoverColor:"{navigation.item.active.color}",label:{fontSize:"{pds.typography.body.small.size}",fontWeight:"{pds.typography.weight.regular}",lineHeight:"{pds.typography.body.small.lineHeight}"}},submenuLabel:{padding:"{navigation.submenu.label.padding}",fontWeight:"{navigation.submenu.label.font.weight}",background:"{navigation.submenu.label.background}",color:"{navigation.submenu.label.color}"},separator:{borderColor:"{content.border.color}"},css:({dt:o})=>` 2970 .p-menu-item-label { 2971 line-height: ${o("menu.item.label.lineHeight")}; 2972 font-size: ${o("menu.item.label.fontSize")}; 2973 font-weight: ${o("menu.item.label.fontWeight")}; 2974 } 2975 2976 .p-menu-item-icon { 2977 padding: ${o("menu.item.icon.padding")}; 2978 } 2979 2980 .p-menu-item:not(.p-disabled) .p-menu-item-content:hover { 2981 color: ${o("menu.item.hover.color")}; 2982 background: ${o("menu.item.hover.background")}; 2983 } 2984 2985 .p-menu-item:not(.p-disabled) .p-menu-item-content:hover .p-menu-item-icon { 2986 color: ${o("menu.item.icon.hover.color")}; 2987 } 2988 `},menubar:{root:{background:"{content.background}",borderColor:"{content.border.color}",borderRadius:"{content.border.radius}",color:"{content.color}",gap:"{navigation.item.gap}",padding:"{navigation.list.padding}",transitionDuration:"{transition.duration}"},baseItem:{borderRadius:"{pds.select.listbox.listboxOption.radii.listboxOptionRadius}",padding:"{navigation.item.padding}"},item:{focusBackground:"{navigation.item.focus.background}",activeBackground:"{navigation.item.active.background}",color:"{navigation.item.color}",focusColor:"{navigation.item.focus.color}",activeColor:"{navigation.item.active.color}",padding:"{navigation.item.padding}",borderRadius:"{pds.select.listbox.listboxOption.radii.listboxOptionRadius}",gap:"{navigation.item.gap}",icon:{color:"{navigation.item.icon.color}",focusColor:"{navigation.item.icon.focus.color}",activeColor:"{navigation.item.icon.active.color}",padding:"2px"},label:{fontSize:"{pds.typography.body.small.size}",fontWeight:"{pds.typography.weight.regular}",lineHeight:"{pds.typography.body.small.lineHeight}"}},submenu:{padding:"{navigation.list.padding}",gap:"{navigation.list.gap}",background:"{content.background}",borderColor:"{content.border.color}",borderRadius:"{content.border.radius}",shadow:"{overlay.navigation.shadow}",mobileIndent:"1rem",icon:{size:"{navigation.submenu.icon.size}",color:"{navigation.submenu.icon.color}",focusColor:"{navigation.submenu.icon.focus.color}",activeColor:"{navigation.submenu.icon.active.color}"}},separator:{borderColor:"{content.border.color}"},mobileButton:{borderRadius:"50%",size:"1.75rem",color:"{text.muted.color}",hoverColor:"{text.hover.muted.color}",hoverBackground:"{content.hover.background}",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"{focus.ring.offset}",shadow:"{focus.ring.shadow}"}},css:({dt:o})=>` 2989 .p-menubar-item-label { 2990 line-height: ${o("menubar.item.label.lineHeight")}; 2991 font-size: ${o("menubar.item.label.fontSize")}; 2992 font-weight: ${o("menubar.item.label.fontWeight")}; 2993 } 2994 2995 .p-menubar-submenu-icon, 2996 .p-menubar-item-icon { 2997 padding: ${o("menubar.item.icon.padding")}; 2998 } 2999 3000 .p-menubar-submenu-icon { 3001 font-size: var(--p-icon-size); 3002 width: calc(var(--p-icon-size) + ${o("menubar.item.icon.padding")}); 3003 height: calc(var(--p-icon-size) + ${o("menubar.item.icon.padding")}); 3004 } 3005 `},message:{root:{borderRadius:"{pds.message.radii.messageRadius}",borderWidth:"{pds.stroke.border}",transitionDuration:"{transition.duration}"},content:{padding:"{pds.message.spacing.padding.default.vertical} {pds.message.spacing.padding.default.horizontal}",gap:"{pds.message.spacing.gap.default.allSide}",sm:{padding:"{pds.message.spacing.padding.small.vertical} {pds.message.spacing.padding.small.horizontal}"},lg:{padding:"{pds.message.spacing.padding.large.vertical} {pds.message.spacing.padding.large.horizontal}"}},text:{fontSize:"{pds.typography.body.medium.size}",fontWeight:"400",sm:{fontSize:"{pds.typography.body.small.size}"},lg:{fontSize:"{pds.typography.body.medium.size}"}},icon:{size:"{pds.density.600}",sm:{size:"{pds.density.600}"},lg:{size:"{pds.density.600}"}},closeButton:{width:"auto",height:"auto",borderRadius:"{pds.message.radii.messageRadius}",focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",offset:"{focusRing.offset}"},padding:"{pds.button.iconButton.spacing.padding.xSmall.allSide}",activeBoxShadow:"0 0 0 4px {pds.colors.pressedRing}"},closeIcon:{size:"{pds.iconSize.xSmall}",sm:{size:"{pds.iconSize.xSmall}"},lg:{size:"{pds.iconSize.xSmall}"}},outlined:{root:{borderWidth:"{pds.stroke.border}"}},simple:{content:{padding:"{pds.message.spacing.padding.default.vertical} {pds.message.spacing.padding.default.horizontal}"}},colorScheme:{light:{info:{background:"{pds.message.colors.surface.info}",borderColor:"{pds.message.colors.border.info}",color:"{pds.message.colors.onSurface.contained.info}
3005",shadow:"none",closeButton:{hoverBackground:"{pds.button.colors.surface.info.bared.hovered}",focusRing:{color:"{pds.button.colors.onSurface.info.bared.enabled}",shadow:"none"},pressed:{background:"{pds.button.colors.surface.info.bared.pressed}"}},outlined:{color:"{pds.message.colors.onSurface.bared.info}",borderColor:"{pds.message.colors.border.info}"},simple:{color:"{pds.message.colors.onSurface.bared.info}"},closeIcon:{color:"{pds.button.colors.onSurface.info.bared.enabled}"}},success:{background:"{pds.message.colors.surface.success}",borderColor:"{pds.message.colors.border.success}",color:"{pds.message.colors.onSurface.contained.success}",shadow:"none",closeButton:{hoverBackground:"{pds.button.colors.surface.success.bared.hovered}",focusRing:{color:"{pds.button.colors.onSurface.success.bared.enabled}",shadow:"none"},pressed:{background:"{pds.button.colors.surface.success.bared.pressed}"}},outlined:{color:"{pds.message.colors.onSurface.bared.success}",borderColor:"{pds.message.colors.border.success}"},simple:{color:"{pds.message.colors.onSurface.bared.success}"},closeIcon:{color:"{pds.button.colors.onSurface.success.bared.enabled}"}},warn:{background:"{pds.message.colors.surface.warning}",borderColor:"{pds.message.colors.border.warning}",color:"{pds.message.colors.onSurface.contained.warning}",shadow:"none",closeButton:{hoverBackground:"{pds.button.colors.surface.warning.bared.hovered}",focusRing:{color:"{pds.button.colors.onSurface.warning.bared.enabled}",shadow:"none"},pressed:{background:"{pds.button.colors.surface.warning.bared.pressed}"}},outlined:{color:"{pds.message.colors.onSurface.bared.warning}",borderColor:"{pds.message.colors.border.warning}"},simple:{color:"{pds.message.colors.onSurface.bared.warning}"},closeIcon:{color:"{pds.button.colors.onSurface.warning.bared.enabled}"}},error:{background:"{pds.message.colors.surface.danger}",borderColor:"{pds.message.colors.border.danger}",color:"{pds.message.colors.onSurface.contained.danger}",shadow:"none",closeButton:{hoverBackground:"{pds.button.colors.surface.danger.bared.hovered}",focusRing:{color:"{pds.button.colors.onSurface.danger.bared.enabled}",shadow:"none"},pressed:{background:"{pds.button.colors.surface.danger.bared.pressed}"}},outlined:{color:"{pds.message.colors.onSurface.bared.danger}",borderColor:"{pds.message.colors.border.danger}"},simple:{color:"{pds.message.colors.onSurface.bared.danger}"},closeIcon:{color:"{pds.button.colors.onSurface.danger.bared.enabled}"}},secondary:{background:"{surface.100}",borderColor:"{surface.200}",color:"{surface.600}",shadow:"none",closeButton:{hoverBackground:"{pds.button.colors.surface.neutral.bared.hovered}",focusRing:{color:"{pds.button.colors.onSurface.neutral.bared.enabled}",shadow:"none"},pressed:{background:"{pds.button.colors.surface.neutral.bared.pressed}"}},outlined:{color:"{surface.500}",borderColor:"{surface.500}"},simple:{color:"{surface.500}"},closeIcon:{color:"{pds.button.colors.onSurface.neutral.bared.enabled}"}},contrast:{background:"{pds.message.colors.surface.contrast}",borderColor:"{pds.message.colors.border.contrast}",color:"{pds.message.colors.onSurface.contained.contrast}",shadow:"none",closeButton:{hoverBackground:"{pds.button.colors.surface.neutral.contained.hovered}",focusRing:{color:"{pds.button.colors.border.primary}",shadow:"none"},pressed:{background:"{pds.button.colors.surface.neutral.contained.pressed}"}},outlined:{color:"{pds.message.colors.onSurface.bared.contrast}",borderColor:"{pds.message.colors.border.contrast}"},simple:{color:"{pds.message.colors.onSurface.bared.contrast}"},closeIcon:{color:"{pds.button.colors.onSurface.neutral.contained.enabled}",background:"{pds.button.colors.surface.neutral.contained.enabled}"}},neutral:{background:"{pds.message.colors.surface.neutral}",borderColor:"{pds.message.colors.border.neutral}",color:"{pds.message.colors.onSurface.contained.neutral}",shadow:"none",closeIcon:{color:"{pds.button.colors.onSurface.neutral.bared.enabled}"},closeButton:{hoverBackground:"{pds.button.colors.surface.neutral.bared.hovered}",pressed:{background:"{pds.button.colors.surface.neutral.bared.pressed}"},focusRing:{color:"{pds.button.colors.onSurface.neutral.bared.enabled}",shadow:"none"}},outlined:{color:"{pds.message.colors.onSurface.bared.neutral}",borderColor:"{pds.message.colors.border.neutral}"},simple:{color:"{pds.message.colors.onSurface.bared.neutral}"}}},dark:{info:{background:"{pds.message.colors.surface.info}",borderColor:"{pds.message.colors.border.info}",color:"{pds.message.colors.onSurface.contained.info}
3005",shadow:"none",closeButton:{hoverBackground:"{pds.button.colors.surface.info.bared.hovered}",focusRing:{color:"{pds.button.colors.onSurface.info.bared.enabled}",shadow:"none"},pressed:{background:"{pds.button.colors.surface.info.bared.pressed}"}},outlined:{color:"{pds.message.colors.onSurface.bared.info}",borderColor:"{pds.message.colors.border.info}"},simple:{color:"{pds.message.colors.onSurface.bared.info}"},closeIcon:{color:"{pds.button.colors.onSurface.info.bared.enabled}"}},success:{background:"{pds.message.colors.surface.success}",borderColor:"{pds.message.colors.border.success}",color:"{pds.message.colors.onSurface.contained.success}",shadow:"none",closeButton:{hoverBackground:"{pds.button.colors.surface.success.bared.hovered}",focusRing:{color:"{pds.button.colors.onSurface.success.bared.enabled}",shadow:"none"},pressed:{background:"{pds.button.colors.surface.success.bared.pressed}"}},outlined:{color:"{pds.message.colors.onSurface.bared.success}",borderColor:"{pds.message.colors.border.success}"},simple:{color:"{pds.message.colors.onSurface.bared.success}"},closeIcon:{color:"{pds.button.colors.onSurface.success.bared.enabled}"}},warn:{background:"{pds.message.colors.surface.warning}",borderColor:"{pds.message.colors.border.warning}",color:"{pds.message.colors.onSurface.contained.warning}",shadow:"none",closeButton:{hoverBackground:"{pds.button.colors.surface.warning.bared.hovered}",focusRing:{color:"{pds.button.colors.onSurface.warning.bared.enabled}",shadow:"none"},pressed:{background:"{pds.button.colors.surface.warning.bared.pressed}"}},outlined:{color:"{pds.message.colors.onSurface.bared.warning}",borderColor:"{pds.message.colors.border.warning}"},simple:{color:"{pds.message.colors.onSurface.bared.warning}"},closeIcon:{color:"{pds.button.colors.onSurface.warning.bared.enabled}"}},error:{background:"{pds.message.colors.surface.danger}",borderColor:"{pds.message.colors.border.danger}",color:"{pds.message.colors.onSurface.contained.danger}",shadow:"none",closeButton:{hoverBackground:"{pds.button.colors.surface.danger.bared.hovered}",focusRing:{color:"{pds.button.colors.onSurface.danger.bared.enabled}",shadow:"none"},pressed:{background:"{pds.button.colors.surface.danger.bared.pressed}"}},outlined:{color:"{pds.message.colors.onSurface.bared.danger}",borderColor:"{pds.message.colors.border.danger}"},simple:{color:"{pds.message.colors.onSurface.bared.danger}"},closeIcon:{color:"{pds.button.colors.onSurface.danger.bared.enabled}"}},secondary:{background:"{surface.800}",borderColor:"{surface.700}",color:"{surface.300}",shadow:"none",closeButton:{hoverBackground:"{pds.button.colors.surface.neutral.bared.hovered}",focusRing:{color:"{pds.button.colors.onSurface.neutral.bared.enabled}",shadow:"none"},pressed:{background:"{pds.button.colors.surface.neutral.bared.pressed}"}},outlined:{color:"{surface.400}",borderColor:"{surface.400}"},simple:{color:"{surface.400}"},closeIcon:{color:"{pds.button.colors.onSurface.neutral.bared.enabled}"}},contrast:{background:"{pds.message.colors.surface.contrast}",borderColor:"{pds.message.colors.border.contrast}",color:"{pds.message.colors.onSurface.contained.contrast}",shadow:"none",closeButton:{hoverBackground:"{pds.button.colors.surface.neutral.contained.hovered}",focusRing:{color:"{pds.button.colors.border.primary}",shadow:"none"},pressed:{background:"{pds.button.colors.surface.neutral.contained.pressed}"}},outlined:{color:"{pds.message.colors.onSurface.bared.contrast}",borderColor:"{pds.message.colors.border.contrast}"},simple:{color:"{pds.message.colors.onSurface.bared.contrast}"},closeIcon:{color:"{pds.button.colors.onSurface.neutral.contained.enabled}",background:"{pds.button.colors.surface.neutral.contained.enabled}"}},neutral:{background:"{pds.message.colors.surface.neutral}",borderColor:"{pds.message.colors.border.neutral}",color:"{pds.message.colors.onSurface.contained.neutral}",shadow:"none",closeIcon:{color:"{pds.button.colors.onSurface.neutral.bared.enabled}"},closeButton:{hoverBackground:"{pds.button.colors.surface.neutral.bared.hovered}",pressed:{background:"{pds.button.colors.surface.neutral.bared.pressed}"},focusRing:{color:"{pds.button.colors.onSurface.neutral.bared.enabled}",shadow:"none"}},outlined:{color:"{pds.message.colors.onSurface.bared.neutral}",borderColor:"{pds.message.colors.border.neutral}"},simple:{color:"{pds.message.colors.onSurface.bared.neutral}"}}}},css:({dt:o})=>` 3006 .p-message-close-button { 3007 padding: ${o("message.closeButton.padding")}; 3008 } 3009 3010 .p-message-close-button:active { 3011 outline: none; 3012 box-shadow: ${o("message.closeButton.activeBoxShadow")}; 3013 } 3014 3015 .p-message-info .p-message-close-button { 3016 color: ${o("message.info.closeIcon.color")}; 3017 } 3018 3019 .p-message-info .p-message-close-button:active { 3020 background: ${o("message.info.closeButton.pressed.background")}; 3021 } 3022 3023 .p-message-success .p-message-close-button { 3024 color: ${o("message.success.closeIcon.color")}; 3025 } 3026 3027 .p-message-success .p-message-close-button:active { 3028 background: ${o("message.success.closeButton.pressed.background")}; 3029 } 3030 3031 .p-message-warn .p-message-close-button { 3032 color: ${o("message.warn.closeIcon.color")}; 3033 } 3034 3035 .p-message-warn .p-message-close-button:active { 3036 background: ${o("message.warn.closeButton.pressed.background")}; 3037 } 3038 3039 .p-message-error .p-message-close-button { 3040 color: ${o("message.error.closeIcon.color")}; 3041 } 3042 3043 .p-message-error .p-message-close-button:active { 3044 background: ${o("message.error.closeButton.pressed.background")}; 3045 } 3046 3047 .p-message-secondary .p-message-close-button { 3048 color: ${o("message.secondary.closeIcon.color")}; 3049 } 3050 3051 .p-message-secondary .p-message-close-button:active { 3052 background: ${o("message.secondary.closeButton.pressed.background")}; 3053 } 3054 3055 .p-message-contrast .p-message-close-button { 3056 color: ${o("message.contrast.closeIcon.color")}; 3057 background: ${o("message.contrast.closeIcon.background")}; 3058 } 3059 3060 .p-message-contrast .p-message-close-button:active { 3061 background: ${o("message.contrast.closeButton.pressed.background")}; 3062 } 3063 3064 .p-message-neutral { 3065 background: ${o("message.neutral.background")}; 3066 border: ${o("message.borderWidth")} solid ${o("message.neutral.borderColor")}; 3067 color: ${o("message.neutral.color")}; 3068 box-shadow: ${o("message.neutral.shadow")}; 3069 border-radius: ${o("message.borderRadius")}; 3070 } 3071 3072 .p-message-neutral .p-message-close-button { 3073 color: ${o("message.neutral.closeIcon.color")}; 3074 } 3075 3076 .p-message-neutral .p-message-close-button:hover { 3077 background: ${o("message.neutral.closeButton.hoverBackgroun
3077d")}; 3078 } 3079 3080 .p-message-neutral .p-message-close-button:active { 3081 background: ${o("message.neutral.closeButton.pressed.background")}; 3082 } 3083 3084 .p-message-neutral.p-message-outlined { 3085 color: ${o("message.neutral.outlined.color")}; 3086 border-color: ${o("message.neutral.outlined.borderColor")}; 3087 } 3088 3089 .p-message-neutral.p-message-simple { 3090 background: transparent; 3091 outline-color: transparent; 3092 box-shadow: none; 3093 border: none; 3094 color: ${o("message.neutral.simple.color")}; 3095 } 3096 `},metergroup:{root:{borderRadius:"{content.border.radius}",gap:"1rem"},meters:{background:"{content.border.color}",size:"0.5rem"},label:{gap:"0.5rem"},labelMarker:{size:"0.5rem"},labelIcon:{size:"1rem"},labelList:{verticalGap:"0.5rem",horizontalGap:"1rem"}},multiselect:{root:{background:"{form.field.background}",disabledBackground:"{form.field.disabled.background}",filledBackground:"{form.field.filled.background}",filledHoverBackground:"{form.field.filled.hover.background}",filledFocusBackground:"{form.field.filled.focus.background}",borderColor:"{form.field.border.color}",hoverBorderColor:"{form.field.hover.border.color}",focusBorderColor:"{form.field.focus.border.color}",invalidBorderColor:"{form.field.invalid.border.color}",color:"{form.field.color}",disabledColor:"{form.field.disabled.color}",placeholderColor:"{form.field.placeholder.color}",invalidPlaceholderColor:"{form.field.invalid.placeholder.color}",shadow:"{form.field.shadow}",paddingX:"{form.field.padding.x}",paddingY:"{form.field.padding.y}",borderRadius:"{form.field.border.radius}",focusRing:{width:"{form.field.focus.ring.width}",style:"{form.field.focus.ring.style}",color:"{form.field.focus.ring.color}",offset:"{form.field.focus.ring.offset}",shadow:"{form.field.focus.ring.shadow}"},transitionDuration:"{form.field.transition.duration}",sm:{fontSize:"{form.field.sm.font.size}",paddingX:"{form.field.sm.padding.x}",paddingY:"{form.field.sm.padding.y}"},lg:{fontSize:"{form.field.lg.font.size}",paddingX:"{form.field.lg.padding.x}",paddingY:"{form.field.lg.padding.y}"}},dropdown:{width:"2.5rem",color:"{form.field.icon.color}"},overlay:{background:"{overlay.select.background}",borderColor:"{overlay.select.border.color}",borderRadius:"{overlay.select.border.radius}",color:"{overlay.select.color}",shadow:"{overlay.select.shadow}"},list:{padding:"{list.padding}",gap:"{list.gap}",header:{padding:"{list.header.padding}"}},option:{focusBackground:"{list.option.focus.background}",selectedBackground:"{list.option.selected.background}",selectedFocusBackground:"{list.option.selected.focus.background}",color:"{list.option.color}",focusColor:"{list.option.focus.color}",selectedColor:"{list.option.selected.color}",selectedFocusColor:"{list.option.selected.focus.color}",padding:"{list.option.padding}",borderRadius:"{list.option.border.radius}",gap:"0.5rem"},optionGroup:{background:"{list.option.group.background}",color:"{list.option.group.color}",fontWeight:"{list.option.group.font.weight}",padding:"{list.option.group.padding}"},chip:{borderRadius:"{pds.chip.radii.chipRadius}"},clearIcon:{color:"{form.field.icon.color}"},emptyMessage:{padding:"{list.option.padding}"},css:({dt:o})=>` 3097 .p-multiselect-display-chip .p-multiselect-label { 3098 gap: calc(${o("multiselect.padding.y")} / 2); 3099 } 3100 `},orderlist:{root:{gap:"1.125rem"},controls:{gap:"0.5rem"}},organizationchart:{root:{gutter:"0.75rem",transitionDuration:"{transition.duration}"},node:{background:"{content.background}",hoverBackground:"{content.hover.background}",selectedBackground:"{highlight.background}",borderColor:"{content.border.color}",color:"{content.color}",selectedColor:"{highlight.color}",hoverColor:"{content.hover.color}",padding:"0.75rem 1rem",toggleablePadding:"0.75rem 1rem 1.25rem 1rem",borderRadius:"{content.border.radius}"},nodeToggleButton:{background:"{content.background}",hoverBackground:"{content.hover.background}",borderColor:"{content.border.color}",color:"{text.muted.color}",hoverColor:"{text.color}",size:"1.5rem",borderRadius:"50%",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"{focus.ring.offset}",shadow:"{focus.ring.shadow}"}},connector:{color:"{content.border.color}
3100",borderRadius:"{content.border.radius}",height:"24px"}},overlaybadge:{root:{outline:{width:"2px",color:"{content.background}"}}},paginator:{root:{padding:"0",gap:"{pds.paginator.spacing.gap.default.horizontal}",borderRadius:"{pds.paginator.radii.paginatorItemRadius}",background:"transparent",color:"{pds.paginator.colors.onSurface.enabled}",transitionDuration:"{transition.duration}",pagesGap:"{pds.paginator.spacing.gap.small.horizontal}",sideControlsGap:"{pds.paginator.spacing.gap.large.horizontal}",fontSize:"{pds.typography.body.medium.size}",lineHeight:"{pds.typography.body.medium.lineHeight}",fontFamily:"{pds.typography.body.bodyFamily}",fontWeight:"{pds.typography.weight.regular}"},navButton:{background:"transparent",hoverBackground:"{pds.paginator.colors.surface.hovered}",selectedBackground:"{pds.paginator.colors.surface.selected}",color:"{pds.paginator.colors.onSurface.enabled}",hoverColor:"{pds.paginator.colors.onSurface.hovered}",selectedColor:"{pds.paginator.colors.onSurface.selected}",width:"2.5rem",height:"2.5rem",borderRadius:"{pds.paginator.radii.paginatorItemRadius}",focusRing:{width:"{pds.stroke.focus}",style:"{focus.ring.style}",color:"{pds.colors.focusRing}",offset:"{focus.ring.offset}",shadow:"{focus.ring.shadow}"},pressedBackground:"{pds.paginator.colors.surface.pressed}",pressedColor:"{pds.paginator.colors.onSurface.pressed}",pressedShadow:"0 0 0 4px {pds.colors.pressedRing}",disabledColor:"{pds.button.colors.onSurface.neutral.disabled}",buttonBorderRadius:"{pds.button.radii.buttonRadius}"},currentPageReport:{color:"{pds.onSurface.neutral.stronger}"},jumpToPageInput:{maxWidth:"2.5rem"},css:({dt:o})=>` 3101 .p-paginator .p-paginator-pages { 3102 gap: ${o("paginator.pagesGap")}; 3103 } 3104 3105 .p-paginator .p-paginator-page, 3106 .p-paginator .p-paginator-next, 3107 .p-paginator .p-paginator-last, 3108 .p-paginator .p-paginator-first, 3109 .p-paginator .p-paginator-prev { 3110 font-size: ${o("paginator.fontSize")}; 3111 line-height: ${o("paginator.lineHeight")}; 3112 font-weight: ${o("paginator.fontWeight")}; 3113 font-family: ${o("paginator.fontFamily")}; 3114 } 3115 3116 .p-paginator .p-paginator-next, 3117 .p-paginator .p-paginator-last, 3118 .p-paginator .p-paginator-first, 3119 .p-paginator .p-paginator-prev { 3120 border-radius: ${o("paginator.navButton.buttonBorderRadius")}; 3121 } 3122 3123 .p-paginator .p-paginator-page:not(:disabled):active, 3124 .p-paginator .p-paginator-next:not(:disabled):active, 3125 .p-paginator .p-paginator-last:not(:disabled):active, 3126 .p-paginator .p-paginator-first:not(:disabled):active, 3127 .p-paginator .p-paginator-prev:not(:disabled):active { 3128 box-shadow: ${o("paginator.navButton.pressedShadow")}; 3129 } 3130 3131 .p-paginator .p-paginator-page:not(.p-paginator-page-selected):active { 3132 color: ${o("paginator.navButton.pressedColor")}; 3133 } 3134 3135 .p-paginator .p-paginator-next:not(:disabled):active, 3136 .p-paginator .p-paginator-last:not(:disabled):active, 3137 .p-paginator .p-paginator-first:not(:disabled):active, 3138 .p-paginator .p-paginator-prev:not(:disabled):active { 3139 color: ${o("paginator.navButton.pressedColor")}; 3140 } 3141 3142 .p-paginator .p-paginator-next-icon, 3143 .p-paginator .p-paginator-last-icon, 3144 .p-paginator .p-paginator-first-icon, 3145 .p-paginator .p-paginator-prev-icon { 3146 display: inline-flex; 3147 color: inherit; 3148 } 3149 3150 .p-paginator .p-paginator-next-icon svg, 3151 .p-paginator .p-paginator-last-icon svg, 3152 .p-paginator .p-paginator-first-icon svg, 3153 .p-paginator .p-paginator-prev-icon svg { 3154 fill: currentColor; 3155 } 3156 3157 .p-paginator .p-paginator-current { 3158 margin-right: calc(${o("paginator.sideControlsGap")} - ${o("paginator.gap")}); 3159 } 3160 3161 .p-paginator .p-paginator-rpp-dropdown { 3162 margin-left: calc(${o("paginator.sideControlsGap")} - ${o("paginator.gap")}); 3163 } 3164 3165 .p-paginator .p-paginator-page.p-disabled, 3166 .p-paginator .p-paginator-next.p-disabled, 3167 .p-paginator .p-paginator-last.p-disabled, 3168 .p-paginator .p-paginator-first.p-disabled, 3169 .p-paginator .p-paginator-prev.p-disabled { 3170 opacity: 100%; 3171 color: ${o("paginator.navButton.disabledColor")}; 3172 } 3173 `},panel:{root:{background:"{pds.panel.colors.surface}",borderColor:"{pds.panel.colors.border}",color:"{pds.panel.colors.onSurfaceBase}",borderRadius:"{pds.panel.radii.panelRadius}",gap:"{pds.panel.spacing.gap}"},header:{background:"transparent",color:"{pds.panel.colors.onSurfaceBase}",padding:"{pds.panel.spacing.padding}",borderColor:"{pds.panel.colors.border}",borderWidth:"0",borderRadius:"0"},toggleableHeader:{padding:"{pds.panel.spacing.padding}"},title:{fontWeight:"{pds.typography.headings.headingsWeight}",fontSize:"{pds.typography.headings.h6.size}",fontFamily:"{pds.typography.headings.headingsFamily}",lineHeight:"{pds.typography.headings.h6.lineHeight}"},content:{padding:"0 {pds.panel.spacing.padding} {pds.panel.spacing.padding} {pds.panel.spacing.padding}"},footer:{padding:"0 {pds.panel.spacing.padding} {pds.panel.spacing.padding} {pds.panel.spacing.padding}
3173",color:"{pds.typography.body.bodyFamily}"},headerButton:{borderRadius:"{pds.button.radii.buttonRadius}",color:"{pds.button.colors.onSurface.neutral.bared.enabled}",hoverBackground:"{pds.button.colors.surface.neutral.bared.hovered}",hoverColor:"{pds.button.colors.onSurface.neutral.bared.enabled}",activeBackground:"{pds.button.colors.surface.neutral.bared.pressed}",activeColor:"{pds.button.colors.onSurface.neutral.bared.pressed}"},css:({dt:o})=>` 3174 .p-panel-title { 3175 flex: 1 0 0; 3176 order: 1; 3177 font-size: ${o("panel.title.fontSize")}; 3178 line-height: ${o("panel.title.lineHeight")}; 3179 font-weight: ${o("panel.title.fontWeight")}; 3180 font-family: ${o("panel.title.fontFamily")}; 3181 } 3182 3183 .p-panel-icons.p-panel-icons-end { 3184 order: 2; 3185 margin-left: auto; 3186 } 3187 3188 .p-panel-icons.p-panel-icons-start { 3189 order: 0; 3190 } 3191 3192 .p-panel-icons.p-panel-icons-center { 3193 order: 2; 3194 width: 100%; 3195 text-align: center; 3196 } 3197 3198 .p-panel-header { 3199 gap: ${o("panel.gap")}; 3200 } 3201 3202 .p-panel-icons { 3203 display: flex; 3204 align-items: center; 3205 gap: ${o("panel.gap")}; 3206 } 3207 3208 .p-panel-header .p-button-icon-only.p-button-rounded { 3209 border-radius: ${o("panel.headerButton.borderRadius")}; 3210 } 3211 3212 .p-panel-header .p-button-text.p-button-secondary:not(:disabled):hover { 3213 background-color: ${o("panel.headerButton.hoverBackground")}; 3214 border-radius: ${o("panel.headerButton.borderRadius")}; 3215 color: ${o("panel.headerButton.hoverColor")}; 3216 } 3217 3218 .p-panel-header .p-button-text.p-button-secondary { 3219 color: ${o("panel.headerButton.color")}; 3220 } 3221 3222 .p-panel-header .p-button-text.p-button-secondary:not(:disabled):active { 3223 color: ${o("panel.headerButton.activeColor")}; 3224 background-color: ${o("panel.headerButton.activeBackground")}; 3225 } 3226 `},panelmenu:{root:{gap:"0.5rem",transitionDuration:"{transition.duration}"},panel:{background:"{content.background}",borderColor:"{content.border.color}",borderWidth:"1px",color:"{content.color}",padding:"0.25rem 0.25rem",borderRadius:"{content.border.radius}",first:{borderWidth:"1px",topBorderRadius:"{content.border.radius}"},last:{borderWidth:"1px",bottomBorderRadius:"{content.border.radius}"}},item:{focusBackground:"{navigation.item.focus.background}",color:"{navigation.item.color}",focusColor:"{navigation.item.focus.color}",gap:"0.5rem",padding:"{navigation.item.padding}",borderRadius:"{content.border.radius}",icon:{color:"{navigation.item.icon.color}",focusColor:"{navigation.item.icon.focus.color}"}},submenu:{indent:"1rem"},submenuIcon:{color:"{navigation.submenu.icon.color}",focusColor:"{navigation.submenu.icon.focus.color}"}},password:{meter:{background:"{pds.password.panel.strengthMeter.colors.surface.neutral}",borderRadius:"{pds.password.panel.strengthMeter.radii.strengthMeterRadius}",height:"8px"},icon:{color:"{pds.inputField.colors.onSurface.icon}",focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"{focusRing.offset}",shadow:"{focusRing.shadow}"}},overlay:{background:"{pds.password.panel.colors.surface}",borderColor:"{pds.password.panel.colors.border}",borderRadius:"{pds.password.panel.radii.passwordPanelRadius}",color:"{pds.password.panel.colors.onSurface.enabled}",padding:"{pds.password.panel.spacing.padding}",shadow:"0 0 4px 0 {pds.shadow.10}, 0 4px 6px -1px {pds.shadow.10}, 0 2px 4px -1px {pds.shadow.5}"},content:{gap:"{pds.password.panel.spacing.gap.default.vertical}",gapSmall:"{pds.password.panel.spacing.gap.small.vertical}",fontSize:"{pds.typography.body.small.size}",fontWeight:"{pds.typography.weight.regular}",lineHeight:"{pds.typography.body.small.lineHeight}"},colorScheme:{light:{strength:{weakBackground:"{pds.password.panel.strengthMeter.colors.surface.danger}",mediumBackground:"{pds.password.panel.strengthMeter.colors.surface.warning}",strongBackground:"{pds.password.panel.strengthMeter.colors.surface.success}"}},dark:{strength:{weakBackground:"{pds.password.panel.strengthMeter.colors.surface.danger}
3226",mediumBackground:"{pds.password.panel.strengthMeter.colors.surface.warning}",strongBackground:"{pds.password.panel.strengthMeter.colors.surface.success}"}}},header:{fontWeight:"{pds.typography.weight.medium}"},suggestions:{gap:"{pds.password.panel.spacing.gap.xSmall.vertical}",itemGap:"{pds.password.panel.spacing.gap.default.horizontal}",iconSize:"{pds.iconSize.small}",invalidColor:"{pds.password.panel.colors.onSurface.disabled}",invalidIconColor:"{pds.password.panel.colors.onSurface.disabled}",validColor:"{pds.password.panel.colors.onSurface.enabled}",validIconColor:"{pds.password.panel.colors.onSurface.success}"},css:({dt:o})=>` 3227 .p-password-content, 3228 .p-password-panel-header, 3229 .p-password-meter-text, 3230 .p-password-suggestions { 3231 font-size: ${o("password.content.fontSize")} !important; 3232 font-weight: ${o("password.content.fontWeight")} !important; 3233 line-height: ${o("password.content.lineHeight")} !important; 3234 } 3235 3236 .p-password-panel-header { 3237 margin-bottom: ${o("password.content.gap")}; 3238 font-weight: ${o("password.header.fontWeight")} !important; 3239 } 3240 3241 .p-password-suggestions { 3242 display: flex; 3243 flex-direction: column; 3244 align-items: flex-start; 3245 align-self: stretch; 3246 gap: ${o("password.suggestions.gap")}; 3247 3248 list-style: none; 3249 padding-left: 0; 3250 margin: 0; 3251 3252 > li { 3253 display: flex; 3254 justify-content: center; 3255 align-items: center; 3256 gap: ${o("password.suggestions.itemGap")}; 3257 width: ${o("pds.typography.body.small.size")}; 3258 height: ${o("pds.typography.body.small.size")}; 3259 color: ${o("password.suggestions.invalidColor")}; 3260 3261 .pds-icon { 3262 color: ${o("password.suggestions.invalidIconColor")}; 3263 fill: currentColor; 3264 transition: color 0.25s ease; 3265 } 3266 } 3267 3268 .pds-icon { 3269 width: ${o("password.suggestions.iconSize")}; 3270 height: ${o("password.suggestions.iconSize")}; 3271 } 3272 3273 > li.valid { 3274 color: ${o("password.suggestions.validColor")}; 3275 3276 .pds-icon { 3277 color: ${o("password.suggestions.validIconColor")}; 3278 fill: currentColor; 3279 } 3280 } 3281 } 3282 3283 .p-password:has(.p-password-toggle-mask-icon) .p-password-clear-icon { 3284 right: calc((${o("form.field.padding.x")} * 2) + ${o("icon.size")}); 3285 padding-inline-end: initial; 3286 margin-top: 0; 3287 transform: translate3d(0, -50%, 0); 3288 } 3289 3290 .p-icon { 3291 width: ${o("pds.typography.body.small.size")}; 3292 height: ${o("pds.typography.body.small.size")}; 3293 } 3294 3295 .p-password-clear-icon, .p-password-toggle-mask-icon { 3296 color: ${o("password.icon.color")}; 3297 } 3298 3299 .p-password-clear-icon:focus-visible, .p-password-toggle-mask-icon:focus-visible { 3300 border-radius: ${o("pds.radii.round")}; 3301 box-shadow: ${o("password.icon.focusRing.shadow")}; 3302 outline: ${o("password.icon.focusRing.width")} ${o("password.icon.focusRing.style")} ${o("password.icon.focusRing.color")}; 3303 outline-offset: ${o("password.icon.focusRing.offset")}; 3304 } 3305 3306 .p-password { 3307 &.p-inputwrapper-filled:not(.p-focus):not(.p-disabled) { 3308 .p-password-label, 3309 .p-password-clear-icon, 3310 .p-password-toggle-mask-icon { 3311 color: ${o("pds.inputField.colors.onSurface.filled")}; 3312 } 3313 } 3314 } 3315 `},picklist:{root:{gap:"1.125rem"},controls:{gap:"0.5rem"}},popover:{root:{background:"{pds.overlayPanel.colors.surface}",borderColor:"{pds.overlayPanel.colors.border}",color:"inherit",borderRadius:"{pds.overlayPanel.radii.overlayPanelRadius}",shadow:"0 0 8px 0 {pds.shadow.10}, 0 10px 15px -3px {pds.shadow.10}, 0 4px 6px -2px {pds.shadow.5}",gutter:"10px",arrowOffset:"1.25rem"},content:{padding:"{pds.overlayPanel.spacing.padding}"}},progressbar:{root:{background:"{pds.progressBar.colors.surface.neutral}",borderRadius:"{pds.progressBar.radii.progressBarRadius}",height:"{pds.typography.body.xSmall.lineHeight}"},value:{background:"{pds.progressBar.colors.surface.primary}"},label:{color:"{pds.progressBar.colors.onSurface.primary}",fontSize:"{pds.typography.body.xSmall.size}",fontWeight:"{pds.typography.weight.semiBold}"}},progressspinner:{colorScheme:{light:{root:{colorOne:"{pds.progressSpinner.colors.onSurface.primary}",colorTwo:"{pds.progressSpinner.colors.onSurface.primary}",colorThree:"{pds.progressSpinner.colors.onSurface.primary}",colorFour:"{pds.progressSpinner.colors.onSurface.primary}"}},dark:{root:{colorOne:"{pds.progressSpinner.colors.onSurface.primary}",colorTwo:"{pds.progressSpinner.colors.onSurface.primary}",colorThree:"{pds.progressSpinner.colors.onSurface.primary}",colorFour:"{pds.progressSpinner.colors.onSurface.primary}"}}},root:{neutralColor:"{pds.progressSpinner.colors.onSurface.neutral}",sizeSm:"{pds.density.600}",sizeMedium:"{pds.density.1000}",sizeLg:"80px"},css:({dt:o})=>` 3316 .p-progressspinner.neutral .p-progressspinner-circle { 3317 animation: p-progressspinner-dash 1.5s ease-in-out infinite; 3318 stroke: ${o("progressspinner.neutral.color")}; 3319 } 3320 3321 /* \u2500\u2500 Size: sm \u2500\u2500 */ 3322 p-progressspinner.pds-size-sm .p-progressspinner-spin { 3323 width: ${o("progressspinner.sizeSm")}; 3324 height: ${o("progressspinner.sizeSm")}; 3325 } 3326 3327 /* \u2500\u2500 Size: medium \u2500\u2500 */ 3328 p-progressspinner.pds-size-md .p-progressspinner-spin { 3329 width: ${o("progressspinner.sizeMedium")}; 3330 height: ${o("progressspinner.sizeMedium")}; 3331 } 3332 3333 /* \u2500\u2500 Size: lg \u2500\u2500 */ 3334 p-progressspinner.pds-size-lg .p-progressspinner-spin { 3335 width: ${o("progressspinner.sizeLg")}; 3336 height: ${o("progressspinner.sizeLg")}; 3337 } 3338 `},radiobutton:{root:{width:"{pds.iconSize.small}",height:"{pds.iconSize.small}",background:"{pds.radioButton.colors.surface.unselected.enabled}
3338",checkedBackground:"{pds.radioButton.colors.surface.selected.enabled}",checkedHoverBackground:"{pds.radioButton.colors.surface.selected.hovered}",disabledBackground:"{pds.radioButton.colors.surface.unselected.disabled}",filledBackground:"{pds.radioButton.colors.surface.selected.enabled}",borderColor:"{pds.radioButton.colors.border.enabled}",hoverBorderColor:"{pds.radioButton.colors.border.hovered}",focusBorderColor:"{pds.radioButton.colors.border.enabled}",checkedBorderColor:"{primary.color}",checkedHoverBorderColor:"{primary.hover.color}",checkedFocusBorderColor:"{pds.colors.focusRing}",checkedDisabledBorderColor:"{pds.radioButton.colors.border.disabled}",invalidBorderColor:"{pds.radioButton.colors.border.danger}",shadow:"{form.field.shadow}",focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"{focusRing.offset}",shadow:"{focusRing.shadow}"},transitionDuration:"{transitionDuration}",sm:{width:"{pds.density.400}",height:"{pds.density.400}"},lg:{width:"{pds.iconSize.base}",height:"{pds.iconSize.base}"},unselectedHoverBackground:"{pds.radioButton.colors.surface.unselected.hovered}",pressedBorderColor:"{pds.radioButton.colors.border.pressed}",activeBoxShadow:"0 0 0 4px {pds.colors.pressedRing}",checkedPressedBackground:"{pds.radioButton.colors.surface.selected.pressed}",activeBG:"{pds.radioButton.colors.surface.unselected.pressed}",helpText:{defaultLabelColor:"{pds.colors.onSurface.base}",defaultLabelFontSize:"{pds.typography.body.medium.size}",defaultLabelLineHeight:"{pds.typography.body.medium.lineHeight}"}},icon:{size:"{pds.density.300}",checkedColor:"{pds.radioButton.colors.onSurface.enabled}",checkedHoverColor:"{pds.radioButton.colors.onSurface.enabled}",disabledColor:"{pds.radioButton.colors.onSurface.disabled}",sm:{size:"{pds.density.250}"},lg:{size:"{pds.density.300}"}},css:({dt:o})=>` 3339 p-radiobutton { 3340 display: inline-flex; 3341 vertical-align: top; 3342 line-height: 0; 3343 } 3344 3345 .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus, .p-radiobutton-input:focus-visible):not(:has(.p-radiobutton-input:active)) .p-radiobutton-box { 3346 outline: ${o("radiobutton.focusRing.width")} ${o("radiobutton.focusRing.style")} ${o("radiobutton.focusRing.color")}; 3347 outline-offset: ${o("radiobutton.focusRing.offset")}; 3348 } 3349 3350 p-radiobutton.ng-invalid.ng-dirty > .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus, .p-radiobutton-input:focus-visible):not(:has(.p-radiobutton-input:active)) .p-radiobutton-box, 3351 .p-radiobutton.p-invalid:not(.p-disabled):has(.p-radiobutton-input:focus, .p-radiobutton-input:focus-visible):not(:has(.p-radiobutton-input:active)) .p-radiobutton-box { 3352 border-color: ${o("radiobutton.invalidBorderColor")}; 3353 } 3354 3355 .p-radiobutton:not(.p-disabled):not(.p-radiobutton-checked):not(.p-invalid):has(.p-radiobutton-input:hover) .p-radiobutton-box { 3356 background: ${o("radiobutton.unselectedHoverBackground")}; 3357 } 3358 3359 p-radiobutton.ng-invalid.ng-dirty > .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box, 3360 .p-radiobutton.p-invalid:not(.p-disabled):has(.p-radiobutton-input:hover):not(:has(.p-radiobutton-input:active)) .p-radiobutton-box { 3361 border-color: ${o("radiobutton.invalidBorderColor")}; 3362 } 3363 3364 p-radiobutton:not(.ng-invalid.ng-dirty) > .p-radiobutton:not(.p-disabled):not(.p-invalid):has(.p-radiobutton-input:active) .p-radiobutton-box { 3365 outline: none; 3366 border-color: ${o("radiobutton.pressedBorderColor")}; 3367 box-shadow: ${o("radiobutton.activeBoxShadow")}; 3368 background: ${o("radiobutton.activeBG")}; 3369 } 3370 3371 p-radiobutton:not(.ng-invalid.ng-dirty) > .p-radiobutton-checked:not(.p-disabled):not(.p-invalid):has(.p-radiobutton-input:active) .p-radiobutton-box { 3372 background: ${o("radiobutton.checkedPressedBackground")}; 3373 border: none; 3374 } 3375 3376 p-radiobutton.ng-invalid.ng-dirty > .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:active) .p-radiobutton-box, 3377 .p-radiobutton.p-invalid:not(.p-disabled):has(.p-radiobutton-input:active) .p-radiobutton-box { 3378 outline: none; 3379 box-shadow: none; 3380 border-color: ${o("radiobutton.invalidBorderColor")}; 3381 } 3382 3383 .default-radio label { 3384 color: ${o("radiobutton.helpText.defaultLabelColor")}; 3385 font-size: ${o("radiobutton.helpText.defaultLabelFontSize")}; 3386 line-height: ${o("radiobutton.helpText.defaultLabelLineHeight")}; 3387 } 3388 3389 .default-radio.disabled label { 3390 color: ${o("radiobutton.icon.disabledColor")}; 3391 } 3392 `},rating:{root:{gap:"0.25rem",transitionDuration:"{transition.duration}",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"{focus.ring.offset}",shadow:"{focus.ring.shadow}"}},icon:{size:"1rem",color:"{text.muted.color}",hoverColor:"{primary.color}",activeColor:"{primary.color}"}},ripple:{colorScheme:{light:{root:{background:"rgba(0,0,0,0.1)"}},dark:{root:{background:"rgba(255,255,255,0.3)"}}}},scrollpanel:{root:{transitionDuration:"{transition.duration}"}
3392,bar:{size:"9px",borderRadius:"{border.radius.sm}",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"{focus.ring.offset}",shadow:"{focus.ring.shadow}"}},colorScheme:{light:{bar:{background:"{surface.100}"}},dark:{bar:{background:"{surface.800}"}}}},select:{root:{background:"{pds.inputField.colors.surface.enabled}",disabledBackground:"{pds.inputField.colors.surface.disabled}",filledBackground:"{pds.inputField.colors.surface.filled}",filledHoverBackground:"{pds.inputField.colors.surface.hovered}",filledFocusBackground:"{pds.inputField.colors.surface.selected}",borderColor:"{pds.inputField.colors.border.neutral.enabled}",hoverBorderColor:"{pds.inputField.colors.border.neutral.hovered}",focusBorderColor:"{pds.inputField.colors.border.neutral.selected}",invalidBorderColor:"{pds.inputField.colors.border.danger.enabled}",color:"{pds.inputField.colors.onSurface.selected}",disabledColor:"{pds.inputField.colors.onSurface.disabled}",placeholderColor:"{pds.inputField.colors.onSurface.enabled}",invalidPlaceholderColor:"{pds.inputField.colors.onSurface.enabled}",shadow:"none",paddingX:"{pds.inputField.spacing.padding.default.horizontal}",paddingY:"{pds.inputField.spacing.padding.default.vertical}",borderRadius:"{pds.inputField.radii.inputRadius}",focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"{focusRing.offset}",shadow:"{focusRing.shadow}"},transitionDuration:"{transitionDuration}",sm:{fontSize:"{pds.typography.body.small.size}",paddingX:"{pds.inputField.spacing.padding.small.horizontal}",paddingY:"{pds.inputField.spacing.padding.small.vertical}",lineHeight:"{pds.typography.body.small.lineHeight}",dropdown:{paddingL:"{pds.button.iconButton.spacing.padding.small.allSide}",paddingR:"{pds.button.iconButton.spacing.padding.small.allSide}",paddingY:"{pds.button.iconButton.spacing.padding.small.allSide}",icon:{containerSize:"{pds.iconSize.xSmall}",size:"{pds.typography.body.xSmall.size}"}},clearIcon:{containerSize:"{pds.iconSize.xSmall}",size:"{pds.typography.body.xSmall.size}"}},lg:{fontSize:"{pds.typography.body.medium.size}",paddingX:"{pds.inputField.spacing.padding.large.horizontal}",paddingY:"{pds.inputField.spacing.padding.large.vertical}",lineHeight:"{pds.typography.body.medium.lineHeight}",dropdown:{paddingL:"{pds.button.iconButton.spacing.padding.large.allSide}",paddingR:"{pds.button.iconButton.spacing.padding.large.allSide}",paddingY:"{pds.button.iconButton.spacing.padding.large.allSide}",icon:{containerSize:"{pds.iconSize.small}",size:"{pds.typography.body.small.size}"}}},hoverBackground:"{pds.inputField.colors.surface.hovered}",activeBackground:"{pds.inputField.colors.surface.selected}",disabledBorderColor:"{pds.inputField.colors.border.neutral.disabled}",filledBorderColor:"{pds.inputField.colors.border.neutral.filled}",hoverColor:"{pds.inputField.colors.onSurface.hovered}",activeColor:"{pds.inputField.colors.onSurface.selected}",filledColor:"{pds.inputField.colors.onSurface.filled}",hoverPlaceholderColor:"{pds.inputField.colors.onSurface.hovered}",disabledPlaceholderColor:"{pds.inputField.colors.onSurface.disabled}",fontSize:"{pds.typography.body.small.size}",fontWeight:"{pds.typography.weight.regular}",lineHeight:"{pds.typography.body.small.lineHeight}"},dropdown:{width:"auto",color:"{pds.inputField.colors.onSurface.icon}",paddingL:"{pds.button.iconButton.spacing.padding.default.allSide}",paddingR:"{pds.button.iconButton.spacing.padding.default.allSide}",paddingY:"{pds.button.iconButton.spacing.padding.default.allSide}",icon:{containerSize:"{pds.iconSize.small}",size:"{pds.typography.body.small.size}"}},overlay:{background:"{pds.select.listbox.colors.surface.enabled}",borderColor:"{pds.select.listbox.colors.border.enabled}",borderRadius:"{pds.select.listbox.radii.listboxRadius}",color:"{pds.select.listbox.listboxOption.colors.onSurface.enabled}",shadow:"0 0 4px 0 {pds.shadow.10}, 0 4px 6px -1px {pds.shadow.10}, 0 2px 4px -1px {pds.shadow.5}",fontSize:"{pds.typography.body.small.size}",fontWeight:"{pds.typography.weight.regular}",lineHeight:"{pds.typography.body.small.lineHeight}"},list:{padding:"{pds.select.listbox.spacing.padding.allSide}",gap:"0",header:{padding:"{pds.density.200} {pds.density.300}"}}
3392,option:{focusBackground:"{pds.select.listbox.listboxOption.colors.surface.hovered}",selectedBackground:"{pds.select.listbox.listboxOption.colors.surface.selected}",selectedFocusBackground:"{pds.select.listbox.listboxOption.colors.surface.selected}",color:"{pds.select.listbox.listboxOption.colors.onSurface.enabled}",focusColor:"{pds.select.listbox.listboxOption.colors.onSurface.hovered}",selectedColor:"{pds.select.listbox.listboxOption.colors.onSurface.selected}",selectedFocusColor:"{pds.select.listbox.listboxOption.colors.onSurface.selected}",padding:` 3393 {pds.select.listbox.listboxOption.spacing.padding.vertical} 3394 {pds.select.listbox.listboxOption.spacing.padding.horizontal} 3395 `,borderRadius:"{pds.select.listbox.listboxOption.radii.listboxOptionRadius}",disabledColor:"{pds.select.listbox.listboxOption.colors.onSurface.disabled}",gap:"{pds.select.listbox.listboxOption.spacing.gap.horizontal}"},optionGroup:{background:"{pds.select.listbox.colors.surface.enabled}",color:"{pds.select.listbox.listboxOption.colors.onSurface.grouped}",fontWeight:"{pds.typography.weight.bold}",padding:` 3396 {pds.select.listbox.listboxOption.spacing.padding.vertical} 3397 {pds.select.listbox.listboxOption.spacing.padding.horizontal} 3398 `},clearIcon:{color:"{pds.inputField.colors.onSurface.icon}",containerSize:"{pds.iconSize.small}",size:"{pds.typography.body.small.size}"},checkmark:{color:"{pds.select.listbox.listboxOption.colors.onSurface.enabled}",gutterStart:"0",gutterEnd:"0",icon:{containerSize:"{pds.iconSize.small}",size:"{pds.typography.body.small.size}"}},emptyMessage:{padding:` 3399 {pds.select.listbox.listboxOption.spacing.padding.vertical} 3400 {pds.select.listbox.listboxOption.spacing.padding.horizontal} 3401 `},css:({dt:o})=>` 3402 .p-select { 3403 font-size: ${o("select.fontSize")}; 3404 font-style: normal; 3405 font-weight: ${o("select.fontWeight")}; 3406 line-height: ${o("select.lineHeight")}; 3407 3408 .p-select-label { 3409 font: inherit; 3410 } 3411 3412 &:not(.p-disabled):hover, 3413 &:not(:disabled):hover { 3414 background-color: ${o("select.hoverBackground")}; 3415 3416 .p-select-label { 3417 &.p-placeholder { 3418 color: ${o("select.hoverPlaceholderColor")}; 3419 } 3420 } 3421 } 3422 3423 &.p-disabled, 3424 &.p-disabled.ng-dirty.ng-invalid, 3425 &:disabled, 3426 &:disabled.ng-dirty.ng-invalid { 3427 opacity: unset; 3428 border-color: ${o("select.disabledBorderColor")}; 3429 3430 .p-select-label { 3431 &.p-placeholder { 3432 color: ${o("select.disabledPlaceholderColor")}; 3433 } 3434 } 3435 } 3436 3437 &:not(.p-disabled):not(.p-focus).ng-dirty.ng-invalid { 3438 border-color: ${o("select.invalid.border.color")}; 3439 } 3440 3441 .p-select-dropdown { 3442 padding: ${o("select.dropdown.paddingY")} 3443 ${o("select.dropdown.paddingR")} 3444 ${o("select.dropdown.paddingY")} 3445 ${o("select.dropdown.paddingL")}; 3446 3447 .p-iconwrapper { 3448 min-width: 1.5rem; 3449 transition: transform ${o("select.transitionDuration")}; 3450 } 3451 3452 &[aria-expanded="true"] { 3453 .p-select-dropdown-icon { 3454 transform: rotate(180deg); 3455 } 3456 } 3457 } 3458 3459 .p-iconwrapper { 3460 width: ${o("select.dropdown.icon.containerSize")}; 3461 height: ${o("select.dropdown.icon.containerSize")}; 3462 3463 .p-icon { 3464 font-size: ${o("select.dropdown.icon.size")}; 3465 width: ${o("select.dropdown.icon.size")}; 3466 height: ${o("select.dropdown.icon.size")}; 3467 } 3468 } 3469 3470 .p-select-clear-icon { 3471 margin-top: calc(-1 * (${o("select.dropdown.icon.containerSize")} / 2)); 3472 inset-inline-end: calc( 3473 ${o("select.dropdown.icon.containerSize")} + 3474 ${o("select.dropdown.paddingL")} + 3475 ${o("select.dropdown.paddingR")} 3476 ); 3477 } 3478 3479 &.p-select-sm { 3480 .p-select-dropdown { 3481 padding: ${o("select.sm.dropdown.paddingY")} 3482 ${o("select.sm.dropdown.paddingR")} 3483 ${o("select.sm.dropdown.paddingY")} 3484 ${o("select.sm.dropdown.paddingL")}
3484; 3485 3486 .p-iconwrapper { 3487 min-width: ${o("pds.typography.body.small.lineHeight")}; 3488 } 3489 } 3490 3491 .p-iconwrapper { 3492 width: ${o("select.sm.dropdown.icon.containerSize")}; 3493 height: ${o("select.sm.dropdown.icon.containerSize")}; 3494 3495 .p-icon { 3496 font-size: ${o("select.sm.dropdown.icon.size")}; 3497 width: ${o("select.sm.dropdown.icon.size")}; 3498 height: ${o("select.sm.dropdown.icon.size")}; 3499 } 3500 } 3501 3502 .p-select-clear-icon { 3503 margin-top: calc(-1 * (${o("select.sm.dropdown.icon.containerSize")} / 2)); 3504 inset-inline-end: calc( 3505 ${o("select.sm.dropdown.icon.containerSize")} + 3506 ${o("select.sm.dropdown.paddingL")} + 3507 ${o("select.sm.dropdown.paddingR")} 3508 ); 3509 } 3510 } 3511 3512 &.p-select-lg { 3513 .p-select-dropdown { 3514 padding: ${o("select.lg.dropdown.paddingY")} 3515 ${o("select.lg.dropdown.paddingR")} 3516 ${o("select.lg.dropdown.paddingY")} 3517 ${o("select.lg.dropdown.paddingL")}; 3518 3519 .p-iconwrapper { 3520 min-width: 1.5rem; 3521 } 3522 } 3523 3524 .p-select-label { 3525 line-height: ${o("select.lg.lineHeight")}; 3526 } 3527 } 3528 3529 &.p-inputwrapper-filled:not(.p-focus):not(.p-disabled) { 3530 background-color: ${o("select.filledBackground")}; 3531 3532 &:not(.ng-invalid) { 3533 border-color: ${o("select.filledBorderColor")}; 3534 } 3535 3536 .p-select-label, 3537 .p-select-clear-icon, 3538 .p-select-dropdown { 3539 color: ${o("select.filledColor")}; 3540 } 3541 } 3542 3543 input:-webkit-autofill, 3544 input:-webkit-autofill:hover, 3545 input:-webkit-autofill:focus, 3546 input:-webkit-autofill:active, 3547 input:autofill, 3548 input:autofill:hover, 3549 input:autofill:focus, 3550 input:autofill:active { 3551 -webkit-box-shadow: 0 0 0 1000px ${o("select.filledBackground")} inset !important; 3552 box-shadow: 0 0 0 1000px ${o("select.filledBackground")} inset !important; 3553 transition: background-color 5000s ease-in-out 0s; 3554 border-radius: inherit !important; 3555 -webkit-text-fill-color: ${o("select.filledColor")} !important; 3556 transition: background-color ${o("select.transitionDuration")} ease-in-out, 3557 box-shadow ${o("select.transitionDuration")} ease-in-out, 3558 -webkit-box-shadow ${o("select.transitionDuration")} ease-in-out; 3559 } 3560 3561 &:hover:not(.p-disabled) { 3562 input:-webkit-autofill, 3563 input:-webkit-autofill:hover, 3564 input:-webkit-autofill:focus, 3565 input:-webkit-autofill:active, 3566 input:autofill, 3567 input:autofill:hover, 3568 input:autofill:focus, 3569 input:autofill:active { 3570 -webkit-box-shadow: 0 0 0 1000px ${o("select.hoverBackground")} inset !important; 3571 box-shadow: 0 0 0 1000px ${o("select.hoverBackground")} inset !important; 3572 } 3573 } 3574 3575 &.p-focus:not(.p-disabled):not(:hover) { 3576 input:-webkit-autofill, 3577 input:-webkit-autofill:hover, 3578 input:-webkit-autofill:focus, 3579 input:-webkit-autofill:active, 3580 input:autofill, 3581 input:autofill:hover, 3582 input:autofill:focus, 3583 input:autofill:active { 3584 -webkit-box-shadow: 0 0 0 1000px ${o("select.activeBackground")} inset !important; 3585 box-shadow: 0 0 0 1000px ${o("select.activeBackground")} inset !important; 3586 } 3587 } 3588 3589 input:autofill { 3590 filter: none; 3591 } 3592 } 3593 3594 .p-select-overlay { 3595 font-size: ${o("select.overlay.fontSize")}; 3596 line-height: ${o("select.overlay.lineHeight")}; 3597 font-style: normal; 3598 font-weight: ${o("select.overlay.fontWeight")}; 3599 overflow: hidden; 3600 3601 .p-select-header { 3602 display: flex; 3603 .p-iconfield { 3604 display: flex; 3605 flex: 1 0 auto; 3606 } 3607 } 3608 3609 .p-select-option { 3610 gap: ${o("select.option.gap")}; 3611 3612 &.p-disabled { 3613 opacity: unset; 3614 color: ${o("select.option.disabledColor")}; 3615 } 3616 3617 &:not(.p-select-option-selected):not(.p-disabled):hover {
3618 background-color: ${o("select.option.focusBackground")}; 3619 color: ${o("select.option.focusColor")}; 3620 } 3621 3622 .p-iconwrapper[styleclass="p-select-option-check-icon"], 3623 .p-iconwrapper[styleclass="p-select-option-blank-icon"] { 3624 width: ${o("select.checkmark.icon.containerSize")}; 3625 height: ${o("select.checkmark.icon.containerSize")}; 3626 3627 svg { 3628 margin: 0; 3629 font-size: ${o("select.checkmark.icon.size")}; 3630 width: ${o("select.checkmark.icon.size")}; 3631 height: ${o("select.checkmark.icon.size")}; 3632 } 3633 } 3634 } 3635 } 3636 `},selectbutton:{root:{borderRadius:"{pds.selectButton.radii.selectButtonRadius}",background:"{pds.selectButton.colors.surface.neutral.enabled}",padding:"{pds.selectButton.spacing.padding.allSide}",gap:"{pds.selectButton.spacing.gap.horizontal}",white:{background:"{pds.selectButton.colors.surface.base.enabled}"}},colorScheme:{light:{root:{invalidBorderColor:"{pds.selectButton.colors.border.danger}"}},dark:{root:{invalidBorderColor:"{pds.selectButton.colors.border.danger}"}}},css:({dt:o})=>` 3637 .p-selectbutton { 3638 border-radius: ${o("selectbutton.borderRadius")}; 3639 padding: ${o("selectbutton.padding")}; 3640 gap: ${o("selectbutton.gap")}; 3641 background: ${o("selectbutton.background")}; 3642 } 3643 3644 .p-selectbutton .p-togglebutton { 3645 border-radius: ${o("togglebutton.border.radius")}; 3646 border-width: 1px; 3647 } 3648 3649 .p-selectbutton .p-togglebutton:first-child { 3650 border-inline-start-width: 1px; 3651 border-start-start-radius: ${o("togglebutton.border.radius")}; 3652 border-end-start-radius: ${o("togglebutton.border.radius")}; 3653 } 3654 3655 .p-selectbutton .p-togglebutton:last-child { 3656 border-start-end-radius: ${o("togglebutton.border.radius")}; 3657 border-end-end-radius: ${o("togglebutton.border.radius")}; 3658 } 3659 3660 .p-selectbutton.white { 3661 background: ${o("selectbutton.white.background")}; 3662 } 3663 `},skeleton:{root:{borderRadius:"{pds.skeleton.radii.skeletonRadius}"},colorScheme:{light:{root:{background:"{pds.skeleton.colors.surface.neutral}",animationBackground:"{pds.skeleton.colors.surface.neutralAlt}"}},dark:{root:{background:"{pds.skeleton.colors.surface.neutral}",animationBackground:"{pds.skeleton.colors.surface.neutralAlt}"}}}},slider:{root:{transitionDuration:"{transitionDuration}",borderRadius:"{pds.slider.radius.sliderHandleRadius}"},track:{background:"{pds.slider.colors.surface.line.enabled}",borderRadius:"{pds.slider.radius.sliderHandleRadius}",size:"0.25rem"},range:{background:"{pds.slider.colors.surface.line.selected}"},handle:{width:"1.25rem",height:"1.25rem",borderRadius:"{pds.slider.radius.sliderHandleRadius}",background:"{pds.slider.colors.surface.handle.enabled}",hoverBackground:"{pds.slider.colors.surface.handle.enabled}",content:{borderRadius:"{pds.slider.radius.sliderHandleRadius}",hoverBackground:"{pds.slider.colors.surface.handle.hovered}
3663",width:"1rem",height:"1rem",shadow:"none",border:"{pds.stroke.border} solid {pds.slider.colors.border.enabled}"},focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"{focusRing.offset}",shadow:"{focusRing.shadow}"},pressed:{background:"{pds.slider.colors.surface.handle.pressed}",border:"{pds.stroke.border} solid {pds.slider.colors.border.pressed}",shadow:"0 0 0 4px {pds.colors.pressedRing}"},hitAreaInset:"-0.75rem"},colorScheme:{light:{handle:{content:{background:"{surface.0}"}}},dark:{handle:{content:{background:"{surface.950}"}}}},disabled:{track:{background:"{pds.slider.colors.surface.line.disabled.unselected}"},range:{background:"{pds.slider.colors.surface.line.disabled.selected}"},handle:{background:"{pds.slider.colors.surface.handle.disabled}",border:"{pds.stroke.border} solid {pds.slider.colors.border.disabled}"}},css:({dt:o})=>` 3664 .p-slider-handle { 3665 &::before { 3666 border: ${o("slider.handle.content.border")}; 3667 } 3668 3669 &::after { 3670 content: ''; 3671 position: absolute; 3672 inset: ${o("slider.handle.hitAreaInset")}; 3673 } 3674 3675 &:active::before { 3676 background: ${o("slider.handle.pressed.background")}; 3677 border: ${o("slider.handle.pressed.border")}; 3678 box-shadow: ${o("slider.handle.pressed.shadow")}; 3679 } 3680 } 3681 3682 .p-slider.p-disabled { 3683 opacity: 1; 3684 background: ${o("slider.disabled.track.background")}; 3685 3686 .p-slider-range { 3687 background: ${o("slider.disabled.range.background")}; 3688 } 3689 3690 .p-slider-handle::before { 3691 background: ${o("slider.disabled.handle.background")}; 3692 border: ${o("slider.disabled.handle.border")}; 3693 } 3694 } 3695 `},speeddial:{root:{gap:"0.5rem",transitionDuration:"{transition.duration}"}},splitbutton:{root:{borderRadius:"0",roundedBorderRadius:"0",raisedShadow:"none",dropdown:{padding:"{button.iconOnly.padding}"},xs:{fontSize:"{pds.typography.body.small.size}",lineHeight:"{pds.typography.body.small.lineHeight}",paddingX:"{pds.button.spacing.padding.xSmall.horizontal}",paddingY:"{pds.button.spacing.padding.xSmall.vertical}",icon:{size:"13px",lineHeight:"{pds.iconSize-x-small}"},iconOnly:{padding:"{pds.button.iconButton.spacing.padding.xSmall.allSide}",lineHeight:"{pds.iconSize-x-small}"},dropdown:{padding:"{button.xs.iconOnly.padding}"}},sm:{dropdown:{padding:"{button.sm.iconOnly.padding}"}},lg:{dropdown:{padding:"{button.lg.iconOnly.padding}"}}},css:({dt:o})=>` 3696 .p-splitbutton-dropdown.p-button { 3697 width: ${o("button.icon.only.width")}; 3698 padding: ${o("splitbutton.dropdown.padding")} 0; 3699 gap: 0; 3700 } 3701 3702 .p-splitbutton.p-splitbutton-sm .p-splitbutton-dropdown.p-button { 3703 padding: ${o("splitbutton.sm.dropdown.padding")} 0; 3704 width: ${o("button.sm.icon.only.width")}; 3705 } 3706 3707 .p-splitbutton.p-splitbutton-lg .p-splitbutton-dropdown.p-button { 3708 padding: ${o("splitbutton.lg.dropdown.padding")} 0; 3709 width: ${o("button.lg.icon.only.width")}; 3710 } 3711 3712 .p-splitbutton.p-splitbutton-xs .p-splitbutton-dropdown.p-button { 3713 padding: ${o("splitbutton.xs.dropdown.padding")} 0; 3714 width: ${o("button.xs.icon.only.width")}; 3715 } 3716 3717 .p-splitbutton.p-splitbutton-xs > .p-button { 3718 font-size: ${o("splitbutton.xs.fontSize")}; 3719 line-height: ${o("splitbutton.xs.lineHeight")}; 3720 padding: ${o("splitbutton.xs.padding.y")} ${o("splitbutton.xs.padding.x")}; 3721 } 3722 3723 .p-splitbutton.p-splitbutton-xs .p-button-icon, 3724 .p-splitbutton.p-splitbutton-xs .p-iconwrapper { 3725 font-size: ${o("splitbutton.xs.icon.size")}; 3726 line-height: ${o("splitbutton.xs.icon.lineHeight")}; 3727 3728 &.pi { 3729 padding-left: 0; 3730 padding-right: 0; 3731 min-width: ${o("splitbutton.xs.iconOnly.lineHeight")}; 3732 } 3733 } 3734 3735 .p-splitbutton.p-splitbutton-xs .pds-icon { 3736 width: ${o("splitbutton.xs.icon.lineHeight")}; 3737 height: ${o("splitbutton.xs.icon.lineHeight")}; 3738 } 3739 `},splitter:{root:{background:"{content.background}",borderColor:"{content.border.color}",color:"{content.color}",transitionDuration:"{transition.duration}"},gutter:{background:"{content.border.color}"},handle:{size:"24px",background:"transparent",borderRadius:"{content.border.radiu
3739s}",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"{focus.ring.offset}",shadow:"{focus.ring.shadow}"}}},stepper:{root:{transitionDuration:"{transition.duration}",fontFamily:"{pds.typography.body.bodyFamily}",fontWeight:"{pds.typography.weight.medium}",fontSize:"{pds.typography.body.small.size}",lineHeight:"{pds.typography.body.small.lineHeight}"},separator:{background:"{pds.stepper.colors.border.neutral.enabled}",activeBackground:"{pds.stepper.colors.border.neutral.selected}",margin:"0 0 0 1.625rem",size:"1px"},step:{padding:"{pds.stepper.spacing.padding.default.vertical} {pds.stepper.spacing.padding.default.horizontal}",gap:"{pds.stepper.spacing.gap.default.horizontal}"},stepHeader:{padding:"0",borderRadius:"{pds.stepper.radii.stepperFocusRadius}",focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"2.5px",shadow:"none"},gap:"{pds.stepper.spacing.gap.default.horizontal}",hover:{titleColor:"{pds.stepper.colors.onSurface.hovered}",numberColor:"{pds.stepper.colors.onSurface.hovered}",numberBorderColor:"{pds.stepper.colors.border.neutral.hovered}",separatorBackground:"{pds.stepper.colors.border.neutral.hovered}"},finished:{titleColor:"{pds.stepper.colors.onSurface.finished}",numberColor:"{pds.stepper.colors.onSurface.circle.finished}",numberBorderColor:"{pds.stepper.colors.border.neutral.finished}",numberBackground:"{pds.stepper.colors.surface.finished}",separatorBackground:"{pds.stepper.colors.border.neutral.finished}"}},stepTitle:{color:"{pds.stepper.colors.onSurface.enabled}",activeColor:"{pds.stepper.colors.onSurface.selected}",fontWeight:"{pds.typography.weight.medium}",activeWeight:"{pds.typography.weight.bold}"},stepNumber:{background:"{content.background}",activeBackground:"{content.background}",borderColor:"{pds.stepper.colors.border.neutral.enabled}",activeBorderColor:"{pds.stepper.colors.border.neutral.selected}",color:"{pds.stepper.colors.onSurface.enabled}",activeColor:"{pds.stepper.colors.onSurface.selected}",size:"24px",fontSize:"{pds.typography.body.small.size}",fontWeight:"{pds.typography.weight.regular}",borderRadius:"{pds.stepper.radii.stepperRadius}",shadow:"none",borderSize:"{pds.stroke.border}",activeWeight:"{pds.typography.weight.bold}"},steppanels:{padding:"0.875rem 0.5rem 1.125rem 0.5rem"},steppanel:{background:"{content.background}",color:"{content.color}",padding:"0",indent:"1rem"},css:({dt:o})=>` 3740 .p-step-active .p-step-title { 3741 font-weight: ${o("stepper.stepTitle.activeWeight")}; 3742 } 3743 3744 .p-step-header:hover .p-step-title { 3745 color: ${o("stepper.stepHeader.hover.titleColor")}; 3746 } 3747 3748 .p-step-header:hover .p-step-number { 3749 color: ${o("stepper.stepHeader.hover.numberColor")}; 3750 border-color: ${o("stepper.stepHeader.hover.numberBorderColor")}; 3751 } 3752 3753 .p-step-header:hover ~ .p-stepper-separator { 3754 background: ${o("stepper.stepHeader.hover.separatorBackground")}; 3755 } 3756 3757 .p-step:has(~ .p-step-active) .p-step-title { 3758 color: ${o("stepper.stepHeader.finished.titleColor")}; 3759 } 3760 3761 .p-step:has(~ .p-step-active) .p-step-number { 3762 color: ${o("stepper.stepHeader.finished.numberColor")}; 3763 border-color: ${o("stepper.stepHeader.finished.numberBorderColor")}; 3764 background: ${o("stepper.stepHeader.finished.numberBackground")}; 3765 } 3766 3767 .p-step:has(~ .p-step-active) .p-stepper-separator { 3768 background: ${o("stepper.stepHeader.finished.separatorBackground")}; 3769 } 3770 3771 .p-step-number { 3772 border-width: ${o("stepper.stepNumber.borderSize")}; 3773 } 3774 3775 .p-step-active .p-step-number { 3776 font-weight: ${o("stepper.stepNumber.activeWeight")}; 3777 } 3778 3779 .p-step-header { 3780 font-size: ${o("stepper.fontSize")}; 3781 line-height: ${o("stepper.lineHeight")}; 3782 font-weight: ${o("stepper.fontWeight")}; 3783 font-family: ${o("stepper.fontFamily")}; 3784 } 3785 `},steps:{root:{transitionDuration:"{transition.duration}"},separator:{background:"{content.border.color}"},itemLink:{borderRadius:"{content.border.radius}",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"{focus.ring.offset}",shadow:"{focus.ring.shadow}"},gap:"0.5rem"},itemLabel:{color:"{text.muted.color}",activeColor:"{primary.color}",fontWeight:"500"},itemNumber:{background:"{content.background}
3785",activeBackground:"{content.background}",borderColor:"{content.border.color}",activeBorderColor:"{content.border.color}",color:"{text.muted.color}",activeColor:"{primary.color}",size:"2rem",fontSize:"1.143rem",fontWeight:"500",borderRadius:"50%",shadow:"0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12)"}},tabmenu:{root:{transitionDuration:"{transition.duration}"},tablist:{borderWidth:"0 0 1px 0",background:"{content.background}",borderColor:"{content.border.color}"},item:{background:"transparent",hoverBackground:"transparent",activeBackground:"transparent",borderWidth:"0 0 1px 0",borderColor:"{content.border.color}",hoverBorderColor:"{content.border.color}",activeBorderColor:"{primary.color}",color:"{text.muted.color}",hoverColor:"{text.color}",activeColor:"{primary.color}",padding:"1rem 1.125rem",fontWeight:"600",margin:"0 0 -1px 0",gap:"0.5rem",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"{focus.ring.offset}",shadow:"{focus.ring.shadow}"}},itemIcon:{color:"{text.muted.color}",hoverColor:"{text.color}",activeColor:"{primary.color}"},activeBar:{height:"1px",bottom:"-1px",background:"{primary.color}"}},tabs:{root:{transitionDuration:"{transitionDuration}"},tablist:{borderWidth:"0px 0px {pds.stroke.border} 0px",background:"transparent",borderColor:"{pds.divider.colors.border}",scrollablePadding:"{focusRing.offset} * 2"},tab:{background:"transparent",hoverBackground:"transparent",activeBackground:"transparent",borderWidth:"0px",borderColor:"{pds.tab.colors.border.enabled}",hoverBorderColor:"{pds.tab.colors.border.enabled}",activeBorderColor:"{pds.tab.colors.border.selected}",color:"{pds.tab.colors.onSurface.enabled}",hoverColor:"{pds.tab.colors.onSurface.hovered}",activeColor:"{pds.tab.colors.onSurface.enabled}",padding:"{pds.tab.spacing.padding.vertical} {pds.tab.spacing.padding.horizontal}",fontWeight:"400",margin:"0px",gap:"{pds.tab.spacing.gap.horizontal}",focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"-1 * ({pds.stroke.border} + {focusRing.offset})",shadow:"{focus.ring.shadow}"},disabledBackground:"transparent",borderRadius:"0px",focusBorderRadius:"{pds.tab.radii.tabFocusRadius}",activeBorderWidth:"0px",disabledBorderColor:"{pds.tab.colors.border.disabled}",disabledColor:"{pds.tab.colors.onSurface.disabled}",activeFontWeight:"{pds.typography.weight.bold}",contained:{background:"{pds.tab.colors.surface.enabled}",hoverBackground:"{pds.tab.colors.surface.hovered}",activeBackground:"{pds.tab.colors.surface.selected}",disabledBackground:"{pds.tab.colors.surface.disabled}",borderRadius:"0px",focusBorderRadius:"{pds.tab.radii.tabFocusRadius}",borderWidth:"0px 0px {pds.stroke.border} 0px",activeBorderWidth:"0px 0px {pds.stroke.focus} 0px",borderColor:"{pds.tab.colors.border.enabled}",hoverBorderColor:"{pds.tab.colors.border.enabled}",activeBorderColor:"{pds.tab.colors.border.selected}",disabledBorderColor:"{pds.tab.colors.border.disabled}",color:"{pds.tab.colors.onSurface.enabled}",hoverColor:"{pds.tab.colors.onSurface.hovered}",activeColor:"{pds.tab.colors.onSurface.enabled}",disabledColor:"{pds.tab.colors.onSurface.disabled}"}},tabpanel:{background:"{transparent}",color:"inherit",padding:"0",focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"{focusRing.offset}",shadow:"{focusRing.shadow}"}},navButton:{background:"transparent",color:"{pds.button.colors.onSurface.neutral.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.neutral.bared.hovered}",width:"2.5rem",focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"{focusRing.offset}",shadow:"{focusRing.shadow}"},activeColor:"{pds.button.colors.onSurface.neutral.bared.pressed}",borderRadius:"{pds.button.radii.buttonRadius}",padding:"{pds.button.iconButton.spacing.padding.default.allSide}",lineheight:"1.5rem"},activeBar:{height:"{pds.stroke.focus}",bottom:"-0.5 * {pds.stroke.focus}",background:"{pds.tab.colors.border.selected}"},colorScheme:{light:{navButton:{shadow:"0px 0px 10px 50px rgba(255, 255, 255, 0.6)"}},dark:{navButton:{shadow:"0px 0px 10px 50px color-mix(in srgb, {content.background}, transparent 50%)"}}},css:({dt:o})=>` 3786 .p-tab { 3787 border-radius: ${o("tabs.tab.borderRadius")}; 3788 } 3789 3790 .p-tab-active { 3791 font-weight: ${o("tabs.tab.activeFontWeight")}; 3792 } 3793 3794 .p-tabs-gray .p-tab { 3795 background: ${o("tabs.tab.contained.background")}; 3796 } 3797 .p-tabs-gray .p-tab:not(.p-tab-active):not(.p-disabled):hover {
3798 background: ${o("tabs.tab.contained.hoverBackground")}; 3799 } 3800 .p-tabs-gray .p-tab-active { 3801 background: ${o("tabs.tab.contained.activeBackground")}; 3802 } 3803 3804 .p-tabs-no-underline { 3805 .p-tablist-tab-list { 3806 border-width: 0px; 3807 } 3808 3809 .p-tablist-active-bar { 3810 height: 0px; 3811 visibility: hidden; 3812 opacity: 0; 3813 user-select: none; 3814 } 3815 } 3816 3817 .p-tablist-nav-button { 3818 all: initial; 3819 display: inline-flex; 3820 cursor: pointer; 3821 user-select: none; 3822 align-items: center; 3823 justify-content: center; 3824 width: ${o("tabs.navButton.width")}; 3825 padding: ${o("tabs.navButton.padding")}; 3826 transition: 3827 color ${o("tabs.transition.duration")}, 3828 outline-color ${o("tabs.transition.duration")}, 3829 box-shadow ${o("tabs.transition.duration")}; 3830 border-radius: ${o("tabs.navButton.borderRadius")}; 3831 overflow: hidden; 3832 position: relative !important; 3833 font-size: 1rem; 3834 font-family: inherit; 3835 font-feature-settings: inherit; 3836 line-height: ${o("tabs.navButton.lineheight")}; 3837 gap: 0; 3838 background: ${o("tabs.navButton.background")}; 3839 color: ${o("tabs.navButton.color")}; 3840 } 3841 3842 .p-tablist-nav-button:focus-visible { 3843 z-index: 1; 3844 box-shadow: ${o("tabs.navButton.focusRing.shadow")}; 3845 outline: ${o("tabs.navButton.focusRing.width")} ${o("tabs.navButton.focusRing.style")} ${o("tabs.navButton.focusRing.color")}; 3846 outline-offset: ${o("tabs.navButton.focusRing.offset")}; 3847 } 3848 3849 .p-tablist-nav-button:hover { 3850 color: ${o("tabs.navButton.hoverColor")}; 3851 } 3852 3853 .p-tablist-nav-button:active { 3854 color: ${o("tabs.navButton.activeColor")}; 3855 } 3856 3857 .p-tabs-scrollable > .p-tablist { 3858 padding: ${o("tabs.tablist.scrollablePadding")}; 3859 } 3860 `},tabview:{root:{transitionDuration:"{transition.duration}"},tabList:{background:"{content.background}",borderColor:"{content.border.color}"},tab:{borderColor:"{content.border.color}",activeBorderColor:"{primary.color}",color:"{text.muted.color}",hoverColor:"{text.color}",activeColor:"{primary.color}"},tabPanel:{background:"{content.background}",color:"{content.color}"},navButton:{background:"{content.background}",color:"{text.muted.color}",hoverColor:"{text.color}"},colorScheme:{light:{navButton:{shadow:"0px 0px 10px 50px rgba(255, 255, 255, 0.6)"}},dark:{navButton:{shadow:"0px 0px 10px 50px color-mix(in srgb, {content.background}, transparent 50%)"}}}},tag:{root:{fontSize:"{pds.typography.body.small.size}",fontWeight:"{pds.typography.weight.regular}",padding:"{pds.tag.spacing.padding.vertical} {pds.tag.spacing.padding.horizontal}",gap:"{pds.tag.spacing.gap.horizontal}",borderRadius:"{pds.tag.radii.tagRadius}",roundedBorderRadius:"{pds.tag.radii.tagPillRadius}",lineHeight:"{pds.typography.body.small.lineHeight}"},icon:{size:"{pds.iconSize.xSmall}"},colorScheme:{light:{primary:{background:"{pds.tag.colors.surface.primary}",color:"{pds.tag.colors.onSurface.primary}"},secondary:{background:"{pds.tag.colors.surface.secondary}",color:"{pds.tag.colors.onSurface.secondary}"},success:{background:"{pds.tag.colors.surface.success}",color:"{pds.tag.colors.onSurface.success}"},info:{background:"{pds.tag.colors.surface.info}",color:"{pds.tag.colors.onSurface.info}"},warn:{background:"{pds.tag.colors.surface.warning}",color:"{pds.tag.colors.onSurface.warning}"},danger:{background:"{pds.tag.colors.surface.danger}",color:"{pds.tag.colors.onSurface.danger}"},contrast:{background:"{pds.tag.colors.surface.contrast}",color:"{pds.tag.colors.onSurface.contrast}"},neutral:{background:"{pds.tag.colors.surface.neutral}",color:"{pds.tag.colors.onSurface.neutral}"}},dark:{primary:{background:"color-mix(in srgb, {primary.500}, transparent 84%)",color:"{primary.300}"},secondary:{background:"{surface.800}",color:"{surface.300}"},success:{background:"color-mix(in srgb, {green.500}, transparent 84%)",color:"{green.300}"},info:{background:"color-mix(in srgb, {sky.500}, transparent 84%)",color:"{sky.300}"},warn:{background:"color-mix(in srgb, {orange.500}, transparent 84%)",color:"{orange.300}"},danger:{background:"color-mix(in srgb, {red.500}, transparent 84%)",color:"{red.300}"},contrast:{background:"{surface.0}",color:"{surface.950}"},neutral:{background:"{pds.tag.colors.surface.neutral}",color:"{pds.tag.colors.onSurface.neutral}"}}},css:({dt:o})=>` 3861 .p-tag { 3862 line-height: ${o("tag.lineHeight")}; 3863 } 3864 3865 .p-tag-label { 3866 font-style: normal; 3867 } 3868 3869 .p-tag-neutral { 3870 background: ${o("tag.neutral.background")}; 3871 color: ${o("tag.neutral.color")}; 3872 }`},terminal:{root:{background:"{form.field.background}",borderColor:"{form.field.border.color}",color:"{form.field.color}",height:"18rem",padding:"{form.field.padding.y} {form.field.padding.x}
3872",borderRadius:"{form.field.border.radius}"},prompt:{gap:"0.25rem"},commandResponse:{margin:"2px 0"}},textarea:{root:{background:"{form.field.background}",disabledBackground:"{form.field.disabled.background}",filledBackground:"{form.field.filled.background}",filledHoverBackground:"{form.field.filled.hover.background}",filledFocusBackground:"{form.field.filled.focus.background}",borderColor:"{form.field.border.color}",hoverBorderColor:"{form.field.hover.border.color}",focusBorderColor:"{form.field.focus.border.color}",invalidBorderColor:"{form.field.invalid.border.color}",color:"{form.field.color}",disabledColor:"{form.field.disabled.color}",placeholderColor:"{form.field.placeholder.color}",invalidPlaceholderColor:"{form.field.invalid.placeholder.color}",shadow:"{form.field.shadow}",paddingX:"{form.field.padding.x}",paddingY:"{form.field.padding.y}",borderRadius:"{form.field.border.radius}",focusRing:{width:"{form.field.focus.ring.width}",style:"{form.field.focus.ring.style}",color:"{form.field.focus.ring.color}",offset:"{form.field.focus.ring.offset}",shadow:"{form.field.focus.ring.shadow}"},transitionDuration:"{form.field.transition.duration}",sm:{fontSize:"{form.field.sm.font.size}",paddingX:"{form.field.sm.padding.x}",paddingY:"{form.field.sm.padding.y}",lineHeight:"{form.field.sm.line.height}"},lg:{fontSize:"{form.field.lg.font.size}",paddingX:"{form.field.lg.padding.x}",paddingY:"{form.field.lg.padding.y}",lineHeight:"{form.field.lg.line.height}"},hoverBackground:"{form.field.hover.background}",activeBackground:"{form.field.active.background}",disabledBorderColor:"{form.field.disabled.border.color}",filledBorderColor:"{form.field.filled.border.color}",hoverColor:"{form.field.hover.color}",activeColor:"{form.field.active.color}",filledColor:"{form.field.filled.color}",hoverPlaceholderColor:"{form.field.hover.placeholder.color}",disabledPlaceholderColor:"{form.field.disabled.placeholder.color}",fontSize:"{form.field.font.size}",fontWeight:"{form.field.font.weight}",lineHeight:"{form.field.line.height}"},css:({dt:o})=>` 3873 .p-textarea { 3874 font-size: ${o("textarea.fontSize")}; 3875 font-style: normal; 3876 font-weight: ${o("textarea.fontWeight")}; 3877 line-height: ${o("textarea.lineHeight")}; 3878 3879 &:enabled:hover { 3880 background-color: ${o("textarea.hoverBackground")}; 3881 } 3882 3883 &:enabled:hover::-webkit-input-placeholder { 3884 color: ${o("textarea.hoverPlaceholderColor")}; 3885 } 3886 3887 &:enabled:hover:-moz-placeholder { 3888 color: ${o("textarea.hoverPlaceholderColor")}; 3889 } 3890 3891 &:enabled:hover::-moz-placeholder { 3892 color: ${o("textarea.hoverPlaceholderColor")}; 3893 } 3894 3895 &:enabled:hover:-ms-input-placeholder { 3896 color: ${o("textarea.hoverPlaceholderColor")}; 3897 } 3898 3899 &:enabled:hover::placeholder { 3900 color: ${o("textarea.hoverPlaceholderColor")}; 3901 } 3902 3903 &:disabled, 3904 &:disabled.ng-dirty.ng-invalid { 3905 opacity: unset; 3906 border-color: ${o("textarea.disabledBorderColor")}; 3907 } 3908 3909 &:disabled::-webkit-input-placeholder { 3910 color: ${o("textarea.disabledPlaceholderColor")}; 3911 } 3912 3913 &:disabled:-moz-placeholder { 3914 color: ${o("textarea.disabledPlaceholderColor")}; 3915 } 3916 3917 &:disabled::-moz-placeholder { 3918 color: ${o("textarea.disabledPlaceholderColor")}; 3919 } 3920 3921 &:disabled:-ms-input-placeholder { 3922 color: ${o("textarea.disabledPlaceholderColor")}; 3923 } 3924 3925 &:disabled::placeholder { 3926 color: ${o("textarea.disabledPlaceholderColor")}; 3927 } 3928 3929 &:enabled:focus { 3930 background-color: ${o("textarea.activeBackground")}; 3931 color: ${o("textarea.color")}; 3932 } 3933 3934 &:enabled:focus-visible { 3935 border-color: ${o("textarea.focusBorderColor")}; 3936 background-color: ${o("textarea.activeBackground")}; 3937 color: ${o("textarea.color")}; 3938 outline: ${o("textarea.focusRing.width")} 3939 ${o("textarea.focusRing.style")} 3940 ${o("textarea.focusRing.color")}; 3941 outline-offset: ${o("textarea.focusRing.offset")}; 3942 } 3943
3944 &.p-filled:not(:focus):not(:disabled) { 3945 background-color: ${o("textarea.filledBackground")}; 3946 border-color: ${o("textarea.filledBorderColor")}; 3947 color: ${o("textarea.filledColor")}; 3948 } 3949 3950 &:enabled.ng-dirty.ng-invalid:not(:focus) { 3951 border-color: ${o("textarea.invalidBorderColor")}; 3952 } 3953 3954 &.p-inputfield-lg { 3955 font-size: ${o("textarea.lg.fontSize")}; 3956 line-height: ${o("textarea.lg.lineHeight")}; 3957 } 3958 } 3959 `},tieredmenu:{root:{background:"{pds.select.listbox.colors.surface.enabled}",borderColor:"{pds.select.listbox.colors.border.enabled}",color:"{pds.select.listbox.listboxOption.colors.onSurface.enabled}",borderRadius:"{pds.select.listbox.radii.listboxRadius}",shadow:"0 0 4px 0 {pds.shadow.10}, 0 4px 6px -1px {pds.shadow.10}, 0 2px 4px -1px {pds.shadow.5}",transitionDuration:"{transitionDuration}",fontSize:"{pds.typography.body.small.size}",fontWeight:"{pds.typography.weight.regular}",lineHeight:"{pds.typography.body.small.lineHeight}"},list:{padding:"{pds.select.listbox.spacing.padding.allSide}",gap:"0"},item:{focusBackground:"{pds.select.listbox.listboxOption.colors.surface.hovered}",activeBackground:"{pds.select.listbox.listboxOption.colors.surface.selected}",color:"{pds.select.listbox.listboxOption.colors.onSurface.enabled}",focusColor:"{pds.select.listbox.listboxOption.colors.onSurface.hovered}",activeColor:"{pds.select.listbox.listboxOption.colors.onSurface.selected}",padding:` 3960 {pds.select.listbox.listboxOption.spacing.padding.vertical} 3961 {pds.select.listbox.listboxOption.spacing.padding.horizontal} 3962 `,borderRadius:"{pds.select.listbox.listboxOption.radii.listboxOptionRadius}",gap:"{pds.select.listbox.listboxOption.spacing.gap.horizontal}",icon:{color:"{pds.select.listbox.listboxOption.colors.onSurface.enabled}",focusColor:"{pds.select.listbox.listboxOption.colors.onSurface.hovered}",activeColor:"{pds.select.listbox.listboxOption.colors.onSurface.selected}"},disabledColor:"{pds.select.listbox.listboxOption.colors.onSurface.disabled}",danger:{hoverBackground:"{pds.button.colors.surface.danger.bared.hovered}",activeBackground:"{pds.button.colors.surface.danger.bared.pressed}",color:"{pds.button.colors.onSurface.danger.bared.enabled}",hoverColor:"{pds.button.colors.onSurface.danger.bared.hovered}",activeColor:"{pds.button.colors.onSurface.danger.bared.pressed}"}},submenu:{mobileIndent:"1rem"},submenuIcon:{size:"{pds.typography.body.small.size}",color:"{pds.select.listbox.listboxOption.colors.onSurface.enabled}",focusColor:"{pds.select.listbox.listboxOption.colors.onSurface.hovered}",activeColor:"{pds.select.listbox.listboxOption.colors.onSurface.selected}"},separator:{borderColor:"{pds.select.listbox.colors.border.enabled}"},css:({dt:o})=>` 3963 .p-tieredmenu { 3964 font-size: ${o("tieredmenu.fontSize")}; 3965 font-style: normal; 3966 font-weight: ${o("tieredmenu.fontWeight")}; 3967 line-height: ${o("tieredmenu.lineHeight")}; 3968 overflow: hidden; 3969 3970 .p-tieredmenu-item-link, 3971 .p-tieredmenu-item-label { 3972 font: inherit; 3973 } 3974 3975 .p-tieredmenu-item-label { 3976 line-height: inherit; 3977 } 3978 3979 .p-tieredmenu-item.p-disabled > .p-tieredmenu-item-content { 3980 opacity: unset; 3981 color: ${o("tieredmenu.item.disabledColor")}; 3982 3983 .p-tieredmenu-item-icon, 3984 .p-tieredmenu-submenu-icon { 3985 color: ${o("tieredmenu.item.disabledColor")}; 3986 } 3987 } 3988 3989 .p-tieredmenu-item.p-menuitem-danger > .p-tieredmenu-item-content { 3990 color: ${o("tieredmenu.item.danger.color")}; 3991 3992 .p-tieredmenu-item-icon, 3993 .p-tieredmenu-submenu-icon { 3994 color: ${o("tieredmenu.item.danger.color")}; 3995 } 3996 } 3997 3998 .p-tieredmenu-item.p-menuitem-danger:not(.p-disabled) > .p-tieredmenu-item-content:hover, 3999 .p-tieredmenu-item.p-menuitem-danger.p-focus > .p-tieredmenu-item-content { 4000 background: ${o("tieredmenu.item.danger.hoverBackground")}; 4001 color: ${o("tieredmenu.item.danger.hoverColor")}; 4002 4003 .p-tieredmenu-item-icon, 4004 .p-tieredmenu-submenu-icon { 4005 color: ${o("tieredmenu.item.danger.hoverColor")}; 4006 } 4007 } 4008
4009 .p-tieredmenu-item.p-menuitem-danger.p-tieredmenu-item-active > .p-tieredmenu-item-content { 4010 background: ${o("tieredmenu.item.danger.activeBackground")}; 4011 color: ${o("tieredmenu.item.danger.activeColor")}; 4012 4013 .p-tieredmenu-item-icon, 4014 .p-tieredmenu-submenu-icon { 4015 color: ${o("tieredmenu.item.danger.activeColor")}; 4016 } 4017 } 4018 4019 .p-tieredmenu-separator { 4020 margin-block: ${o("tieredmenu.list.padding")}; 4021 } 4022 } 4023 `},timeline:{event:{minHeight:"5rem"},horizontal:{eventContent:{padding:"1rem 0"}},vertical:{eventContent:{padding:"0 1rem"}},eventMarker:{size:"1.125rem",borderRadius:"50%",borderWidth:"2px",background:"{content.background}",borderColor:"{content.border.color}",content:{borderRadius:"50%",size:"0.375rem",background:"{primary.color}",insetShadow:"0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12)"}},eventConnector:{color:"{content.border.color}",size:"2px"}},toast:{root:{width:"280px",borderRadius:"{pds.toast.radii.toastRadius}",borderWidth:"{pds.stroke.border}",transitionDuration:"{transition.duration}"},icon:{size:"{pds.iconSize.base}",padding:"{pds.toast.spacing.padding.small.vertical} 0"},content:{padding:"{pds.toast.spacing.padding.default.vertical}",gap:"{pds.toast.spacing.gap.horizontal}"},text:{gap:"{pds.toast.spacing.gap.vertical}",paddingTop:"{pds.toast.spacing.padding.small.vertical}"},summary:{fontWeight:"500",fontSize:"{pds.typography.body.medium.size}"},detail:{fontWeight:"400",fontSize:"{pds.typography.body.small.size}"},closeButton:{width:"auto",height:"auto",borderRadius:"{pds.button.radii.buttonRadius}",focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",offset:"{focusRing.offset}"},padding:"{pds.button.iconButton.spacing.padding.xSmall.allSide}",activeBoxShadow:"0 0 0 4px {pds.colors.pressedRing}"},closeIcon:{size:"{pds.iconSize.xSmall}"},colorScheme:{light:{root:{blur:"none"},info:{background:"{pds.toast.colors.surface.info}",borderColor:"{pds.toast.colors.border.info}",color:"{pds.toast.colors.onSurface.title.info}",detailColor:"{pds.toast.colors.onSurface.content.info}",shadow:"none",closeButton:{hoverBackground:"{pds.button.colors.surface.info.bared.hovered}",focusRing:{color:"{pds.button.colors.onSurface.info.bared.enabled}",shadow:"none"},pressed:{background:"{pds.button.colors.surface.info.bared.pressed}"}},icon:{color:"{pds.toast.colors.onSurface.content.info}"},closeIcon:{color:"{pds.button.colors.onSurface.info.bared.enabled}"}},success:{background:"{pds.toast.colors.surface.success}",borderColor:"{pds.toast.colors.border.success}",color:"{pds.toast.colors.onSurface.title.success}",detailColor:"{pds.toast.colors.onSurface.content.success}",shadow:"none",closeButton:{hoverBackground:"{pds.button.colors.surface.success.bared.hovered}",focusRing:{color:"{pds.button.colors.onSurface.success.bared.enabled}",shadow:"none"},pressed:{background:"{pds.button.colors.surface.success.bared.pressed}"}},icon:{color:"{pds.toast.colors.onSurface.content.success}"},closeIcon:{color:"{pds.button.colors.onSurface.success.bared.enabled}"}},warn:{background:"{pds.toast.colors.surface.warning}",borderColor:"{pds.toast.colors.border.warning}",color:"{pds.toast.colors.onSurface.title.warning}",detailColor:"{pds.toast.colors.onSurface.content.warning}",shadow:"none",closeButton:{hoverBackground:"{pds.button.colors.surface.warning.bared.hovered}",focusRing:{color:"{pds.button.colors.onSurface.warning.bared.enabled}",shadow:"none"},pressed:{background:"{pds.button.colors.surface.warning.bared.pressed}"}},icon:{color:"{pds.toast.colors.onSurface.content.warning}"},closeIcon:{color:"{pds.button.colors.onSurface.warning.bared.enabled}"}},error:{background:"{pds.toast.colors.surface.danger}",borderColor:"{pds.toast.colors.border.danger}",color:"{pds.toast.colors.onSurface.title.danger}",detailColor:"{pds.toast.colors.onSurface.content.danger}",shadow:"none",closeButton:{hoverBackground:"{pds.button.colors.surface.danger.bared.hovered}",focusRing:{color:"{pds.button.colors.onSurface.danger.bared.enabled}",shadow:"none"},pressed:{background:"{pds.button.colors.surface.danger.bared.pressed}"}},icon:{color:"{pds.toast.colors.onSurface.content.danger}"},closeIcon:{color:"{pds.button.colors.onSurface.danger.bared.enabled}"}},secondary:{background:"{surface.100}",borderColor:"{surface.200}",color:"{surface.600}",detailColor:"{surface.700}",shadow:"0px 4px 8px 0px color-mix(in srgb, {surface.500}
4023, transparent 96%)",closeButton:{hoverBackground:"{surface.200}",focusRing:{color:"{surface.600}",shadow:"none"}}},contrast:{background:"{pds.toast.colors.surface.contrast}",borderColor:"{pds.toast.colors.border.contrast}",color:"{pds.toast.colors.onSurface.title.contrast}",detailColor:"{pds.toast.colors.onSurface.content.contrast}",shadow:"none",closeButton:{hoverBackground:"{pds.button.colors.surface.neutral.contained.hovered}",focusRing:{color:"{pds.button.colors.border.primary}",shadow:"none"},pressed:{background:"{pds.button.colors.surface.neutral.contained.pressed}"}},icon:{color:"{pds.toast.colors.onSurface.content.contrast}"},closeIcon:{color:"{pds.button.colors.onSurface.neutral.contained.enabled}",background:"{pds.button.colors.surface.neutral.contained.enabled}"}},neutral:{background:"{pds.toast.colors.surface.neutral}",borderColor:"{pds.toast.colors.border.neutral}",color:"{pds.toast.colors.onSurface.title.neutral}",detailColor:"{pds.toast.colors.onSurface.content.neutral}",shadow:"none",icon:{color:"{pds.toast.colors.onSurface.content.neutral}"},closeIcon:{color:"{pds.button.colors.onSurface.neutral.bared.enabled}"},closeButton:{hoverBackground:"{pds.button.colors.surface.neutral.bared.hovered}",pressed:{background:"{pds.button.colors.surface.neutral.bared.pressed}"},focusRing:{color:"{pds.button.colors.onSurface.neutral.bared.enabled}",shadow:"none"}}}},dark:{root:{blur:"none"},info:{background:"{pds.toast.colors.surface.info}",borderColor:"{pds.toast.colors.border.info}",color:"{pds.toast.colors.onSurface.title.info}",detailColor:"{pds.toast.colors.onSurface.content.info}",shadow:"none",closeButton:{hoverBackground:"{pds.button.colors.surface.info.bared.hovered}",focusRing:{color:"{pds.button.colors.onSurface.info.bared.enabled}",shadow:"none"},pressed:{background:"{pds.button.colors.surface.info.bared.pressed}"}},icon:{color:"{pds.toast.colors.onSurface.content.info}"},closeIcon:{color:"{pds.button.colors.onSurface.info.bared.enabled}"}},success:{background:"{pds.toast.colors.surface.success}",borderColor:"{pds.toast.colors.border.success}",color:"{pds.toast.colors.onSurface.title.success}",detailColor:"{pds.toast.colors.onSurface.content.success}",shadow:"none",closeButton:{hoverBackground:"{pds.button.colors.surface.success.bared.hovered}",focusRing:{color:"{pds.button.colors.onSurface.success.bared.enabled}",shadow:"none"},pressed:{background:"{pds.button.colors.surface.success.bared.pressed}"}},icon:{color:"{pds.toast.colors.onSurface.content.success}"},closeIcon:{color:"{pds.button.colors.onSurface.success.bared.enabled}"}},warn:{background:"{pds.toast.colors.surface.warning}",borderColor:"{pds.toast.colors.border.warning}",color:"{pds.toast.colors.onSurface.title.warning}",detailColor:"{pds.toast.colors.onSurface.content.warning}",shadow:"none",closeButton:{hoverBackground:"{pds.button.colors.surface.warning.bared.hovered}",focusRing:{color:"{pds.button.colors.onSurface.warning.bared.enabled}",shadow:"none"},pressed:{background:"{pds.button.colors.surface.warning.bared.pressed}"}},icon:{color:"{pds.toast.colors.onSurface.content.warning}"},closeIcon:{color:"{pds.button.colors.onSurface.warning.bared.enabled}"}},error:{background:"{pds.toast.colors.surface.danger}",borderColor:"{pds.toast.colors.border.danger}",color:"{pds.toast.colors.onSurface.title.danger}",detailColor:"{pds.toast.colors.onSurface.content.danger}",shadow:"none",closeButton:{hoverBackground:"{pds.button.colors.surface.danger.bared.hovered}",focusRing:{color:"{pds.button.colors.onSurface.danger.bared.enabled}",shadow:"none"},pressed:{background:"{pds.button.colors.surface.danger.bared.pressed}"}},icon:{color:"{pds.toast.colors.onSurface.content.danger}"},closeIcon:{color:"{pds.button.colors.onSurface.danger.bared.enabled}"}},secondary:{background:"{surface.800}",borderColor:"{surface.700}",color:"{surface.300}",detailColor:"{surface.0}",shadow:"0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)",closeButton:{hoverBackground:"{surface.700}",focusRing:{color:"{surface.300}",shadow:"none"}}},contrast:{background:"{pds.toast.colors.surface.contrast}",borderColor:"{pds.toast.colors.border.contrast}",color:"{pds.toast.colors.onSurface.title.contrast}",detailColor:"{pds.toast.colors.onSurface.content.contrast}
4023",shadow:"none",closeButton:{hoverBackground:"{pds.button.colors.surface.neutral.contained.hovered}",focusRing:{color:"{pds.button.colors.border.primary}",shadow:"none"},pressed:{background:"{pds.button.colors.surface.neutral.contained.pressed}"}},icon:{color:"{pds.toast.colors.onSurface.content.contrast}"},closeIcon:{color:"{pds.button.colors.onSurface.neutral.contained.enabled}",background:"{pds.button.colors.surface.neutral.contained.enabled}"}},neutral:{background:"{pds.toast.colors.surface.neutral}",borderColor:"{pds.toast.colors.border.neutral}",color:"{pds.toast.colors.onSurface.title.neutral}",detailColor:"{pds.toast.colors.onSurface.content.neutral}",shadow:"none",icon:{color:"{pds.toast.colors.onSurface.content.neutral}"},closeIcon:{color:"{pds.button.colors.onSurface.neutral.bared.enabled}"},closeButton:{hoverBackground:"{pds.button.colors.surface.neutral.bared.hovered}",pressed:{background:"{pds.button.colors.surface.neutral.bared.pressed}"},focusRing:{color:"{pds.button.colors.onSurface.neutral.bared.enabled}",shadow:"none"}}}}},css:({dt:o})=>` 4024 .p-toast-close-button { 4025 padding: ${o("toast.closeButton.padding")}; 4026 right: 0; 4027 margin: 0; 4028 } 4029 4030 .p-toast-message-text { 4031 padding-top: ${o("toast.text.paddingTop")}; 4032 } 4033 4034 .p-toast-message-icon { 4035 padding: ${o("toast.icon.padding")}; 4036 } 4037 4038 .p-toast-message-warn .p-toast-message-content .p-toast-message-icon { 4039 color: ${o("toast.warn.icon.color")}; 4040 } 4041 4042 .p-toast-message-warn .p-toast-message-content .p-toast-close-button { 4043 color: ${o("toast.warn.closeIcon.color")}; 4044 } 4045 4046 .p-toast-message-error .p-toast-message-content .p-toast-message-icon { 4047 color: ${o("toast.error.icon.color")}; 4048 } 4049 4050 .p-toast-message-error .p-toast-message-content .p-toast-close-button { 4051 color: ${o("toast.error.closeIcon.color")}; 4052 } 4053 4054 .p-toast-message-success .p-toast-message-content .p-toast-message-icon { 4055 color: ${o("toast.success.icon.color")}; 4056 } 4057 4058 .p-toast-message-success .p-toast-message-content .p-toast-close-button { 4059 color: ${o("toast.success.closeIcon.color")}; 4060 } 4061 4062 .p-toast-message-info .p-toast-message-content .p-toast-message-icon { 4063 color: ${o("toast.info.icon.color")}; 4064 } 4065 4066 .p-toast-message-info .p-toast-message-content .p-toast-close-button { 4067 color: ${o("toast.info.closeIcon.color")}; 4068 } 4069 4070 .p-toast-message-neutral .p-toast-message-content .p-toast-message-icon { 4071 color: ${o("toast.neutral.icon.color")}; 4072 } 4073 4074 .p-toast-message-neutral .p-toast-message-content .p-toast-close-button { 4075 color: ${o("toast.neutral.closeIcon.color")}; 4076 } 4077 4078 .p-toast-message-neutral { 4079 background: ${o("toast.neutral.background")}; 4080 border: ${o("toast.borderWidth")} solid ${o("toast.neutral.borderColor")}; 4081 color: ${o("toast.neutral.color")}; 4082 box-shadow: ${o("toast.neutral.shadow")}; 4083 border-radius: ${o("toast.borderRadius")}; 4084 } 4085 4086 .p-toast-message-neutral .p-toast-detail { 4087 color: ${o("toast.neutral.detailColor")}; 4088 } 4089 4090 .p-toast-message-neutral .p-toast-summary { 4091 color: ${o("toast.neutral.color")}; 4092 } 4093 4094 .p-toast-message-contrast .p-toast-message-content .p-toast-message-icon { 4095 color: ${o("toast.contrast.icon.color")}; 4096 } 4097 4098 .p-toast-message-contrast .p-toast-message-content .p-toast-close-button { 4099 color: ${o("toast.contrast.closeIcon.color")}; 4100 background: ${o("toast.contrast.closeIcon.background")}; 4101 } 4102 4103 /* Pressed (:active) states for close button */ 4104 4105 .p-toast-close-button:active { 4106 outline: none; 4107 box-shadow: ${o("toast.closeButton.activeBoxShadow")}; 4108 } 4109 4110 .p-toast-message-info .p-toast-close-button:active { 4111 background: ${o("toast.info.closeButton.pressed.background")}; 4112 } 4113 4114 .p-toast-message-success .p-toast-close-button:active { 4115 background: ${o("toast.success.closeButton.pressed.background")}; 4116 } 4117 4118 .p-toast-message-warn .p-toast-close-button:active { 4119 background: ${o("toast.warn.closeButton.pressed.background")}; 4120 } 4121 4122 .p-toast-message-error .p-toast-close-button:active { 4123 background: ${o("toast.error.closeButton.pressed.background")}; 4124 } 4125 4126 .p-toast-message-neutral .p-toast-close-button:active { 4127 background: ${o("toast.neutral.closeButton.pressed.background")}; 4128 } 4129 4130 .p-toast-message-contrast .p-toast-close-button:active { 4131 background: ${o("toast.contrast.closeButton.pressed.background")}; 4132 } 4133 `},togglebutton:{root:{padding:"{pds.selectButton.spacing.padding.default.vertical} {pds.selectButton.spacing.padding.default.horizontal}",borderRadius:"{pds.selectButton.radii.selectButtonRadius}",gap:"{pds.selectButton.spacing.gap.horizontal}
4133",fontWeight:"400",disabledBackground:"{pds.selectButton.colors.surface.neutral.disabled}",disabledBorderColor:"transparent",disabledColor:"{pds.selectButton.colors.onSurface.neutral.disabled}",invalidBorderColor:"{pds.selectButton.colors.border.danger}",focusRing:{width:"{pds.stroke.focus}",style:"solid",color:"{pds.colors.focusRing}",offset:"-1 * {pds.stroke.focus}",shadow:"none"},transitionDuration:"{transitionDuration}",sm:{fontSize:"{pds.typography.body.xSmall.size}",padding:"{pds.selectButton.spacing.padding.small.vertical} {pds.selectButton.spacing.padding.small.horizontal}",lineHeight:"{pds.typography.body.xSmall.lineHeight}"},lg:{fontSize:"{pds.typography.body.medium.size}",padding:"{pds.selectButton.spacing.padding.default.vertical} {pds.selectButton.spacing.padding.default.horizontal}",lineHeight:"{pds.typography.body.medium.lineHeight}"},fontSize:"{pds.typography.body.small.size}",lineHeight:"{pds.typography.body.small.lineHeight}",checkedShadow:"0 1px 3px 0 {pds.shadow.10}, 0 1px 2px 0 {pds.shadow.5}",disabledCheckedBackground:"{pds.selectButton.colors.surface.neutral.disabledSelected}",disabledCheckedBorderColor:"transparent",disabledCheckedShadow:"none",disabledCheckedColor:"{pds.selectButton.colors.onSurface.neutral.disabled}",focusBorder:"{pds.stroke.focus} solid {pds.colors.focusRing}",focusRadius:"{pds.selectButton.radii.selectButtonFocusRadius}"},icon:{disabledColor:"{form.field.disabled.color}"},content:{padding:"0",borderRadius:"0",checkedShadow:"none",sm:{padding:"0"},lg:{padding:"0"}},colorScheme:{light:{root:{background:"{pds.selectButton.colors.surface.neutral.enabled}",checkedBackground:"{pds.selectButton.colors.surface.neutral.selected}",hoverBackground:"{pds.selectButton.colors.surface.neutral.hovered}",borderColor:"transparent",color:"{pds.selectButton.colors.onSurface.neutral.enabled}",hoverColor:"{pds.selectButton.colors.onSurface.neutral.hovered}",checkedColor:"{pds.selectButton.colors.onSurface.neutral.selected}",checkedBorderColor:"transparent",focusedBackground:"{pds.selectButton.colors.surface.neutral.enabled}",focusedColor:"{pds.selectButton.colors.onSurface.neutral.enabled}"},content:{checkedBackground:"transparent"},icon:{color:"{pds.selectButton.colors.onSurface.neutral.enabled}",hoverColor:"{pds.selectButton.colors.onSurface.neutral.hovered}",checkedColor:"{pds.selectButton.colors.onSurface.neutral.selected}"}},dark:{root:{background:"{surface.950}",checkedBackground:"{surface.950}",hoverBackground:"{surface.950}",borderColor:"{surface.950}",color:"{surface.400}",hoverColor:"{surface.300}",checkedColor:"{surface.0}",checkedBorderColor:"{surface.950}"},content:{checkedBackground:"{surface.800}"},icon:{color:"{surface.400}",hoverColor:"{surface.300}",checkedColor:"{surface.0}"}}},white:{disabledBackground:"{pds.selectButton.colors.surface.base.disabled}",disabledBorderColor:"transparent",disabledColor:"{pds.selectButton.colors.onSurface.base.disabled}",disabledCheckedBackground:"{pds.selectButton.colors.surface.base.disabledSelected}",disabledCheckedBorderColor:"transparent",disabledCheckedShadow:"none",disabledCheckedColor:"{pds.selectButton.colors.onSurface.base.disabled}",invalidBorderColor:"{pds.selectButton.colors.border.danger}",background:"{pds.selectButton.colors.surface.base.enabled}",checkedBackground:"{pds.selectButton.colors.surface.base.selected}",hoverBackground:"{pds.selectButton.colors.surface.base.hovered}",focusedBackground:"{pds.selectButton.colors.surface.base.enabled}",borderColor:"transparent",color:"{pds.selectButton.colors.onSurface.base.enabled}",hoverColor:"{pds.selectButton.colors.onSurface.base.hovered}",checkedColor:"{pds.selectButton.colors.onSurface.base.selected}",checkedBorderColor:"transparent",focusedColor:"{pds.selectButton.colors.onSurface.base.enabled}",content:{checkedBackground:"transparent"},icon:{color:"{pds.selectButton.colors.onSurface.base.enabled}",hoverColor:"{pds.selectButton.colors.onSurface.base.hovered}",checkedColor:"{pds.selectButton.colors.onSurface.base.selected}"}},css:({dt:o})=>` 4134 .p-togglebutton.p-disabled, 4135 .p-togglebutton:disabled { 4136 opacity: 1; 4137 cursor: default; 4138 background: ${o("togglebutton.disabled.background")}; 4139 border-color: ${o("togglebutton.disabled.border.color")}; 4140 color: ${o("togglebutton.disabled.color")}; 4141 4142 .p-togglebutton-icon { 4143 color: ${o("togglebutton.disabled.color")}; 4144 } 4145 } 4146 4147 .p-togglebutton.p-disabled.p-togglebutton-checked, 4148 .p-togglebutton:disabled.p-togglebutton-checked { 4149 background: ${o("togglebutton.disabled.checked.background")}; 4150 border-color: ${o("togglebutton.disabled.checked.border.color")}; 4151 color: ${o("togglebutton.disabled.checked.color")}; 4152 box-shadow: ${o("togglebutton.disabled.checked.shadow")}; 4153 4154 .p-togglebutton-icon { 4155 color: ${o("togglebutton.disabled.checked.color")}; 4156 } 4157 } 4158 4159 .p-togglebutton.p-togglebutton-checked:not(:focus-visible) { 4160 box-shadow: ${o("togglebutton.checkedShadow")}; 4161 } 4162 4163 .p-togglebutton { 4164 font-size: ${o("togglebutton.fontSize")}; 4165 line-height: ${o("togglebutton.lineHeight")}; 4166 } 4167 4168 .p-togglebutton .pds-icon { 4169 width: ${o("togglebutton.lineHeight")}; 4170 height: ${o("togglebutton.lineHeight")}; 4171 fill: currentColor; 4172 color: inherit; 4173 } 4174 4175 .p-togglebutton.p-togglebutton-sm { 4176 font-size: ${o("togglebutton.sm.fontSize")}; 4177 line-height: ${o("togglebutton.sm.lineHeight")}; 4178 4179 .pds-icon { 4180 width: ${o("togglebutton.sm.lineHeight")}; 4181 height: ${o("togglebutton.sm.lineHeight")}; 4182 } 4183 } 4184 4185 .p-togglebutton.p-togglebutton-lg { 4186 font-size: ${o("togglebutton.lg.fontSize")}; 4187 line-height: ${o("togglebutton.lg.lineHeight")}; 4188 4189 .pds-icon { 4190 width: ${o("togglebutton.lg.lineHeight")}; 4191 height: ${o("togglebutton.lg.lineHeight")}; 4192 } 4193 } 4194 4195 .p-togglebutton.white { 4196 color: ${o("togglebutton.white.color")}; 4197 background: ${o("togglebutton.white.background")}; 4198 border-color: ${o("togglebutton.white.border.color")}; 4199 } 4200 4201 .p-togglebutton.white:not(:disabled):not(.p-togglebutton-checked):hover { 4202 background: ${o("togglebutton.white.hover.background")}; 4203 color: ${o("togglebutton.white.hover.color")}; 4204 } 4205 4206 .p-togglebutton.white.p-togglebutton-checked { 4207 background: ${o("togglebutton.white.checked.background")}; 4208 border-color: ${o("togglebutton.white.checked.border.color")}; 4209 color: ${o("togglebutton.white.checked.color")}; 4210 } 4211 4212 .p-togglebutton.white.p-togglebutton-checked .p-togglebutton-content { 4213 background: ${o("togglebutton.white.content.checked.background")}; 4214 } 4215 4216 .p-togglebutton.white.p-invalid {
4217 border-color: ${o("togglebutton.white.invalid.border.color")}; 4218 } 4219 4220 .p-togglebutton.white.p-disabled, 4221 .p-togglebutton.white:disabled { 4222 background: ${o("togglebutton.white.disabled.background")}; 4223 border-color: ${o("togglebutton.white.disabled.border.color")}; 4224 color: ${o("togglebutton.white.disabled.color")}; 4225 } 4226 4227 .p-togglebutton.white.p-disabled.p-togglebutton-checked, 4228 .p-togglebutton.white:disabled.p-togglebutton-checked { 4229 background: ${o("togglebutton.white.disabled.checked.background")}; 4230 border-color: ${o("togglebutton.white.disabled.checked.border.color")}; 4231 color: ${o("togglebutton.white.disabled.checked.color")}; 4232 box-shadow: ${o("togglebutton.white.disabled.checked.shadow")}; 4233 4234 .p-togglebutton-icon { 4235 color: ${o("togglebutton.white.disabled.checked.color")}; 4236 } 4237 } 4238 4239 .p-togglebutton.white .p-togglebutton-icon { 4240 color: ${o("togglebutton.white.icon.color")}; 4241 } 4242 4243 .p-togglebutton.white:not(:disabled):not(.p-togglebutton-checked):hover .p-togglebutton-icon { 4244 color: ${o("togglebutton.white.icon.hover.color")}; 4245 } 4246 4247 .p-togglebutton.white.p-togglebutton-checked .p-togglebutton-icon { 4248 color: ${o("togglebutton.white.icon.checked.color")}; 4249 } 4250 4251 .p-togglebutton.white:disabled .p-togglebutton-icon { 4252 color: ${o("togglebutton.white.disabled.color")}; 4253 } 4254 `},toggleswitch:{root:{width:"2.5rem",height:"1.5rem",borderRadius:"{pds.switch.radii.switchRadius}",gap:"{pds.switch.spacing.padding.horizontal}",shadow:"none",focusRing:{width:"{pds.stroke.focus}",style:"{focus.ring.style}",color:"{pds.colors.focusRing}",offset:"{focus.ring.offset}",shadow:"{focus.ring.shadow}"},borderWidth:"{pds.stroke.border}",borderColor:"{pds.switch.colors.border.enabled}",hoverBorderColor:"{pds.switch.colors.border.hovered}",checkedBorderColor:"{pds.switch.colors.border.enabled}",checkedHoverBorderColor:"{pds.switch.colors.border.hovered}",invalidBorderColor:"{pds.switch.colors.border.danger}",transitionDuration:"{transitionDuration}",slideDuration:"0.2s",pressedShadow:"0 0 0 4px {pds.colors.pressedRing}"},handle:{borderRadius:"{pds.switch.radii.switchRadius}",size:"20px"},colorScheme:{light:{root:{background:"{pds.switch.colors.surface.unselected.enabled}",disabledBackground:"{pds.switch.colors.surface.unselected.enabled}",hoverBackground:"{pds.switch.colors.surface.unselected.hovered}",checkedBackground:"{pds.switch.colors.surface.selected.enabled}",checkedHoverBackground:"{pds.switch.colors.surface.selected.hovered}",disabledCheckedBackground:"{pds.switch.colors.surface.selected.disabled}"},handle:{background:"{pds.switch.colors.onSurface.unselected}",disabledBackground:"{pds.switch.colors.onSurface.disabled}",hoverBackground:"{pds.switch.colors.onSurface.unselected}",checkedBackground:"{pds.switch.colors.onSurface.selected}",checkedHoverBackground:"{pds.switch.colors.onSurface.selected}",color:"{pds.switch.colors.surface.unselected.enabled}",hoverColor:"{pds.switch.colors.surface.unselected.hovered}",checkedColor:"{pds.switch.colors.surface.selected.enabled}",checkedHoverColor:"{pds.switch.colors.surface.selected.hovered}",disabledCheckedBackground:"{pds.switch.colors.onSurface.disabled}"}},dark:{root:{background:"{surface.700}",disabledBackground:"{surface.600}",hoverBackground:"{surface.600}",checkedBackground:"{primary.color}",checkedHoverBackground:"{primary.hover.color}"},handle:{background:"{surface.400}",disabledBackground:"{surface.900}",hoverBackground:"{surface.300}",checkedBackground:"{surface.900}",checkedHoverBackground:"{surface.900}",color:"{surface.900}",hoverColor:"{surface.800}",checkedColor:"{primary.color}",checkedHoverColor:"{primary.hover.color}"}}},css:({dt:o})=>` 4255 .p-toggleswitch { 4256 border-radius: ${o("toggleswitch.border.radius")}; 4257 } 4258 4259 .p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:active) { 4260 box-shadow: ${o("toggleswitch.pressedShadow")}; 4261 } 4262 4263 .p-toggleswitch.p-toggleswitch-checked.p-disabled { 4264 .p-toggleswitch-slider {
4265 background: ${o("toggleswitch.disabledCheckedBackground")}; 4266 } 4267 4268 .p-toggleswitch-handle { 4269 background: ${o("toggleswitch.handle.disabledCheckedBackground")}; 4270 } 4271 } 4272 `},toolbar:{root:{background:"{content.background}",borderColor:"{overlay.select.border.color}",borderRadius:"{content.border.radius}",color:"{content.color}",gap:"0.5rem",padding:"0.75rem"}},tooltip:{root:{maxWidth:"262px",gutter:"0.25rem",shadow:"0 0 8px 0 0 {pds.shadow.10}, 0 10px 15px -3px {pds.shadow.10}, 0 4px 6px -2px {pds.shadow.5}",padding:"{pds.tooltip.spacing.padding.default.vertical} {pds.tooltip.spacing.padding.default.horizontal}",borderRadius:"{pds.tooltip.radii.tooltipRadius}"},colorScheme:{light:{root:{background:"{pds.tooltip.colors.surface}",color:"{pds.tooltip.colors.onSurface}"}},dark:{root:{background:"{pds.tooltip.colors.surface}",color:"{pds.tooltip.colors.onSurface}"}}},large:{padding:"{pds.tooltip.spacing.padding.large.vertical} {pds.tooltip.spacing.padding.large.horizontal}",maxWidth:"312px"},title:{fontSize:"{pds.typography.headings.h6.size}",fontWeight:"{pds.typography.weight.bold}"},css:({dt:o})=>` 4273 .p-tooltip-text { 4274 display: flex; 4275 flex-direction: column; 4276 gap: ${o("pds.tooltip.spacing.gap.vertical")}; 4277 } 4278 4279 .p-tooltip.large .p-tooltip-text { 4280 padding: ${o("tooltip.large.padding")}; 4281 max-width: ${o("tooltip.large.maxWidth")}; 4282 } 4283 4284 .tooltip-title { 4285 font-size: ${o("tooltip.title.fontSize")}; 4286 font-weight: ${o("tooltip.title.fontWeight")}; 4287 } 4288 `},tree:{root:{background:"{content.background}",color:"{content.color}",padding:"1rem",gap:"2px",indent:"1rem",transitionDuration:"{transition.duration}"},node:{padding:"0.25rem 0.5rem",borderRadius:"{content.border.radius}",hoverBackground:"{content.hover.background}",selectedBackground:"{highlight.background}",color:"{text.color}",hoverColor:"{text.hover.color}",selectedColor:"{highlight.color}",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"-1px",shadow:"{focus.ring.shadow}"},gap:"0.25rem"},nodeIcon:{color:"{text.muted.color}",hoverColor:"{text.hover.muted.color}",selectedColor:"{highlight.color}"},nodeToggleButton:{borderRadius:"50%",size:"1.75rem",hoverBackground:"{content.hover.background}",selectedHoverBackground:"{content.background}",color:"{text.muted.color}",hoverColor:"{text.hover.muted.color}",selectedHoverColor:"{primary.color}",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"{focus.ring.offset}",shadow:"{focus.ring.shadow}"}},loadingIcon:{size:"2rem"},filter:{margin:"0 0 0.5rem 0"},css:` 4289 .p-tree-mask.p-overlay-mask { 4290 --px-mask-background: light-dark(rgba(255,255,255,0.5),rgba(0,0,0,0.3)); 4291 } 4292`},treeselect:{root:{background:"{form.field.background}",disabledBackground:"{form.field.disabled.background}",filledBackground:"{form.field.filled.background}",filledHoverBackground:"{form.field.filled.hover.background}",filledFocusBackground:"{form.field.filled.focus.background}",borderColor:"{form.field.border.color}",hoverBorderColor:"{form.field.hover.border.color}",focusBorderColor:"{form.field.focus.border.color}",invalidBorderColor:"{form.field.invalid.border.color}",color:"{form.field.color}",disabledColor:"{form.field.disabled.color}",placeholderColor:"{form.field.placeholder.color}",invalidPlaceholderColor:"{form.field.invalid.placeholder.color}",shadow:"{form.field.shadow}",paddingX:"{form.field.padding.x}",paddingY:"{form.field.padding.y}",borderRadius:"{form.field.border.radius}",focusRing:{width:"{form.field.focus.ring.width}",style:"{form.field.focus.ring.style}",color:"{form.field.focus.ring.color}",offset:"{form.field.focus.ring.offset}",shadow:"{form.field.focus.ring.shadow}"},transitionDuration:"{form.field.transition.duration}",sm:{fontSize:"{form.field.sm.font.size}",paddingX:"{form.field.sm.padding.x}",paddingY:"{form.field.sm.padding.y}"},lg:{fontSize:"{form.field.lg.font.size}",paddingX:"{form.field.lg.padding.x}",paddingY:"{form.field.lg.padding.y}"}},dropdown:{width:"2.5rem",color:"{form.field.icon.color}"},overlay:{background:"{overlay.select.background}",borderColor:"{overlay.select.border.color}
4292",borderRadius:"{overlay.select.border.radius}",color:"{overlay.select.color}",shadow:"{overlay.select.shadow}"},tree:{padding:"{list.padding}"},emptyMessage:{padding:"{list.option.padding}"},chip:{borderRadius:"{border.radius.sm}"},clearIcon:{color:"{form.field.icon.color}"}},treetable:{root:{transitionDuration:"{transition.duration}"},header:{background:"{content.background}",borderColor:"{treetable.border.color}",color:"{content.color}",borderWidth:"0 0 1px 0",padding:"0.75rem 1rem"},headerCell:{background:"{content.background}",hoverBackground:"{content.hover.background}",selectedBackground:"{highlight.background}",borderColor:"{treetable.border.color}",color:"{content.color}",hoverColor:"{content.hover.color}",selectedColor:"{highlight.color}",gap:"0.5rem",padding:"0.75rem 1rem",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"-1px",shadow:"{focus.ring.shadow}"}},columnTitle:{fontWeight:"600"},row:{background:"{content.background}",hoverBackground:"{content.hover.background}",selectedBackground:"{highlight.background}",color:"{content.color}",hoverColor:"{content.hover.color}",selectedColor:"{highlight.color}",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"-1px",shadow:"{focus.ring.shadow}"}},bodyCell:{borderColor:"{treetable.border.color}",padding:"0.75rem 1rem",gap:"0.5rem"},footerCell:{background:"{content.background}",borderColor:"{treetable.border.color}",color:"{content.color}",padding:"0.75rem 1rem"},columnFooter:{fontWeight:"600"},footer:{background:"{content.background}",borderColor:"{treetable.border.color}",color:"{content.color}",borderWidth:"0 0 1px 0",padding:"0.75rem 1rem"},columnResizer:{width:"0.5rem"},resizeIndicator:{width:"1px",color:"{primary.color}"},sortIcon:{color:"{text.muted.color}",hoverColor:"{text.hover.muted.color}",size:"0.875rem"},loadingIcon:{size:"2rem"},nodeToggleButton:{hoverBackground:"{content.hover.background}",selectedHoverBackground:"{content.background}",color:"{text.muted.color}",hoverColor:"{text.color}",selectedHoverColor:"{primary.color}",size:"1.75rem",borderRadius:"50%",focusRing:{width:"{focus.ring.width}",style:"{focus.ring.style}",color:"{focus.ring.color}",offset:"{focus.ring.offset}",shadow:"{focus.ring.shadow}"}},paginatorTop:{borderColor:"{content.border.color}",borderWidth:"0 0 1px 0"},paginatorBottom:{borderColor:"{content.border.color}",borderWidth:"0 0 1px 0"},colorScheme:{light:{root:{borderColor:"{content.border.color}"},bodyCell:{selectedBorderColor:"{primary.100}"}},dark:{root:{borderColor:"{surface.800}"},bodyCell:{selectedBorderColor:"{primary.900}"}}},css:` 4293 .p-treetable-mask.p-overlay-mask { 4294 --px-mask-background: light-dark(rgba(255,255,255,0.5),rgba(0,0,0,0.3)); 4295 } 4296`},virtualscroller:{loader:{mask:{background:"{content.background}",color:"{text.muted.color}"},icon:{size:"2rem"}}}},css:({dt:o})=>`@font-face { 4297 font-family: Noto Sans; 4298 src: url("./fonts/NotoSans-Regular.ttf") format("truetype"); 4299 font-weight: 400; 4300 font-style: normal; 4301} 4302@font-face { 4303 font-family: Noto Sans; 4304 src: url("./fonts/NotoSans-Bold.ttf") format("truetype"); 4305 font-weight: 700; 4306 font-style: normal; 4307} 4308@font-face { 4309 font-family: Noto Sans; 4310 src: url("./fonts/NotoSans-Light.ttf") format("truetype"); 4311 font-weight: 400; 4312 font-style: normal; 4313} 4314@font-face { 4315 font-family: Noto Sans; 4316 src: url("./fonts/NotoSans-Medium.ttf") format("truetype"); 4317 font-weight: 400; 4318 font-style: normal; 4319} 4320@font-face { 4321 font-family: Noto Sans; 4322 src: url("./fonts/NotoSans-SemiBold.ttf") format("truetype"); 4323 font-weight: 700; 4324 font-style: normal; 4325} 4326@font-face { 4327 font-family: Noto Sans; 4328 src: url("./fonts/NotoSans-Italic.ttf") format("truetype"); 4329 font-weight: 400; 4330 font-style: italic; 4331} 4332 4333 h1 { 4334 font-family: ${o("pds.typography.headings.headingsFamily")}; 4335 font-size: ${o("pds.typography.headings.h1.size")}; 4336 line-height: ${o("pds.typography.headings.h1.lineHeight")}; 4337 font-weight: ${o("pds.typography.headings.headingsWeight")}; 4338 letter-spacing: 0; 4339 } 4340 h2 { 4341 font-family: ${o("pds.typography.headings.headingsFamily")}; 4342 font-size: ${o("pds.typography.headings.h2.size")}; 4343 line-height: ${o("pds.typography.headings.h2.lineHeight")}; 4344 font-weight: ${o("pds.typography.headings.headingsWeight")}; 4345 letter-spacing: 0; 4346 } 4347 h3 { 4348 font-family: ${o("pds.typography.headings.headingsFamily")}; 4349 font-size: ${o("pds.typography.headings.h3.size")}; 4350 line-height: ${o("pds.typography.headings.h3.lineHeight")}; 4351 font-weight: ${o("pds.typography.headings.headingsWeight")}; 4352 letter-spacing: 0; 4353 } 4354 h4 { 4355 font-family: ${o("pds.typography.headings.headingsFamily")}; 4356 font-size: ${o("pds.typography.headings.h4.size")}; 4357 line-height: ${o("pds.typography.headings.h4.lineHeight")}; 4358 font-weight: ${o("pds.typography.headings.headingsWeight")}; 4359 letter-spacing: 0; 4360 } 4361 h5 { 4362 font-family: ${o("pds.typography.headings.headingsFamily")}; 4363 font-size: ${o("pds.typography.headings.h5.size")}; 4364 line-height: ${o("pds.typography.headings.h5.lineHeight")}; 4365 font-weight: ${o("pds.typography.headings.headingsWeight")}; 4366 letter-spacing: 0; 4367 } 4368 h6 { 4369 font-family: ${o("pds.typography.headings.headingsFamily")}; 4370 font-size: ${o("pds.typography.headings.h6.size")}; 4371 line-height: ${o("pds.typography.headings.h6.lineHeight")}; 4372 font-weight: ${o("pds.typography.headings.headingsWeight")}; 4373 letter-spacing: 0; 4374 } 4375 .hero-title { 4376 font-family: ${o("pds.typography.headings.headingsFamily")}; 4377 font-size: ${o("pds.typography.headings.heroTitle.size")}; 4378 line-height: ${o("pds.typography.headings.heroTitle.lineHeight")}; 4379 font-weight: ${o("pds.typography.headings.headingsWeight")}; 4380 letter-spacing: 0; 4381 } 4382 .title { 4383 font-family: ${o("pds.typography.headings.headingsFamily")}; 4384 font-size: ${o("pds.typography.headings.title.size")}; 4385 line-height: ${o("pds.typography.headings.title.lineHeight")}; 4386 font-weight: ${o("pds.typography.headings.headingsWeight")}; 4387 letter-spacing: 0; 4388 } 4389 4390 body {
4391 font-family: ${o("pds.typography.body.bodyFamily")}; 4392 font-size: ${o("pds.typography.body.medium.size")}; 4393 line-height: ${o("pds.typography.body.medium.lineHeight")}; 4394 font-weight: ${o("pds.typography.weight.regular")}; 4395 } 4396 .bodyXSmallLight { 4397 font-family: ${o("pds.typography.body.bodyFamily")}; 4398 font-size: ${o("pds.typography.body.xSmall.size")}; 4399 line-height: ${o("pds.typography.body.xSmall.lineHeight")}; 4400 font-weight: ${o("pds.typography.weight.light")}; 4401 font-style: normal; 4402 } 4403 .bodyXSmallRegular { 4404 font-family: ${o("pds.typography.body.bodyFamily")}; 4405 font-size: ${o("pds.typography.body.xSmall.size")}; 4406 line-height: ${o("pds.typography.body.xSmall.lineHeight")}; 4407 font-weight: ${o("pds.typography.weight.regular")}; 4408 font-style: normal; 4409 } 4410 .bodyXSmallMedium { 4411 font-family: ${o("pds.typography.body.bodyFamily")}; 4412 font-size: ${o("pds.typography.body.xSmall.size")}; 4413 line-height: ${o("pds.typography.body.xSmall.lineHeight")}; 4414 font-weight: ${o("pds.typography.weight.medium")}; 4415 font-style: normal; 4416 } 4417 .bodyXSmallBold { 4418 font-family: ${o("pds.typography.body.bodyFamily")}; 4419 font-size: ${o("pds.typography.body.xSmall.size")}; 4420 line-height: ${o("pds.typography.body.xSmall.lineHeight")}; 4421 font-weight: ${o("pds.typography.weight.bold")}; 4422 font-style: normal; 4423 } 4424 .bodyXSmallSpecialUnderline { 4425 font-family: ${o("pds.typography.body.bodyFamily")}; 4426 font-size: ${o("pds.typography.body.xSmall.size")}; 4427 line-height: ${o("pds.typography.body.xSmall.lineHeight")}; 4428 font-weight: ${o("pds.typography.weight.regular")}; 4429 font-style: normal; 4430 text-decoration-line: underline; 4431 } 4432 .bodyXSmallStrikethrough { 4433 font-family: ${o("pds.typography.body.bodyFamily")}; 4434 font-size: ${o("pds.typography.body.xSmall.size")}; 4435 line-height: ${o("pds.typography.body.xSmall.lineHeight")}; 4436 font-weight: ${o("pds.typography.weight.regular")}; 4437 font-style: normal; 4438 text-decoration: line-through; 4439 } 4440 .bodyXSmallItalic { 4441 font-family: ${o("pds.typography.body.bodyFamily")}; 4442 font-size: ${o("pds.typography.body.xSmall.size")}; 4443 line-height: ${o("pds.typography.body.xSmall.lineHeight")}; 4444 font-weight: ${o("pds.typography.weight.regular")}; 4445 font-style: italic; 4446 } 4447 .bodySmallLight { 4448 font-family: ${o("pds.typography.body.bodyFamily")}; 4449 font-size: ${o("pds.typography.body.small.size")}; 4450 line-height: ${o("pds.typography.body.small.lineHeight")}; 4451 font-weight: ${o("pds.typography.weight.light")}; 4452 font-style: normal; 4453 } 4454 .bodySmallRegular { 4455 font-family: ${o("pds.typography.body.bodyFamily")}; 4456 font-size: ${o("pds.typography.body.small.size")}; 4457 line-height: ${o("pds.typography.body.small.lineHeight")}; 4458 font-weight: ${o("pds.typography.weight.regular")}; 4459 font-style: normal; 4460 } 4461 .bodySmallMedium { 4462 font-family: ${o("pds.typography.body.bodyFamily")}; 4463 font-size: ${o("pds.typography.body.small.size")}; 4464 line-height: ${o("pds.typography.body.small.lineHeight")}; 4465 font-weight: ${o("pds.typography.weight.medium")}; 4466 font-style: normal; 4467 } 4468 .bodySmallBold { 4469 font-family: ${o("pds.typography.body.bodyFamily")}; 4470 font-size: ${o("pds.typography.body.small.size")}; 4471 line-height: ${o("pds.typography.body.small.lineHeight")}; 4472 font-weight: ${o("pds.typography.weight.bold")}; 4473 font-style: normal; 4474 } 4475 .bodySmallSpecialUnderline { 4476 font-family: ${o("pds.typography.body.bodyFamily")}; 4477 font-size: ${o("pds.typography.body.small.size")}; 4478 line-height: ${o("pds.typography.body.small.lineHeight")}; 4479 font-weight: ${o("pds.typography.weight.regular")}; 4480 font-style: normal; 4481 text-decoration-line: underline; 4482 } 4483 .bodySmallStrikethrough { 4484 font-family: ${o("pds.typography.body.bodyFamily")}; 4485 font-size: ${o("pds.typography.body.small.size")}; 4486 line-height: ${o("pds.typography.body.small.lineHeight")}; 4487 font-weight: ${o("pds.typography.weight.regular")}; 4488 font-style: normal; 4489 text-decoration: line-through; 4490 } 4491 .bodySmallItalic {
4492 font-family: ${o("pds.typography.body.bodyFamily")}; 4493 font-size: ${o("pds.typography.body.small.size")}; 4494 line-height: ${o("pds.typography.body.small.lineHeight")}; 4495 font-weight: ${o("pds.typography.weight.regular")}; 4496 font-style: italic; 4497 } 4498 .bodyDefaultLight { 4499 font-family: ${o("pds.typography.body.bodyFamily")}; 4500 font-size: ${o("pds.typography.body.medium.size")}; 4501 line-height: ${o("pds.typography.body.medium.lineHeight")}; 4502 font-weight: ${o("pds.typography.weight.light")}; 4503 font-style: normal; 4504 } 4505 .bodyDefaultRegular { 4506 font-family: ${o("pds.typography.body.bodyFamily")}; 4507 font-size: ${o("pds.typography.body.medium.size")}; 4508 line-height: ${o("pds.typography.body.medium.lineHeight")}; 4509 font-weight: ${o("pds.typography.weight.regular")}; 4510 font-style: normal; 4511 } 4512 .bodyDefaultMedium { 4513 font-family: ${o("pds.typography.body.bodyFamily")}; 4514 font-size: ${o("pds.typography.body.medium.size")}; 4515 line-height: ${o("pds.typography.body.medium.lineHeight")}; 4516 font-weight: ${o("pds.typography.weight.medium")}; 4517 font-style: normal; 4518 } 4519 .bodyDefaultBold { 4520 font-family: ${o("pds.typography.body.bodyFamily")}; 4521 font-size: ${o("pds.typography.body.medium.size")}; 4522 line-height: ${o("pds.typography.body.medium.lineHeight")}; 4523 font-weight: ${o("pds.typography.weight.bold")}; 4524 font-style: normal; 4525 } 4526 .bodyDefaultSpecialUnderline { 4527 font-family: ${o("pds.typography.body.bodyFamily")}; 4528 font-size: ${o("pds.typography.body.medium.size")}; 4529 line-height: ${o("pds.typography.body.medium.lineHeight")}; 4530 font-weight: ${o("pds.typography.weight.regular")}; 4531 font-style: normal; 4532 text-decoration-line: underline; 4533 } 4534 .bodyDefaultStrikethrough { 4535 font-family: ${o("pds.typography.body.bodyFamily")}; 4536 font-size: ${o("pds.typography.body.medium.size")}; 4537 line-height: ${o("pds.typography.body.medium.lineHeight")}; 4538 font-weight: ${o("pds.typography.weight.regular")}; 4539 font-style: normal; 4540 text-decoration: line-through; 4541 } 4542 .bodyDefaultItalic { 4543 font-family: ${o("pds.typography.body.bodyFamily")}; 4544 font-size: ${o("pds.typography.body.medium.size")}; 4545 line-height: ${o("pds.typography.body.medium.lineHeight")}; 4546 font-weight: ${o("pds.typography.weight.regular")}; 4547 font-style: italic; 4548 } 4549 .bodyLargeLight { 4550 font-family: ${o("pds.typography.body.bodyFamily")}; 4551 font-size: ${o("pds.typography.body.large.size")}; 4552 line-height: ${o("pds.typography.body.large.lineHeight")}; 4553 font-weight: ${o("pds.typography.weight.light")}; 4554 font-style: normal; 4555 } 4556 .bodyLargeRegular { 4557 font-family: ${o("pds.typography.body.bodyFamily")}; 4558 font-size: ${o("pds.typography.body.large.size")}; 4559 line-height: ${o("pds.typography.body.large.lineHeight")}; 4560 font-weight: ${o("pds.typography.weight.regular")}; 4561 font-style: normal; 4562 } 4563 .bodyLargeMedium { 4564 font-family: ${o("pds.typography.body.bodyFamily")}; 4565 font-size: ${o("pds.typography.body.large.size")}; 4566 line-height: ${o("pds.typography.body.large.lineHeight")}; 4567 font-weight: ${o("pds.typography.weight.medium")}; 4568 font-style: normal; 4569 } 4570 .bodyLargeBold { 4571 font-family: ${o("pds.typography.body.bodyFamily")}; 4572 font-size: ${o("pds.typography.body.large.size")}; 4573 line-height: ${o("pds.typography.body.large.lineHeight")}; 4574 font-weight: ${o("pds.typography.weight.bold")}; 4575 font-style: normal; 4576 } 4577 .bodyLargeSpecialUnderline { 4578 font-family: ${o("pds.typography.body.bodyFamily")}; 4579 font-size: ${o("pds.typography.body.large.size")}; 4580 line-height: ${o("pds.typography.body.large.lineHeight")}; 4581 font-weight: ${o("pds.typography.weight.regular")}; 4582 font-style: normal; 4583 text-decoration-line: underline; 4584 } 4585 .bodyLargeStrikethrough { 4586 font-family: ${o("pds.typography.body.bodyFamily")}; 4587 font-size: ${o("pds.typography.body.large.size")}; 4588 line-height: ${o("pds.typography.body.large.lineHeight")}; 4589 font-weight: ${o("pds.typography.weight.regular")}; 4590 font-style: normal; 4591 text-decoration: line-through; 4592 } 4593 .bodyLargeItalic {
4594 font-family: ${o("pds.typography.body.bodyFamily")}; 4595 font-size: ${o("pds.typography.body.large.size")}; 4596 line-height: ${o("pds.typography.body.large.lineHeight")}; 4597 font-weight: ${o("pds.typography.weight.regular")}; 4598 font-style: italic; 4599 } 4600 .body-xsmall { 4601 font-family: ${o("pds.typography.body.bodyFamily")}; 4602 font-size: ${o("pds.typography.body.xSmall.size")}; 4603 line-height: ${o("pds.typography.body.xSmall.lineHeight")}; 4604 } 4605 .body-small { 4606 font-family: ${o("pds.typography.body.bodyFamily")}; 4607 font-size: ${o("pds.typography.body.small.size")}; 4608 line-height: ${o("pds.typography.body.small.lineHeight")}; 4609 } 4610 .body-medium { 4611 font-family: ${o("pds.typography.body.bodyFamily")}; 4612 font-size: ${o("pds.typography.body.medium.size")}; 4613 line-height: ${o("pds.typography.body.medium.lineHeight")}; 4614 } 4615 .body-large { 4616 font-family: ${o("pds.typography.body.bodyFamily")}; 4617 font-size: ${o("pds.typography.body.large.size")}; 4618 line-height: ${o("pds.typography.body.large.lineHeight")}; 4619 } 4620 .sr-only { 4621 position: absolute; 4622 width: 1px; 4623 height: 1px; 4624 padding: 0; 4625 margin: -1px; 4626 overflow: hidden; 4627 clip: rect(0, 0, 0, 0); 4628 white-space: nowrap; 4629 border: 0; 4630 } 4631 .p-label { 4632 color: ${o("pds.pLabel.color")}; 4633 font-size: ${o("pds.pLabel.size.default.fontSize")}; 4634 font-style: normal; 4635 font-weight: ${o("pds.pLabel.fontWeight")}; 4636 line-height: ${o("pds.pLabel.size.default.lineHeight")}; 4637 } 4638 .p-label.p-label-lg { 4639 font-size: ${o("pds.pLabel.size.lg.fontSize")}; 4640 line-height: ${o("pds.pLabel.size.lg.lineHeight")}; 4641 } 4642 .p-label.p-label-required::before { 4643 content: "*"; 4644 margin-right: ${o("pds.pLabel.required.marginRight")}; 4645 font-weight: ${o("pds.pLabel.required.fontWeight")}; 4646 color: ${o("pds.pLabel.required.color")}; 4647 } 4648 .p-label.p-label-optional:not(.p-label-required)::after { 4649 content: "(Optional)"; 4650 margin-left: ${o("pds.pLabel.optional.marginLeft")}; 4651 font-weight: ${o("pds.pLabel.optional.fontWeight")}; 4652 color: ${o("pds.pLabel.optional.color")}; 4653 } 4654 .p-hint { 4655 display: flex; 4656 align-items: center; 4657 gap: ${o("pds.pHint.gap")}; 4658 font-size: ${o("pds.pHint.fontSize")}; 4659 font-style: normal; 4660 font-weight: ${o("pds.pHint.fontWeight")}; 4661 line-height: ${o("pds.pHint.lineHeight")}; 4662 color: ${o("pds.pHint.color")}; 4663 } 4664 .p-hint .pi { 4665 display: flex; 4666 align-items: center; 4667 justify-content: center; 4668 font-size: ${o("pds.pHint.fontSize")}; 4669 height: ${o("pds.pHint.iconSize")}; 4670 min-width: ${o("pds.pHint.iconSize")}; 4671 } 4672 .p-hint-error {
4673 color: ${o("pds.pHint.invalidColor")}; 4674 } 4675 a:has(> p-card > .p-card.clickable) { 4676 &:focus-visible { 4677 outline: 0 none; 4678 outline-offset: 0; 4679 .p-card { 4680 &::after { 4681 content: ''; 4682 position: absolute; 4683 inset: calc(-1 * ( 4684 var(--p-card-clickable-outline-offset) + 4685 var(--p-card-clickable-outline-width) + 4686 var(--p-card-clickable-border-width) 4687 )); 4688 border-radius: var(--p-card-clickable-outline-radius); 4689 border: var(--p-card-clickable-outline-width) 4690 var(--p-card-clickable-outline-style) 4691 var(--p-card-clickable-outline-color); 4692 pointer-events: none; 4693 } 4694 } 4695 } 4696 } 4697 .p-overlay-mask { 4698 background-color: ${o("pds.alpha.black.40")}; 4699 } 4700 .pds-icon { 4701 fill: currentColor; 4702 } 4703 4704 .pds-footer { 4705 background-color: ${o("pds.pFooter.background")}; 4706 display: flex; 4707 justify-content: center; 4708 align-items: flex-start; 4709 flex-direction: column; 4710 margin: ${o("pds.pFooter.margin")}; 4711 padding: ${o("pds.pFooter.padding")}; 4712 border: ${o("pds.pFooter.border")}; 4713 4714 .pds-footer-content-wrapper { 4715 max-width: 90rem; 4716 padding: ${o("pds.pFooter.padding")}; 4717 } 4718 4719 .pds-footer-top { 4720 display: flex; 4721 align-items: center; 4722 background-color: ${o("pds.pFooter.top.background")}; 4723 padding: ${o("pds.pFooter.top.padding")}; 4724 gap: ${o("pds.pFooter.top.gap")}; 4725 4726 .pds-footer-tagline { 4727 margin: ${o("pds.pFooter.top.tagline.margin")}; 4728 color: ${o("pds.pFooter.top.tagline.color")}; 4729 font-size: ${o("pds.pFooter.top.tagline.fontSize")}; 4730 font-weight: ${o("pds.pFooter.top.tagline.fontWeight")}; 4731 font-style: normal; 4732 line-height: ${o("pds.pFooter.top.tagline.lineHeight")}; 4733 } 4734 } 4735 4736 .pds-footer-bottom { 4737 display: flex; 4738 align-items: flex-start; 4739 background-color: ${o("pds.pFooter.bottom.background")}; 4740 padding: ${o("pds.pFooter.bottom.padding")}; 4741 border-top: ${o("pds.pFooter.bottom.border")}; 4742 4743 .pds-footer-bottom-content { 4744 display: flex; 4745 flex-direction: column; 4746 align-items: flex-start; 4747 gap: ${o("pds.pFooter.bottom.content.gap")}; 4748 color: ${o("pds.pFooter.bottom.content.color")}; 4749 font-size: ${o("pds.pFooter.bottom.content.fontSize")}; 4750 font-weight: ${o("pds.pFooter.bottom.content.fontWeight")}; 4751 font-style: normal; 4752 line-height: ${o("pds.pFooter.bottom.content.lineHeight")}; 4753 4754 a { 4755 color: ${o("pds.pFooter.bottom.content.link.enabledColor")}; 4756 border-radius: ${o("pds.pFooter.bottom.content.link.borderRadius")}; 4757 text-decoration-line: underline; 4758 text-decoration-style: solid; 4759 text-decoration-skip-ink: none; 4760 text-decoration-thickness: auto; 4761 text-underline-offset: auto; 4762 text-underline-position: from-font; 4763 4764 &:link { 4765 color: ${o("pds.pFooter.bottom.content.link.enabledColor")}; 4766 } 4767 4768 &:visited { 4769 color: ${o("pds.pFooter.bottom.content.link.visitedColor")}; 4770 } 4771 4772 &:focus-visible { 4773 color: ${o("pds.pFooter.bottom.content.link.focusedColor")}; 4774 outline: ${o("pds.pFooter.focusRing.width")} 4775 ${o("pds.pFooter.focusRing.style")} 4776 ${o("pds.pFooter.focusRing.color")}; 4777 outline-offset: ${o("pds.pFooter.focusRing.offset")}; 4778 box-shadow: ${o("pds.pFooter.focusRing.shadow")}; 4779 } 4780 4781 &:hover { 4782 color: ${o("pds.pFooter.bottom.content.link.hoveredColor")}; 4783 } 4784 4785 &:active { 4786 color: ${o("pds.pFooter.bottom.content.link.pressedColor")}; 4787 } 4788 } 4789 } 4790 } 4791 4792 .pds-footer-menu-desktop { 4793 display: none; 4794 } 4795 4796 .pds-footer-menu-container { 4797 display: flex; 4798 flex-direction: column; 4799 background-color: ${o("pds.pFooter.menu.background")}; 4800 padding: ${o("pds.pFooter.menu.layout.accordion.padding")}; 4801 4802 ul { 4803 list-style: none; 4804 margin: 0; 4805 padding: 0; 4806 } 4807 } 4808 4809 .p-accordion { 4810 .p-accordionpanel { 4811 border-width: 0; 4812 4813 &:not(.p-disabled) { 4814 > .p-accordionheader { 4815 background-color: ${o("pds.pFooter.menu.item.link.enabled.background")}; 4816 color: ${o("pds.pFooter.menu.item.link.enabled.color")}; 4817 4818 &:focus-visible { 4819 background-color: ${o("pds.pFooter.menu.item.link.focused.background")}; 4820 color: ${o("pds.pFooter.menu.item.link.focused.color")}; 4821 } 4822 4823 &:hover { 4824 background-color: ${o("pds.pFooter.menu.item.link.hovered.background")}; 4825 color: ${o("pds.pFooter.menu.item.link.hovered.color")}; 4826 } 4827 4828 &:active { 4829 background-color: ${o("pds.pFooter.menu.item.link.pressed.background")}; 4830 color: ${o("pds.pFooter.menu.item.link.pressed.color")}; 4831 box-shadow: ${o("pds.pFooter.menu.item.link.pressed.shadow")}; 4832 } 4833 } 4834 4835 &.p-accordionpanel-active > .p-accordionheader { 4836 background-color: ${o("pds.pFooter.menu.item.link.selected.background")}; 4837 color: ${o("pds.pFooter.menu.item.link.selected.color")}; 4838 } 4839 } 4840 4841 .p-accordionheader { 4842 .p-iconwrapper { 4843 background-color: ${o("pds.pFooter.menu.layout.accordion.header.icon.background")}; 4844 padding: ${o("pds.pFooter.menu.layout.accordion.header.icon.padding")}; 4845 4846 &:hover { 4847 background-color: ${o("pds.pFooter.menu.layout.accordion.header.icon.background")}; 4848 } 4849 4850 .p-icon { 4851 width: ${o("pds.pFooter.menu.layout.accordion.header.icon.fontSize")}; 4852 height: ${o("pds.pFooter.menu.layout.accordion.header.icon.fontSize")}; 4853 font-size: ${o("pds.pFooter.menu.layout.accordion.header.icon.fontSize")}; 4854 margin: calc( 4855 ( 4856 ${o("pds.pFooter.menu.layout.accordion.header.icon.iconSize")} - 4857 ${o("pds.pFooter.menu.layout.accordion.header.icon.fontSize")} 4858 ) / 2); 4859 } 4860 } 4861 } 4862 4863 .p-accordioncontent-content { 4864 display: flex; 4865 flex-direction: column; 4866 background-color: ${o("pds.pFooter.menu.layout.accordion.content.background")}; 4867 padding: ${o("pds.pFooter.menu.layout.accordion.content.padding")}; 4868 4869 .pds-footer-menu-section-item { 4870 a:link { 4871 background-color: ${o("pds.pFooter.menu.item.link.enabled.backgroundNested")}; 4872 } 4873 4874 a:visited { 4875 background-color: ${o("pds.pFooter.menu.item.link.visited.backgroundNested")}; 4876 } 4877 4878 a:focus, 4879 a:focus-visible { 4880 background-color: ${o("pds.pFooter.menu.item.link.focused.backgroundNested")}; 4881 } 4882 4883 a:hover { 4884 background-color: ${o("pds.pFooter.menu.item.link.hovered.backgroundNested")}; 4885 } 4886 4887 a:active { 4888 background-color: ${o("pds.pFooter.menu.item.link.pressed.backgroundNested")}; 4889 } 4890 4891 a[aria-current="page"] { 4892 background-color: ${o("pds.pFooter.menu.item.link.selected.backgroundNested")}; 4893 } 4894 } 4895 } 4896 } 4897 } 4898 4899 .pds-footer-menu-section-title { 4900 padding: ${o("pds.pFooter.menu.title.padding")}; 4901 background: ${o("pds.pFooter.menu.title.background")}; 4902 color: ${o("pds.pFooter.menu.title.color")}; 4903 font-size: ${o("pds.pFooter.menu.title.fontSize")}; 4904 font-weight: ${o("pds.pFooter.menu.title.fontWeight")}; 4905 font-style: normal; 4906 line-height: ${o("pds.pFooter.menu.title.lineHeight")}; 4907 text-transform: uppercase; 4908 } 4909 4910 .pds-footer-menu-section-items { 4911 display: flex; 4912 flex-direction: column; 4913 } 4914 4915 .pds-footer-menu-section-item { 4916 display: flex; 4917 align-items: center; 4918 gap: ${o("pds.pFooter.menu.item.gap")}; 4919 4920 a { 4921 display: flex; 4922 align-items: flex-start; 4923 gap: ${o("pds.pFooter.menu.item.link.gap")}; 4924 flex: 1 0 0; 4925 padding: ${o("pds.pFooter.menu.item.padding")}; 4926 border-radius: ${o("pds.pFooter.menu.item.link.borderRadius")}; 4927 color: ${o("pds.pFooter.menu.item.link.enabled.color")}; 4928 background-color: ${o("pds.pFooter.menu.item.link.enabled.background")}; 4929 font-size: ${o("pds.pFooter.menu.item.fontSize")}; 4930 font-style: normal; 4931 font-weight: ${o("pds.pFooter.menu.item.fontWeight")}; 4932 line-height: ${o("pds.pFooter.menu.item.lineHeight")}; 4933 text-decoration: none; 4934 4935 &:link { 4936 color: ${o("pds.pFooter.menu.item.link.enabled.color")}; 4937 background-color: ${o("pds.pFooter.menu.item.link.enabled.background")}; 4938 } 4939 4940 &:visited { 4941 color: ${o("pds.pFooter.menu.item.link.visited.color")}; 4942 background-color: ${o("pds.pFooter.menu.item.link.visited.background")}; 4943 } 4944 4945 &:focus, 4946 &:focus-visible { 4947 color: ${o("pds.pFooter.menu.item.link.focused.color")}; 4948 background-color: ${o("pds.pFooter.menu.item.link.focused.background")}; 4949 } 4950 4951 &:focus-visible { 4952 outline: ${o("pds.pFooter.focusRing.width")} 4953 ${o("pds.pFooter.focusRing.style")} 4954 ${o("pds.pFooter.focusRing.color")}; 4955 outline-offset: calc(-1 * (${o("pds.pFooter.focusRing.offset")} + ${o("pds.pFooter.focusRing.width")})); 4956 box-shadow: ${o("pds.pFooter.focusRing.shadow")}; 4957 } 4958 4959 &:hover { 4960 color: ${o("pds.pFooter.menu.item.link.hovered.color")}; 4961 background-color: ${o("pds.pFooter.menu.item.link.hovered.background")}; 4962 } 4963 4964 &:active { 4965 color: ${o("pds.pFooter.menu.item.link.pressed.color")}; 4966 background-color: ${o("pds.pFooter.menu.item.link.pressed.background")}; 4967 box-shadow: ${o("pds.pFooter.menu.item.link.pressed.shadow")}; 4968 } 4969 4970 &:hover, 4971 &:active { 4972 text-decoration-line: underline; 4973 text-decoration-style: solid; 4974 text-decoration-skip-ink: none; 4975 text-decoration-thickness: auto; 4976 text-underline-offset: auto; 4977 text-underline-position: from-font; 4978 } 4979 4980 &[aria-current="page"] { 4981 color: ${o("pds.pFooter.menu.item.link.selected.color")}; 4982 background-color: ${o("pds.pFooter.menu.item.link.selected.background")}; 4983 font-weight: ${o("pds.pFooter.menu.item.link.selected.fontWeight")}; 4984 } 4985 } 4986 4987 svg { 4988 fill: ${o("pds.pFooter.menu.item.color")}; 4989 width: ${o("pds.pFooter.menu.item.svg.width")}; 4990 height: ${o("pds.pFooter.menu.item.svg.width")}; 4991 } 4992 4993 i { 4994 font-size: ${o("pds.pFooter.menu.item.iconWrapper.fontSize")}; 4995 position: relative; 4996 bottom: ${o("pds.pFooter.menu.item.iconWrapper.padding")}; 4997 padding-left: ${o("pds.pFooter.menu.item.iconWrapper.padding")}; 4998 } 4999 } 5000 5001 .pds-footer-social-contact-container { 5002 display: flex; 5003 flex-direction: column; 5004 align-items: flex-start; 5005 gap: ${o("pds.pFooter.menu.social.gap")}; 5006 padding: ${o("pds.pFooter.menu.social.padding")}; 5007 flex: 1 0 0; 5008 background-color: ${o("pds.pFooter.menu.social.background")}; 5009 } 5010 5011 .pds-footer-social-bar { 5012 display: flex; 5013 align-items: center; 5014 align-content: center; 5015 gap: ${o("pds.pFooter.menu.social.bar.gap")}; 5016 flex-wrap: wrap; 5017 5018 .pds-footer-social-bar-icon-content-wrapper { 5019 display: flex; 5020 justify-content: center; 5021 align-items: center; 5022 } 5023 5024 .pds-footer-social-bar-icon { 5025 display: flex; 5026 align-items: center; 5027 gap: ${o("pds.pFooter.menu.social.bar.icon.gap")}; 5028 border-radius: ${o("pds.pFooter.focusRing.radius")}; 5029 color: ${o("pds.pFooter.menu.social.bar.icon.color")}; 5030 5031 &:active { 5032 color: ${o("pds.pFooter.menu.social.bar.icon.color")}; 5033 } 5034 5035 &:hover { 5036 color: ${o("pds.pFooter.menu.social.bar.icon.color")}; 5037 } 5038 5039 &:focus, 5040 &:focus-visible { 5041 color: ${o("pds.pFooter.menu.social.bar.icon.color")}; 5042 outline: ${o("pds.pFooter.focusRing.width")} 5043 ${o("pds.pFooter.focusRing.style")} 5044 ${o("pds.pFooter.focusRing.color")}; 5045 outline-offset: ${o("pds.pFooter.focusRing.offset")}; 5046 box-shadow: ${o("pds.pFooter.focusRing.shadow")}; 5047 } 5048 5049 .pds-icon { 5050 fill: ${o("pds.pFooter.menu.social.bar.icon.color")}; 5051 height: ${o("pds.pFooter.menu.social.bar.icon.size")}; 5052 width: ${o("pds.pFooter.menu.social.bar.icon.size")}; 5053 5054 &:active { 5055 fill: ${o("pds.pFooter.menu.social.bar.icon.color")}; 5056 } 5057 5058 &:hover { 5059 fill: ${o("pds.pFooter.menu.social.bar.icon.color")}; 5060 } 5061 } 5062 } 5063 } 5064 5065 .pds-footer-media-wrapper { 5066 display: flex; 5067 align-items: flex-start; 5068 align-content: flex-start; 5069 gap: ${o("pds.pFooter.menu.social.media.gap")}; 5070 flex-wrap: wrap; 5071 5072 .p-button, .p-button:not(:disabled):hover { 5073 padding: ${o("pds.pFooter.menu.social.media.button.padding")}; 5074 border: ${o("pds.pFooter.menu.social.media.button.border")}; 5075 background: ${o("pds.pFooter.menu.social.media.button.background")}; 5076 border-radius: ${o("pds.pFooter.menu.social.media.button.borderRadius")}; 5077 5078 svg { 5079 max-width: ${o("pds.pFooter.menu.social.media.svg.maxWidth")}; 5080 max-height: ${o("pds.pFooter.menu.social.media.svg.maxHeight")}; 5081 } 5082 5083 &:focus-visible { 5084 box-shadow: none; 5085 } 5086 } 5087 } 5088 } 5089 5090 @media all and (min-width: 80rem) { 5091 .pds-footer { 5092 flex-direction: row; 5093 5094 .pds-footer-content-wrapper { 5095 padding: ${o("pds.pFooter.desktop.padding")}; 5096 } 5097 5098 .pds-footer-top { 5099 padding: ${o("pds.pFooter.top.desktop.padding")}; 5100 gap: ${o("pds.pFooter.top.desktop.gap")}; 5101 } 5102 5103 .pds-footer-bottom { 5104 padding: ${o("pds.pFooter.bottom.desktop.padding")}; 5105 } 5106 5107 .pds-footer-menu-compact { 5108 display: none; 5109 } 5110 5111 .pds-footer-menu-desktop { 5112 display: block; 5113 } 5114 5115 .pds-footer-menu-container { 5116 flex-direction: row; 5117 padding: ${o("pds.pFooter.menu.layout.columns.padding")}; 5118 gap: ${o("pds.pFooter.menu.layout.columns.gap")}; 5119 } 5120 5121 .pds-footer-menu-section { 5122 display: flex; 5123 flex-direction: column; 5124 min-width: 20rem; 5125 border-right: ${o("pds.pFooter.menu.layout.columns.border")}; 5126 } 5127 5128 .pds-footer-menu-section-title { 5129 display: flex; 5130 align-items: center; 5131 margin: 0; 5132 } 5133 5134 .pds-footer-social-contact-container { 5135 padding: ${o("pds.pFooter.menu.social.desktop.padding")}; 5136 } 5137 } 5138 } 5139 5140 5141 .pds-header-bar { 5142 display: flex; 5143 flex-direction: row; 5144 align-items: center; 5145 justify-content: space-between; 5146 padding: ${o("pds.pHeader.headerBar.padding")}; 5147 gap: ${o("pds.pHeader.headerBar.gap")}; 5148 border-bottom: 1px ${o("pds.pHeader.headerBar.borderColor")} solid; 5149 background-color: ${o("pds.pHeader.headerBar.background")}; 5150 } 5151 @media all and (width < 80rem) { 5152 .pds-header-bar { 5153 padding: ${o("pds.pHeader.tablet.headerBar.padding")}; 5154 gap: ${o("pds.pHeader.tablet.headerBar.gap")}; 5155 } 5156 } 5157 @media all and (width < 48rem) { 5158 .pds-header-bar { 5159 padding: ${o("pds.pHeader.mobile.headerBar.padding")}; 5160 gap: ${o("pds.pHeader.mobile.headerBar.gap")}; 5161 } 5162 } 5163 .pds-header-bar .pds-header-bar-divider-container { 5164 height: ${o("pds.pHeader.headerBar.logoSize")}; 5165 padding: ${o("pds.pHeader.utilityBar.dividerPadding")}; 5166 margin: 0; 5167 } 5168 .pds-header-bar .pds-header-bar-divider-container .p-divider.p-divider-vertical { 5169 padding: 0; 5170 margin: 0; 5171 } 5172 @media all and (width < 80rem) { 5173 .pds-header-bar .pds-header-bar-divider-contai
5173ner { 5174 display: none; 5175 } 5176 } 5177 .pds-header-bar .pds-header-bar-left-container { 5178 display: flex; 5179 align-items: center; 5180 gap: ${o("pds.pHeader.headerBar.leftContainerGap")}; 5181 } 5182 .pds-header-bar .pds-header-bar-center-container { 5183 display: flex; 5184 align-items: center; 5185 flex: 1; 5186 } 5187 .pds-header-bar .pds-header-bar-center-container pds-search, 5188 .pds-header-bar .pds-header-bar-center-container pds-search .pds-search { 5189 width: 100%; 5190 } 5191 .pds-header-bar .pds-header-bar-center-container pds-search .pds-search .p-inputtext { 5192 display: flex; 5193 width: 100%; 5194 } 5195 @media all and (width < 48rem) { 5196 .pds-header-bar .pds-header-bar-center-container { 5197 display: none; 5198 } 5199 } 5200 .pds-header-bar .pds-header-bar-right-container { 5201 display: flex; 5202 align-items: center; 5203 } 5204 .pds-header-bar .pds-header-bar-logo { 5205 display: flex; 5206 align-items: center; 5207 text-decoration: none; 5208 border-radius: ${o("pds.link.radii.linkFocusRadius")}; 5209 } 5210 .pds-header-bar .pds-header-bar-logo img { 5211 height: ${o("pds.pHeader.headerBar.logoSize")}; 5212 } 5213 .pds-header-bar .pds-header-bar-logo:hover { 5214 cursor: pointer; 5215 } 5216 .pds-header-bar .pds-header-bar-logo:focus-visible { 5217 outline: ${o("pds.pHeader.headerTab.tab.focus.ring.width")} ${o("pds.pHeader.headerTab.tab.focus.ring.style")} ${o("pds.pHeader.headerTab.tab.focus.ring.color")}; 5218 outline-offset: 2px; 5219 } 5220 .pds-header-bar .pds-header-bar-industry-container { 5221 display: flex; 5222 align-items: center; 5223 gap: ${o("pds.pHeader.headerBar.leftContainerGap")}; 5224 } 5225 .pds-header-bar .pds-header-bar-industry-container .pds-header-bar-industry-name { 5226 font-family: ${o("pds.pHeader.headerBar.fontFamily")}; 5227 font-size: ${o("pds.pHeader.headerBar.fontSize")}; 5228 line-height: ${o("pds.pHeader.headerBar.lineHeight")}; 5229 font-weight: 500; 5230 font-style: normal; 5231 color: ${o("pds.pHeader.headerBar.color")}; 5232 text-decoration: none; 5233 border-radius: ${o("pds.link.radii.linkFocusRadius")}; 5234 } 5235 .pds-header-bar .pds-header-bar-industry-container .pds-header-bar-industry-name:hover { 5236 cursor: pointer; 5237 } 5238 .pds-header-bar .pds-header-bar-industry-container .pds-header-bar-industry-name:focus-visible { 5239 outline: ${o("pds.pHeader.headerTab.tab.focus.ring.width")} ${o("pds.pHeader.headerTab.tab.focus.ring.style")} ${o("pds.pHeader.headerTab.tab.focus.ring.color")}; 5240 outline-offset: 2px; 5241 } 5242 @media all and (max-width: 80rem) { 5243 .pds-header-bar .pds-header-bar-industry-container { 5244 display: none; 5245 } 5246 } 5247 .pds-header-bar .pds-header-bar-actions-container.pds-header-bar-actions-container__long { 5248 display: flex; 5249 align-items: center; 5250 } 5251 @media all and (max-width: 80rem) { 5252 .pds-header-bar .pds-header-bar-actions-container.pds-header-bar-actions-container__long { 5253 display: none; 5254 } 5255 } 5256 .pds-header-bar .pds-header-bar-actions-container.pds-header-bar-actions-container__short { 5257 display: flex; 5258 align-items: center; 5259 gap: ${o("pds.pHeader.headerBar.rightContainerGap")}; 5260 } 5261 @media all and (min-width: 80rem) { 5262 .pds-header-bar .pds-header-bar-actions-container.pds-header-bar-actions-container__short { 5263 display: none; 5264 } 5265 } 5266 @media all and (width < 48rem) { 5267 .pds-header-bar .pds-header-bar-actions-container.pds-header-bar-actions-container__short { 5268 gap: 0; 5269 } 5270 } 5271 .pds-header-bar .p-button { 5272 overflow: visible; 5273 } 5274 .pds-header-bar .p-button .p-overlay-badge { 5275 position: static; 5276 display: contents; 5277 } 5278 .pds-header-bar .p-button.p-button-icon-only .p-badge { 5279 position: absolute; 5280 right: 4px; 5281 top: 4px; 5282 transform: translate3d(50%, -50%, 0); 5283 } 5284 .pds-header-bar .p-button .p-badge:empty { 5285 display: none; 5286 } 5287 @media all and (min-width: 48rem) { 5288 .pds-header-bar .pds-header-bar-search-button { 5289 display: none; 5290 } 5291 } 5292 .pds-header-menu-bar { 5293 display: flex; 5294 align-items: center; 5295 padding: ${o("pds.pHeader.headerTab.padding")}; 5296 border-bottom: ${o("pds.pHeader.headerTab.spacing.borderSize")} ${o("pds.pHeader.headerTab.borderColor")} solid; 5297 } 5298 .pds-header-menu-bar.pds-header-menu-bar-industry { 5299 padding: ${o("pds.pHeader.headerTab.industry.padding")}; 5300 } 5301 @media all and (width > 80rem) { 5302 .pds-header-menu-bar.pds-header-menu-bar-industry { 5303 display: none; 5304 } 5305 } 5306 @media all and (max-width: 80rem) { 5307 .pds-header-menu-bar.pds-header-menu-bar-menu { 5308 display: none; 5309 } 5310 } 5311 .pds-header-menu-bar .p-menubar { 5312 padding: 0; 5313 border: none; 5314 } 5315 .pds-header-menu-bar .p-menubar .p-menubar-item > .p-menubar-item-content { 5316 padding: 0; 5317 border-radius: ${o("pds.pHeader.headerTab.tab.borderRadius")}; 5318 } 5319 .pds-header-menu-bar .p-menubar .p-menubar-item > .p-menubar-item-content .p-menubar-item-link { 5320 padding: ${o("pds.pHeader.headerTab.tab.padding")}; 5321 border-radius: ${o("pds.pHeader.headerTab.tab.borderRadius")}; 5322 } 5323 .pds-header-menu-bar .p-menubar { 5324 background-color: inherit; 5325 color: inherit; 5326 } 5327 .pds-header-menu-bar .p-menubar .p-menubar-item > .p-menubar-item-content { 5328 color: inherit; 5329 background-color: inherit; 5330 } 5331 .pds-header-menu-bar .p-menubar .p-menubar-item > .p-menubar-item-content .p-menubar-item-text { 5332 color: inherit; 5333 background: none; 5334 outline: none; 5335 } 5336 .pds-header-menu-bar .p-menubar .p-menubar-item:not(.p-highlight):not(.p-disabled):focus-visible { 5337 outline: none; 5338 } 5339 .pds-header-menu-bar .p-menubar .p-menubar-item > .p-menubar-item-content .p-menubar-item-link { 5340 color: inherit; 5341 background-color: inherit; 5342 } 5343 .pds-header-menu-bar .p-menubar .p-menubar-item > .p-menubar-item-content .p-menubar-item-link:not(.p-disabled):focus-visible .p-menubar-item-text:focus-visible { 5344 color: inherit; 5345 } 5346 .pds-header-menu-bar .p-menubar .p-menubar-item > .p-menubar-item-content .p-menubar-item-link:not(.p-disabled):visited .p-menubar-item-text:visited { 5347 background: none; 5348 } 5349 .pds-header-menu-bar .p-menubar .p-menubar-item > .p-menubar-item-content .p-menubar-item-link .p-menubar-item-text, 5350 .pds-header-menu-bar .p-menubar .p-menubar-item > .p-menubar-item-content .p-menubar-item-link .p-menubar-item-icon, 5351 .pds-header-menu-bar .p-menubar .p-menubar-item > .p-menubar-item-content .p-menubar-item-link .p-submenu-icon { 5352 color: inherit; 5353 background-color: inherit; 5354 } 5355 .pds-header-menu-bar__subtle { 5356 background-color: ${o("pds.pHeader.headerTab.background")}; 5357 color: ${o("pds.pHeader.headerTab.color")}; 5358 } 5359 .pds-header-menu-bar__subtle .p-menubar .p-menubar-item > .p-menubar-item-content:hover { 5360 background-color: ${o("pds.pHeader.headerTab.tab.hoverBackgroun
5360d")}; 5361 color: ${o("pds.pHeader.headerTab.tab.hoverColor")}; 5362 } 5363 .pds-header-menu-bar__subtle .p-menubar .p-menubar-item > .p-menubar-item-content:hover .p-menubar-item-icon, 5364 .pds-header-menu-bar__subtle .p-menubar .p-menubar-item > .p-menubar-item-content:hover .p-menubar-item-text { 5365 color: ${o("pds.pHeader.headerTab.tab.hoverColor")}; 5366 } 5367 .pds-header-menu-bar__subtle .p-menubar .p-menubar-item:not(.p-highlight):not(.p-disabled).p-focus > .p-menubar-item-content, 5368 .pds-header-menu-bar__subtle .p-menubar .p-menubar-item:not(.p-highlight):not(.p-disabled):focus-visible > .p-menubar-item-content { 5369 box-shadow: ${o("pds.pHeader.headerTab.tab.focus.ring.shadow")}; 5370 outline: ${o("pds.pHeader.headerTab.tab.focus.ring.width")} ${o("pds.pHeader.headerTab.tab.focus.ring.style")} ${o("pds.pHeader.headerTab.tab.focus.ring.color")}; 5371 outline-offset: ${o("pds.pHeader.headerTab.tab.focus.ring.offset")}; 5372 } 5373 .pds-header-menu-bar__subtle .p-menubar .p-menubar-item:not(.p-highlight):not(.p-disabled).p-focus > .p-menubar-item-content .p-menubar-item-icon, 5374 .pds-header-menu-bar__subtle .p-menubar .p-menubar-item:not(.p-highlight):not(.p-disabled).p-focus > .p-menubar-item-content .p-menubar-item-text, 5375 .pds-header-menu-bar__subtle .p-menubar .p-menubar-item:not(.p-highlight):not(.p-disabled):focus-visible .p-menubar-item-icon, 5376 .pds-header-menu-bar__subtle .p-menubar .p-menubar-item:not(.p-highlight):not(.p-disabled):focus-visible .p-menubar-item-text { 5377 color: ${o("pds.pHeader.headerTab.tab.color")}; 5378 } 5379 .pds-header-menu-bar__subtle .p-menubar .p-menubar-item:not(.p-highlight).p-disabled { 5380 opacity: unset !important; 5381 outline: none; 5382 border-radius: ${o("pds.pHeader.headerTab.tab.borderRadius")}; 5383 color: ${o("pds.pHeader.headerTab.tab.disabledColor")}; 5384 background-color: ${o("pds.pHeader.headerTab.tab.disabledBackground")}; 5385 } 5386 .pds-header-menu-bar__subtle .p-menubar .p-menubar-item > .p-menubar-item-content .p-menubar-item-link:not(.p-disabled):not([disabled]).p-menubar-item-link-active .p-menubar-item-text, 5387 .pds-header-menu-bar__subtle .p-menubar .p-menubar-item > .p-menubar-item-content .p-menubar-item-link:not(.p-disabled):not([disabled]):active .p-menubar-item-text:active { 5388 color: ${o("pds.pHeader.headerTab.tab.activeColor")} !important; 5389 background: inherit; 5390 font-weight: ${o("pds.pHeader.headerTab.tab.activeFontWeight")}; 5391 } 5392 .pds-header-menu-bar__subtle .p-menubar .p-menubar-item > .p-menubar-item-content .p-menubar-item-link:not(.p-disabled):not([disabled]):focus-visible { 5393 box-shadow: ${o("pds.pHeader.headerTab.tab.focus.ring.shadow")}; 5394 outline: ${o("pds.pHeader.headerTab.tab.focus.ring.width")} ${o("pds.pHeader.headerTab.tab.focus.ring.style")} ${o("pds.pHeader.headerTab.tab.focus.ring.color")}; 5395 outline-offset: ${o("pds.pHeader.headerTab.tab.focus.ring.offset")}; 5396 color: inherit; 5397 background: none; 5398 } 5399 .pds-header-menu-bar__strong { 5400 background-color: ${o("pds.pHeader.strong.headerTab.background")}; 5401 color: ${o("pds.pHeader.strong.headerTab.color")}; 5402 } 5403 .pds-header-menu-bar__strong .p-menubar .p-menubar-item > .p-menubar-item-content:hover { 5404 background-color: ${o("pds.pHeader.strong.headerTab.tab.hoverBackground")}; 5405 color: ${o("pds.pHeader.strong.headerTab.tab.hoverColor")}; 5406 } 5407 .pds-header-menu-bar__strong .p-menubar .p-menubar-item > .p-menubar-item-content:hover .p-menubar-item-icon, 5408 .pds-header-menu-bar__strong .p-menubar .p-menubar-item > .p-menubar-item-content:hover .p-menubar-item-text { 5409 color: ${o("pds.pHeader.strong.headerTab.tab.hoverColor")}; 5410 } 5411 .pds-header-menu-bar__strong .p-menubar .p-menubar-item:not(.p-highlight):not(.p-disabled).p-focus > .p-menubar-item-content, 5412 .pds-header-menu-bar__strong .p-menubar .p-menubar-item:not(.p-highlight):not(.p-disabled):focus-visible > .p-menubar-item-content { 5413 box-shadow: ${o("pds.pHeader.strong.headerTab.tab.focus.ring.shadow")}; 5414 outline: ${o("pds.pHeader.strong.headerTab.tab.focus.ring.width")} ${o("pds.pHeader.strong.headerTab.tab.focus.ring.style")} ${o("pds.pHeader.strong.headerTab.tab.focus.ring.color")}; 5415 outline-offset: ${o("pds.pHeader.strong.headerTab.tab.focus.ring.offset")}; 5416 } 5417 .pds-header-menu-bar__strong .p-menubar .p-menubar-item:not(.p-highlight):not(.p-disabled).p-focus > .p-menubar-item-content .p-menubar-item-icon, 5418 .pds-header-menu-bar__strong .p-menubar .p-menubar-item:not(.p-highlight):not(.p-disabled).p-focus > .p-menubar-item-content .p-menubar-item-text, 5419 .pds-header-menu-bar__strong .p-menubar .p-menubar-item:not(.p-highlight):not(.p-disabled):focus-visible .p-menubar-item-icon, 5420 .pds-header-menu-bar__strong .p-menubar .p-menubar-item:not(.p-highlight):not(.p-disabled):focus-visible .p-menubar-item-text { 5421 color: ${o("pds.pHeader.strong.headerTab.tab.color")}; 5422 } 5423 .pds-header-menu-bar__strong .p-menubar .p-menubar-item:not(.p-highlight).p-disabled { 5424 opacity: unset !important; 5425 color: ${o("pds.pHeader.strong.headerTab.tab.disabledColor")}; 5426 background-color: ${o("pds.pHeader.strong.headerTab.tab.disabledBackgroun
5426d")}; 5427 } 5428 5429 .pds-header-menu-bar__strong .p-menubar .p-menubar-item > .p-menubar-item-content .p-menubar-item-link:not(.p-disabled).p-menubar-item-link-active .p-menubar-item-text, 5430 .pds-header-menu-bar__strong .p-menubar .p-menubar-item > .p-menubar-item-content .p-menubar-item-link:not(.p-disabled):active .p-menubar-item-text:active { 5431 color: ${o("pds.pHeader.strong.headerTab.tab.activeColor")} !important; 5432 background: inherit; 5433 font-weight: ${o("pds.pHeader.strong.headerTab.tab.activeFontWeight")}; 5434 } 5435 .pds-header-menu-bar__strong .p-menubar .p-menubar-item > .p-menubar-item-content .p-menubar-item-link:not(.p-disabled):focus-visible { 5436 box-shadow: ${o("pds.pHeader.strong.headerTab.tab.focus.ring.shadow")}; 5437 outline: ${o("pds.pHeader.strong.headerTab.tab.focus.ring.width")} ${o("pds.pHeader.strong.headerTab.tab.focus.ring.style")} ${o("pds.pHeader.strong.headerTab.tab.focus.ring.color")}; 5438 outline-offset: ${o("pds.pHeader.strong.headerTab.tab.focus.ring.offset")}; 5439 color: inherit; 5440 background: none; 5441 } 5442 .pds-header-search-bar { 5443 background-color: ${o("pds.pHeader.searchBar.background")}; 5444 color: ${o("pds.pHeader.searchBar.color")}; 5445 padding: ${o("pds.pHeader.searchBar.padding")}; 5446 gap: ${o("pds.pHeader.searchBar.gap")}; 5447 display: flex; 5448 align-items: center; 5449 flex: 1; 5450 } 5451 .pds-header-search-bar pds-search { 5452 width: 100%; 5453 } 5454 .pds-header-search-bar pds-search .pds-search { 5455 width: 100%; 5456 } 5457 .pds-header-search-bar pds-search .pds-search .p-inputtext { 5458 display: flex; 5459 width: 100%; 5460 } 5461 .pds-utility-bar { 5462 display: flex; 5463 padding: ${o("pds.pHeader.utilityBar.padding")}; 5464 justify-content: flex-end; 5465 align-items: center; 5466 gap: ${o("pds.pHeader.utilityBar.gap")}; 5467 align-self: stretch; 5468 background-color: ${o("pds.pHeader.utilityBar.background")}; 5469 border-bottom: ${o("pds.pHeader.utilityBar.border")}; 5470 } 5471 @media all and (max-width: 80rem) { 5472 .pds-utility-bar { 5473 padding: ${o("pds.pHeader.tablet.utilityBar.padding")}; 5474 gap: ${o("pds.pHeader.tablet.utilityBar.gap")}; 5475 } 5476 } 5477 @media all and (max-width < 48rem) { 5478 .pds-utility-bar { 5479 padding: ${o("pds.pHeader.mobile.utilityBar.padding")}; 5480 gap: ${o("pds.pHeader.mobile.utilityBar.gap")}; 5481 } 5482 } 5483 @media all and (max-width: 48rem) { 5484 .pds-utility-bar :nth-child(n+4) { 5485 display: none; 5486 } 5487 } 5488 @media all and (min-width: 20rem) { 5489 .pds-utility-bar { 5490 justify-content: flex-end; 5491 } 5492 } 5493 @media all and (max-width: 20rem) { 5494 .pds-utility-bar { 5495 justify-content: space-around; 5496 } 5497 } 5498 .pds-utility-bar .p-divider.p-divider-vertical { 5499 padding: ${o("pds.pHeader.utilityBar.dividerPadding")}; 5500 margin: 0; 5501 } 5502 5503 5504 .pds-header-menu { 5505 display: flex; 5506 flex-direction: column; 5507 height: 100%; 5508 background-color: ${o("pds.pHeaderMenu.background")}; 5509 } 5510 .pds-header-menu .pds-header-menu-header-container { 5511 display: flex; 5512 padding: ${o("pds.pHeaderMenu.header.padding")}; 5513 justify-content: space-between; 5514 align-items: center; 5515 align-self: stretch; 5516 } 5517 .pds-header-menu .pds-header-menu-header-container img:hover { 5518 cursor: pointer; 5519 } 5520 .pds-header-menu .pds-header-menu-content { 5521 position: relative; 5522 flex-grow: 1; 5523 padding: 0; 5524 margin: 0; 5525 list-style: none; 5526 overflow-y: auto;
5527 overscroll-behavior: none; 5528 } 5529 .pds-header-menu .p-divider { 5530 padding: 0; 5531 margin: ${o("pds.pHeaderMenu.divider.margin")}; 5532 color: ${o("pds.pHeaderMenu.divider.color")}; 5533 } 5534 .pds-header-menu .p-divider::before { 5535 border-block-start: 1px solid ${o("pds.pHeaderMenu.divider.color")}; 5536 } 5537 .pds-header-menu-item { 5538 display: flex; 5539 align-items: center; 5540 gap: ${o("pds.pHeaderMenu.item.gap")}; 5541 min-height: ${o("pds.pHeaderMenu.item.minHeight")}; 5542 width: 100%; 5543 border: 0; 5544 padding: ${o("pds.pHeaderMenu.item.padding")}; 5545 background-color: ${o("pds.pHeaderMenu.item.background")}; 5546 color: ${o("pds.pHeaderMenu.item.color")}; 5547 text-decoration: none; 5548 cursor: pointer; 5549 font-family: ${o("pds.typography.body.bodyFamily")}; 5550 font-size: ${o("pds.pHeaderMenu.item.typography.fontSize")}; 5551 line-height: ${o("pds.pHeaderMenu.item.typography.lineHeight")}; 5552 } 5553 .pds-header-menu-item.no-clickable, 5554 .pds-header-menu-item:hover.no-clickable { 5555 cursor: default; 5556 } 5557 .pds-header-menu-item .pds-icon { 5558 height: ${o("pds.pHeaderMenu.item.iconSize")}; 5559 width: ${o("pds.pHeaderMenu.item.iconSize")}; 5560 flex-shrink: 0; 5561 fill: currentColor; 5562 } 5563 .pds-header-menu-item .pds-header-menu-item-text { 5564 display: flex; 5565 align-items: center; 5566 flex: 1 0 0; 5567 column-gap: ${o("pds.pHeaderMenu.item.content.gap")}; 5568 } 5569 .pds-header-menu-item .pds-header-menu-item-text .pds-icon { 5570 height: ${o("pds.pHeaderMenu.item.content.iconSize")}; 5571 width: ${o("pds.pHeaderMenu.item.content.iconSize")}; 5572 } 5573 .pds-header-menu-item .pds-header-menu-item-icon-slot { 5574 display: flex; 5575 align-items: center; 5576 flex-shrink: 0; 5577 width: ${o("pds.pHeaderMenu.item.iconContainerSize")}; 5578 height: ${o("pds.pHeaderMenu.item.iconContainerSize")}; 5579 } 5580 .pds-header-menu-item .pds-header-menu-item-external-icon { 5581 display: inline-flex; 5582 align-self: flex-start; 5583 } 5584 .pds-header-menu-item .pds-header-menu-item-text.pds-header-menu-item-multiline { 5585 display: flex; 5586 flex-direction: row; 5587 align-items: center; 5588 } 5589 .pds-header-menu-item .pds-header-menu-item-multiline-labels { 5590 display: flex; 5591 flex-direction: column; 5592 align-items: flex-start; 5593 } 5594 .pds-header-menu-item .pds-header-menu-item-sub-label { 5595 font-size: ${o("pds.pHeaderMenu.item.sub.typography.fontSize")}; 5596 line-height: ${o("pds.pHeaderMenu.item.sub.typography.lineHeight")}; 5597 } 5598 .pds-header-menu-item .pds-header-menu-item-title-text { 5599 display: flex; 5600 align-items: normal; 5601 text-transform: uppercase; 5602 font-weight: 700; 5603 color: ${o("pds.pHeaderMenu.item.color")}; 5604 } 5605 .pds-header-menu-item:hover:not(.no-clickable) { 5606 color: ${o("pds.pHeaderMenu.item.hoverColor")}; 5607 } 5608 .pds-header-menu-item:hover:not(.no-clickable) .pds-header-menu-item-label { 5609 text-decoration: underline; 5610 } 5611 .pds-header-menu-item.selected { 5612 color: ${o("pds.pHeaderMenu.item.selectedColor")}; 5613 background-color: ${o("pds.pHeaderMenu.item.selectedBackground")}; 5614 } 5615 .pds-header-menu-item.selected .pds-header-menu-item-label { 5616 font-weight: 700; 5617 } 5618 .pds-header-menu-item:not(.no-clickable):active { 5619 box-shadow: ${o("pds.pHeaderMenu.item.pressedShadow")}; 5620 color: ${o("pds.pHeaderMenu.item.pressedColor")}; 5621 } 5622 .pds-header-menu-item:not(.no-clickable):focus-visible { 5623 position: relative; 5624 z-index: 999; 5625 outline: ${o("pds.pHeaderMenu.item.focusRing.width")} ${o("pds.pHeaderMenu.item.focusRing.style")} ${o("pds.pHeaderMenu.item.focusRing.color")}; 5626 outline-offset: ${o("pds.pHeaderMenu.item.focusRing.offset")}; 5627 } 5628`,extend:{pds:{pLabel:{color:"{pds.label.colors.onSurface.base}",fontWeight:"{pds.typography.weight.medium}",size:{default:{fontSize:"{pds.typography.body.small.size}",lineHeight:"{pds.typography.body.small.lineHeight}"},lg:{fontSize:"{pds.typography.body.medium.size}",lineHeight:"{pds.typography.body.medium.lineHeight}"}},required:{marginRight:"{pds.density.50}",fontWeight:"{pds.typography.weight.regular}",color:"{pds.label.colors.onSurface.danger}"},optional:{marginLeft:"{pds.label.spacing.gap.horizontal}",fontWeight:"{pds.typography.weight.regular}",color:"{pds.label.colors.onSurface.neutral}"}},pHint:{color:"{onSurface.neutral.stronger}
5628",invalidColor:"{onSurface.danger.stronger}",fontSize:"{pds.typography.body.small.size}",fontWeight:"{pds.typography.weight.regular}",lineHeight:"{pds.typography.body.small.lineHeight}",gap:"{pds.density-200}",iconSize:"{pds.iconSize.xSmall}"},pFooter:{background:"{pds.footer.colors.surface.enabled}",border:"0",padding:"0",margin:"0",desktop:{padding:"0 {pds.footer.spacing.padding.xLarge.horizontal}"},top:{background:"{pds.footer.colors.surface.enabled}",padding:"{pds.footer.spacing.padding.large.vertical} {pds.footer.spacing.padding.default.horizontal}",gap:"{pds.footer.spacing.gap.default.horizontal}",tagline:{margin:"0",color:"{pds.footer.colors.onSurface.enabled}",fontSize:"{pds.typography.body.medium.size}",fontWeight:"{pds.typography.weight.regular}",lineHeight:"{pds.typography.body.medium.lineHeight}"},desktop:{padding:"{pds.footer.spacing.padding.xLarge.horizontal} {pds.footer.spacing.padding.large.horizontal}",gap:"{pds.density.400}"}},bottom:{background:"{pds.footer.colors.surface.enabled}",padding:"{pds.footer.spacing.padding.large.vertical} {pds.footer.spacing.padding.large.horizontal}",border:"{pds.stroke.border} solid {pds.footer.colors.border}",content:{color:"{pds.footer.colors.onSurface.enabled}",fontSize:"{pds.typography.body.xSmall.size}",fontWeight:"{pds.typography.weight.regular}",lineHeight:"{pds.typography.body.xSmall.lineHeight}",gap:"{pds.footer.spacing.gap.large.vertical}",link:{borderRadius:"{pds.link.radii.linkFocusRadius}",enabledColor:"{pds.footer.colors.onSurface.enabled}",hoveredColor:"{pds.footer.colors.onSurface.hovered}",pressedColor:"{pds.footer.colors.onSurface.pressed}",visitedColor:"{pds.footer.colors.onSurface.enabled}",focusedColor:"{pds.footer.colors.onSurface.enabled}"}},desktop:{padding:"{pds.footer.spacing.padding.xLarge.vertical} 0"}},menu:{background:"{pds.footer.colors.surface.enabled}",title:{padding:"{pds.sideMenu.item.spacing.padding.xLarge.vertical} {pds.sideMenu.item.spacing.padding.xLarge.horizontal}",background:"{pds.footer.colors.surface.enabled}",color:"{pds.footer.colors.onSurface.enabled}",fontSize:"{pds.typography.body.medium.size}",fontWeight:"{pds.typography.weight.bold}",lineHeight:"{pds.typography.body.medium.lineHeight}"},item:{padding:"{pds.sideMenu.item.spacing.padding.large.vertical} {pds.sideMenu.item.spacing.padding.xLarge.horizontal}",gap:"{pds.sideMenu.item.spacing.gap.default.horizontal}",color:"{pds.footer.colors.onSurface.enabled}",fontSize:"{pds.typography.body.medium.size}",fontWeight:"{pds.typography.weight.regular}",lineHeight:"{pds.typography.body.medium.lineHeight}",svg:{color:"{pds.footer.colors.onSurface.enabled}",iconSize:"{pds.iconSize.xSmall}",width:"{pds.typography.body.small.size}"},link:{borderRadius:"{pds.footer.radii.footerItemFocusRadius}",enabled:{color:"{pds.footer.colors.onSurface.enabled}",background:"{pds.footer.colors.surface.enabled}",backgroundNested:"{pds.footer.colors.surface.subLevel.enabled}"},selected:{color:"{pds.footer.colors.onSurface.selected}",background:"{pds.footer.colors.surface.selected}",backgroundNested:"{pds.footer.colors.surface.subLevel.selected}",fontWeight:"{pds.typography.weight.bold}"},hovered:{color:"{pds.footer.colors.onSurface.hovered}",background:"{pds.footer.colors.surface.hovered}",backgroundNested:"{pds.footer.colors.surface.subLevel.hovered}"},pressed:{color:"{pds.footer.colors.onSurface.pressed}",background:"{pds.footer.colors.surface.pressed}",backgroundNested:"{pds.footer.colors.surface.subLevel.pressed}",shadow:"0 0 0 4px {pds.colors.pressedRing} inset"},focused:{color:"{pds.footer.colors.onSurface.enabled}",background:"{pds.footer.colors.surface.enabled}",backgroundNested:"{pds.footer.colors.surface.subLevel.enabled}"},visited:{color:"{pds.footer.colors.onSurface.enabled}",background:"{pds.footer.colors.surface.enabled}",backgroundNested:"{pds.footer.colors.surface.subLevel.enabled}"},gap:"{pds.sideMenu.item.spacing.gap.small.horizontal}"},iconWrapper:{fontSize:"{pds.typography.body.xSmall}",padding:"{pds.unit.100}"}},social:{padding:"{pds.footer.spacing.padding.large.vertical} {pds.footer.spacing.padding.large.horizontal}",gap:"{pds.footer.spacing.gap.large.vertical}",background:"{pds.footer.colors.surface.enabled}",borderRadius:"0",bar:{gap:"{pds.footer.spacing.gap.default.horizontal}",icon:{padding:"{pds.button.iconButton.spacing.padding.default.allSide}",gap:"{pds.button.iconButton.spacing.gap.default.horizontal}",borderRadius:"{pds.button.radii.buttonRadius}",color:"{pds.footer.colors.onSurface.selected}",size:"{pds.unit.600}"}},media:{gap:"{pds.density.100}",button:{padding:"0",border:"0 none",background:"transparent"},svg:{maxWidth:"110px",maxHeight:"32px"}},desktop:{padding:"{pds.footer.spacing.padding.default.vertical} {pds.footer.spacing.padding.large.horizontal}"}},layout:{accordion:{padding:"0",header:{icon:{padding:"0",background:"transparent",color:"{pds.footer.colors.onSurface.selected}",iconSize:"{pds.iconSize.base}",fontSize:"{pds.typography.body.small.size}"}}
5628,content:{background:"{pds.footer.colors.surface.subLevel.enabled}",padding:"0"}},columns:{border:"{pds.stroke.border} solid {pds.footer.colors.border}",padding:"0 0 {pds.footer.spacing.padding.xLarge.vertical} 0",gap:"{pds.footer.spacing.gap.default.vertical}"}}},focusRing:{width:"{pds.stroke.focus}",style:"{focusRing.style}",color:"{pds.colors.focusRing}",offset:"{focusRing.offset}",shadow:"{focusRing.shadow}",radius:"{pds.footer.radii.footerItemFocusRadius}"}},pHeader:{headerBar:{background:"{pds.headerBar.colors.surface}",color:"{pds.headerBar.colors.onSurface}",borderColor:"{pds.headerBar.colors.border}",padding:"{pds.headerBar.spacing.padding.default.vertical} {pds.headerBar.spacing.padding.default.horizontal}",gap:"{pds.headerBar.spacing.gap.large.horizontal}",leftContainerGap:"{pds.headerBar.spacing.gap.small.horizontal}",rightContainerGap:"{pds.headerBar.spacing.gap.small.horizontal}",logoSize:"46px",fontFamily:"{pds.typography.body.bodyFamily}",fontSize:"{pds.typography.body.large.size}",lineHeight:"{pds.typography.body.large.lineHeight}"},headerTab:{background:"{pds.headerTab.colors.surface.subtle.enabled}",color:"{pds.headerTab.colors.onSurface.subtle.enabled}",borderColor:"{pds.headerTab.colors.border}",spacing:{borderSize:"{pds.headerTab.spacing.borderSize}"},padding:"8px 40px",industry:{padding:"16px 40px"},tab:{padding:"{pds.headerTab.spacing.padding.vertical} {pds.headerTab.spacing.padding.horizontal}",borderRadius:"{pds.headerTab.radii.headerTabRadius}",gap:"{pds.headerTab.spacing.gap.horizontal}",background:"{pds.headerTab.colors.surface.subtle.enabled}",hoverBackground:"{pds.headerTab.colors.surface.subtle.hovered}",activeBackground:"{pds.headerTab.colors.surface.subtle.selected}",disabledBackground:"{pds.headerTab.colors.surface.subtle.disabled}",color:"{pds.headerTab.colors.onSurface.subtle.enabled}",hoverColor:"{pds.headerTab.colors.onSurface.subtle.hovered}",activeColor:"{pds.headerTab.colors.onSurface.subtle.selected}",disabledColor:"{pds.headerTab.colors.onSurface.subtle.disabled}",activeFontWeight:"700",focusRing:{width:"{pds.stroke.focus}",color:"{pds.colors.focusRing}",style:"{focusRing.style}",offset:"{focusRing.offset}",shadow:"none"},icon:{}}},searchBar:{background:"{pds.headerBar.colors.surface}",color:"{pds.headerBar.colors.onSurface}",padding:"{pds.headerBar.spacing.padding.small.vertical} {pds.headerBar.spacing.padding.small.horizontal}",gap:"16px"},utilityBar:{background:"{pds.utilityBar.colors.surface}",border:"1px solid {pds.headerBar.colors.border}",padding:"{pds.utilityBar.spacing.padding.default.vertical} {pds.utilityBar.spacing.padding.large.horizontal}",gap:"4px",dividerPadding:"{pds.utilityBar.spacing.padding.default.vertical} {pds.divider.spacing.padding.horizontal}"},tablet:{headerBar:{padding:"{pds.headerBar.spacing.padding.default.vertical} {pds.headerBar.spacing.padding.default.horizontal}",gap:"{pds.headerBar.spacing.gap.default.horizontal}"},utilityBar:{padding:"{pds.utilityBar.spacing.padding.default.vertical} {pds.utilityBar.spacing.padding.default.horizontal}",gap:"0"}},mobile:{headerBar:{padding:"{pds.headerBar.spacing.padding.small.vertical} {pds.headerBar.spacing.padding.small.horizontal}",gap:"{pds.headerBar.spacing.gap.xSmall.horizontal}"},utilityBar:{padding:"{pds.utilityBar.spacing.padding.default.vertical} {pds.utilityBar.spacing.padding.small.horizontal}",gap:"0"}},strong:{headerTab:{background:"{pds.headerTab.colors.surface.strong.enabled}",color:"{pds.headerTab.colors.onSurface.strong.enabled}",borderColor:"{pds.headerTab.colors.border}",tab:{background:"{pds.headerTab.colors.surface.strong.enabled}",hoverBackground:"{pds.headerTab.colors.surface.strong.hovered}",activeBackground:"{pds.headerTab.colors.surface.strong.selected}",disabledBackground:"{pds.headerTab.colors.surface.strong.disabled}",color:"{pds.headerTab.colors.onSurface.strong.enabled}",hoverColor:"{pds.headerTab.colors.onSurface.strong.hovered}",activeColor:"{pds.headerTab.colors.onSurface.strong.selected}",disabledColor:"{pds.headerTab.colors.onSurface.strong.disabled}",activeFontWeight:700,focusRing:{width:"{pds.stroke.focus}",color:"{pds.colors.focus.ring.invers}",style:"{focusRing.style}",offset:"{focusRing.offset}",shadow:"none"}}}}},pHeaderMenu:{background:"{pds.sideMenu.colors.surface}",width:"320px",header:{padding:"16px"},divider:{margin:"{pds.sideMenu.item.spacing.padding.default.vertical} 0",color:"{pds.sideMenu.colors.border}"},item:{minHeight:"64px",padding:"0 {pds.sideMenu.item.spacing.padding.xLarge.horizontal} 0 {pds.sideMenu.item.spacing.padding.xLarge.horizontal}",gap:"{pds.sideMenu.item.spacing.gap.default.horizontal}",background:"{pds.sideMenu.item.colors.surface.enabled}",color:"{pds.sideMenu.item.colors.onSurface.enabled}
5628",hoverBackground:"{pds.sideMenu.item.colors.surface.hovered}",hoverColor:"{pds.sideMenu.item.colors.onSurface.hovered}",pressedBackground:"{pds.sideMenu.item.colors.surface.pressed}",pressedColor:"{pds.sideMenu.item.colors.onSurface.pressed}",pressedShadow:"0 0 0 4px {pds.colors.pressedRing} inset",selectedBackground:"{pds.sideMenu.item.colors.surface.selected}",selectedColor:"{pds.sideMenu.item.colors.onSurface.selected}",focusRing:{radii:"{pds.sideMenu.item.radii.menuFocusRadius}",color:"{pds.colors.focusRing}",width:"{pds.stroke.focus}",style:"{focusRing.style}",offset:"-1 * ({pds.stroke.border} + {focusRing.offset})"},iconContainerSize:"24px",iconSize:"{pds.iconSize.base}",content:{gap:"{pds.sideMenu.item.spacing.gap.small.horizontal}",iconSize:"{pds.iconSize.xSmall}"},typography:{fontSize:"{pds.typography.body.small.size}",lineHeight:"{pds.typography.body.small.lineHeight}"},sub:{typography:{fontSize:"{pds.typography.body.xSmall.size}",lineHeight:"{pds.typography.body.xSmall.lineHeight}"}}}},colors:{light:{primary:{50:"#fdfcfc",100:"#ebdcdc",200:"#ddb7b8",300:"#d38f91",400:"#ce6d71",500:"#cb333b",600:"#ae2c32",700:"#92252a",800:"#751d22",900:"#591619",950:"#3c0f11"},secondary:{50:"#fdfcfc",100:"#ebdcdc",200:"#ddb7b8",300:"#d38f91",400:"#ce6d71",500:"#cb333b",600:"#ae2c32",700:"#92252a",800:"#751d22",900:"#591619",950:"#3c0f11"},neutral:{50:"#f6f6f7",100:"#dddee1",200:"#c5c6ca",300:"#acaeb3",400:"#94979c",500:"#707477",600:"#606367",700:"#505357",800:"#404246",900:"#303236",950:"#212225"},success:{50:"#f5f6f2",100:"#d8e0c0",200:"#bfd682",300:"#aad838",400:"#86b810",500:"#598100",600:"#4b6d00",700:"#3d5800",800:"#2f4400",900:"#212f00",950:"#131b00"},warning:{50:"#fffbed",100:"#ffeca6",200:"#ffde5f",300:"#ffd018",400:"#d0a700",500:"#896f00",600:"#755f00",700:"#604f00",800:"#4c3e00",900:"#372e00",950:"#231d00"},danger:{50:"#fbf2f2",100:"#f3cece",200:"#eda6a6",300:"#eb7c7c",400:"#eb4f4f",500:"#e70b0b",600:"#cb0404",700:"#a70101",800:"#890303",900:"#690404",950:"#530404"},info:{50:"#f0fcff",100:"#adeeff",200:"#6ae0ff",300:"#28d1ff",400:"#00b2e4",500:"#007da1",600:"#006b89",700:"#005871",800:"#00465a",900:"#003442",950:"#00212a"},menu:{100:"#f1f0f0",200:"#dad8d8"}},dark:{primary:{50:"#3a1113",100:"#5e1b1f",200:"#82262c",300:"#a73039",400:"#c73e49",500:"#d2626c",600:"#d58288",700:"#daa0a3",800:"#e1bcbe",900:"#ead6d6",950:"#f5eeee"},secondary:{50:"#3a1113",100:"#5e1b1f",200:"#82262c",300:"#a73039",400:"#c73e49",500:"#d2626c",600:"#d58288",700:"#daa0a3",800:"#e1bcbe",900:"#ead6d6",950:"#f5eeee"},neutral:{50:"#212225",100:"#34363a",200:"#484a4f",300:"#5b5f63",400:"#6f7377",500:"#84888b",600:"#9a9da1",700:"#b1b3b7",800:"#c8c9cd",900:"#dfdfe2",950:"#f6f6f7"},success:{50:"#121a01",100:"#233302",200:"#344c03",300:"#466503",400:"#577e04",500:"#699704",600:"#89c519",700:"#9fd34d",800:"#b6d390",900:"#d4dec7",950:"#f4f5f3"},warning:{50:"#221c01",100:"#3c3102",200:"#564602",300:"#705b03",400:"#8a7004",500:"#a48504",600:"#e4b804",700:"#fcd22e",800:"#fedf6d",900:"#ffedad",950:"#fffbed"},danger:{50:"#260303",100:"#590606",200:"#8c0808",300:"#c10808",400:"#fb3939",500:"#fb3939",600:"#fd6c6c",700:"#ffa0a0",800:"#f7bbbb",900:"#f4d1d1",950:"#f4e4e4"},info:{50:"#012029",100:"#013746",200:"#014e64",300:"#016582",400:"#017ca0",500:"#0094bf",600:"#00c4fc",700:"#3ad5ff",800:"#76e2ff",900:"#b3efff",950:"#f0fcff"},menu:{100:"#151414",200:"#212020"}},focusRing:"#cb333b",focusRingInvers:"#ebdcdc",pressedRing:"rgba(203, 51, 59, 0.3)"},unit:{0:"0px",25:"1px",50:"2px",100:"4px",150:"6px",200:"8px",250:"10px",300:"12px",350:"14px",400:"16px",450:"18px",500:"20px",600:"24px",700:"28px",800:"32px",900:"36px",1e3:"40px",1100:"44px",1200:"48px",1400:"56px",1500:"60
5628px",1600:"64px",1700:"68px",1800:"72px",2e3:"80px",2100:"84px",2400:"96px",3200:"128px",4e3:"160px",4800:"192px",5600:"224px",6400:"256px",8e3:"320px",9600:"384px",12e3:"480px",14e3:"560px",16e3:"640px",18e3:"720px",19200:"768px",25600:"1024px",32e3:"1280px",36e3:"1440px",4e4:"1600px",48e3:"1920px",99999:"9999px"},iconSize:{xxxLarge:"56px",xxLarge:"48px",large:"32px",base:"24px",xLarge:"40px",small:"20px",xSmall:"16px"},baseColors:{alpha:{b40:"rgba(0, 0, 0, 0.4)",b60:"rgba(0, 0, 0, 0.6)",b70:"rgba(0, 0, 0, 0.7)",b80:"rgba(0, 0, 0, 0.8)",w10:"rgba(255, 255, 255, 0.1)",w20:"rgba(255, 255, 255, 0.2)",w30:"rgba(255, 255, 255, 0.3)",w40:"rgba(255, 255, 255, 0.4)",w60:"rgba(255, 255, 255, 0.6)",w70:"rgba(255, 255, 255, 0.7)",b50:"rgba(0, 0, 0, 0.5)",w80:"rgba(255, 255, 255, 0.8)",b10:"rgba(0, 0, 0, 0.1)",b30:"rgba(0, 0, 0, 0.3)",b20:"rgba(0, 0, 0, 0.2)",w50:"rgba(255, 255, 255, 0.5)",b90:"rgba(0, 0, 0, 0.9)",w90:"rgba(255, 255, 255, 0.9)",b5:"rgba(0, 0, 0, 0.05)",w5:"rgba(255, 255, 255, 0.05)"},base:{white:"#ffffff",black:"#000000"},black:{0:"#ffffff",100:"#e7e7e7",200:"#cdcdcd",300:"#b3b3b3",400:"#979797",500:"#666666",600:"#525252",700:"#3d3d3d",8
562800:"#292929",900:"#141414",1e3:"#000000"}},shadow:{5:"rgba(0, 0, 0, 0.05)",10:"rgba(0, 0, 0, 0.1)",20:"rgba(0, 0, 0, 0.2)"},density:{25:"1px",50:"2px",100:"4px",150:"6px",200:"8px",250:"10px",300:"12px",350:"14px",400:"16px",500:"20px",600:"24px",700:"28px",800:"32px",900:"36px",1e3:"40px",1100:"44px",1200:"48px",1400:"56px",1500:"60px",1600:"64px",1700:"68px",2e3:"80px",2400:"96px",3200:"128px",4e3:"160px",none:"0px",modes:{base:{25:"1px",50:"2px",100:"4px",150:"6px",200:"8px",250:"10px",300:"12px",350:"14px",400:"16px",500:"20px",600:"24px",700:"28px",800:"32px",900:"36px",1e3:"40px",1100:"44px",1200:"48px",1400:"56px",1500:"60px",1600:"64px",1700:"68px",2e3:"80px",2400:"96px",3200:"128px",4e3:"160px",none:"0px"},compact:{25:"0px",50:"1px",100:"2px",150:"4px",200:"6px",250:"8px",300:"8px",350:"12px",400:"12px",500:"16px",600:"20px",700:"24px",800:"28px",900:"32px",1e3:"32px",1100:"36px",1200:"40px",1400:"44px",1500:"48px",1600:"56px",1700:"56px",2e3:"64px",2400:"80px",3200:"96px",4e3:"128px",none:"0px"},spacious:{25:"1px",50:"2px",100:"4px",150:"8px",200:"12px",250:"14px",300:"16px",350:"18px",400:"20px",500:"24px",600:"32px",700:"40px",800:"44px",900:"48px",1e3:"56px",1100:"60px",1200:"64px",1400:"72px",1500:"80px",1600:"84px",1700:"84px",2e3:"96px",2400:"128px",3200:"160px",4e3:"192px",none:"0px"}}},radii:{50:"2px",100:"4px",150:"6px",200:"8px",250:"10px",300:"12px",350:"14px",400:"16px",500:"20px",600:"24px",700:"28px",800:"32px",round:"9999px",none:"0px",modes:{base:{50:"2px",100:"4px",150:"6px",200:"8px",250:"10px",300:"12px",350:"14px",400:"16px",500:"20px",600:"24px",700:"28px",800:"32px",round:"9999px",none:"0px"},sharp:{50:"0px",100:"0px",150:"0px",200:"0px",250:"0px",300:"0px",350:"0px",400:"0px",500:"0px",600:"0px",700:"0px",800:"0px",round:"9999px",none:"0px"},round:{50:"4px",100:"8px",150:"12px",200:"14px",250:"16px",300:"20px",350:"24px",400:"28px",500:"32px",600:"28px",700:"32px",800:"40px",round:"9999px",none:"0px"},circle:{50:"8px",100:"16px",150:"24px",200:"32px",250:"32px",300:"32px",350:"32px",400:"36px",500:"40px",600:"44px",700:"48px",800:"56px",round:"9999px",none:"0px"}}},device:{typography:{fontSize:{"6xL":"48px","5xL":"40px","4xL":"36px",xxxL:"32px",large:"20px",baseL:"18px",xL:"24px",xS:"12px",base:"16px",xxL:"28px",small:"14px"},lineHeight:{small:"20px",base:"24px",baseL:"28px",large:"32px",xL:"36px",xxL:"40px",xxxL:"44px","4xL":"56px","5xL":"60px",xS:"16px"}},modes:{desktop:{typography:{fontSize:{"6xL":"48px","5xL":"40px","4xL":"36px",xxxL:"32px",large:"20px",baseL:"18px",xL:"24px",xS:"12px",base:"16px",xxL:"28px",small:"14px"},lineHeight:{small:"20px",base:"24px",baseL:"28px",large:"32px",xL:"36px",xxL:"40px",xxxL:"44px","4xL":"56px","5xL":"60px",xS:"16px"}}},mobile:{typography:{fontSize:{"6xL":"40px","5xL":"36px","4xL":"32px",xxxL:"28px",large:"18px",baseL:"16px",xL:"16px",xS:"12px",base:"16px",xxL:"24px",small:"14px"},lineHeight:{small:"20px",base:"24px",baseL:"28px",large:"28px",xL:"32px",xxL:"36px",xxxL:"40px","4xL":"44px","5xL":"56px",xS:"16px"}}}}},surface:{primary:{strong:"#ae2c32",extremeSoft:"#fdfcfc",medium:"#cb333b",stronger:"#92252a",softer:"#d38f91",soft:"#ce6d71",strongest:"#751d22",ultraSoft:"#ebdcdc",softest:"#ddb7b8",ultraStrong:"#591619",extremeStrong:"#3c0f11"},base:"#ffffff",danger:{softest:"#eda6a6",medium:"#e70b0b",stronger:"#a70101",strong:"#cb0404",softer:"#eb7c7c",soft:"#eb4f4f",strongest:"#890303",extremeSoft:"#fbf2f2",ultraSoft:"#f3cece",extremeStrong:"#530404",ultraStrong:"#690404"},baseInvers:"#000000",secondary:{ultraStrong:"#591619",stronger:"#92252a",strong:"#ae2c32",medium:"#cb333b",extremeStrong:"#3c0f11",soft:"#ce6d71",softer:"#d38f91",softest:"#ddb7b8",strongest:"#751d22",ultraSoft:"#ebdcdc",extremeSoft:"#fdfcfc"},bw:{ultraStrong:"#141414",stronger:"#3d3d3d",extremeStrong:"#000000",strong:"#525252",medium:"#666666",softer:"#b3b3b3",ultraSoft:"#e7e7e7",softest:"#cdcdcd",strongest:"#292929",soft:"#979797",extremeSoft:"#ffffff"},success:{ultraStrong:"#212f00",stronger:"#3d5800",extremeStrong:"#131b00",strong:"#4b6d00",medium:"#598100",softer:"#aad838",ultraSoft:"#d8e0c0",softest:"#bfd682",strongest:"#2f4400",soft:"#86b810",extremeSoft:"#f5f6f2"},info:{ultraStrong:"#003442",stronger:"#005871",extremeStrong:"#00212a",strong:"#006b89",medium:"#007da1",softer:"#28d1ff",ultraSoft:"#adeeff",softest:"#6ae0ff",strongest:"#00465a",soft:"#00b2e4",extremeSoft:"#f0fcff"},neutral:{ultraStrong:"#303236",stronger:"#505357",extremeStrong:"#212225",strong:"#606367",medium:"#707477",softer:"#acaeb3",ultraSoft:"#dddee1",softest:"#c5c6ca",strongest:"#404246",soft:"#94979c",extremeSoft:"#f6f6f7"},warning:{extremeStrong:"#231d00",strongest:"#4c3e00",strong:"#755f00",stronger:"#604f00",medium:"#896f00",softer:"#ffd018",softest:"#ffde5f",extremeSoft:"#fffbed",ultraSoft:"#ffeca6",ultraStrong:"#372e00",soft:"#d0a700"},bwReverse:{extremeSoft:"#ffffff",ultraSoft:"#e7e7e7",softest:"#cdcdcd",softer:"#b3b3b3",soft:"#979797",medium:"#666666",strong:"#525252",stronger:"#3d3d3d",strongest:"#292929",ultraStrong:"#141414",extremeStrong:"#000000"},white:"#ffffff",black:"#000000",menu:{medium:"#f1f0f0",strong:"#dad8d8"},baseElevation:"#ffffff"},alpha:{white:{5:"rgba(255, 255, 255, 0.05)",10:"rgba(255, 255, 255, 0.1)",20:"rgba(255, 255, 255, 0.2)",30:"rgba(255, 255, 255, 0.3)",40:"rgba(255, 255, 255, 0.4)",50:"rgba(255, 255, 255, 0.5)",60:"rgba(255, 255, 255, 0.6)",70:"rgba(255, 255, 255, 0.7)",80:"rgba(255, 255, 255, 0.8)",90:"rgba(255, 255, 255, 0.9)"},black:{5:"rgba(0, 0, 0, 0.05)",10:"rgba(0, 0, 0, 0.1)",20:"rgba(0, 0, 0, 0.2)",30:"rgba(0, 0, 0, 0.3)",40:"rgba(0, 0, 0, 0.4)",50:"rgba(0, 0, 0, 0.5)",60:"rgba(0, 0, 0, 0.6)",70:"rgba(0, 0, 0, 0.7)",80:"rgba(0, 0, 0, 0.8)",90:"rgba(0, 0, 0, 0.9)"}},onSurface:{base:"#000000",baseInvers:"#ffffff",primary:{extremeSoft:"#fdfcfc",ultraSoft:"#ebdcdc",softest:"#ddb7b8",softer:"#d38f91",soft:"#ce6d71",medium:"#cb333b",strong:"#ae2c32",stronger:"#92252a",strongest:"#751d22",ultraStrong:"#591619",extremeStrong:"#3c0f11"},secondary:{extremeSoft:"#fdfcfc",ultraSoft:"#ebdcdc",softest:"#ddb7b8",softer:"#d38f91",soft:"#ce6d71",medium:"#cb333b",strong:"#ae2c32",stronger:"#92252a",strongest:"#751d22",ultraStrong:"#591619",extremeStrong:"#3c0f11"},neutral:{extremeSoft:"#f6f6f7",ultraSoft:"#dddee1",softest:"#c5c6ca",softer:"#acaeb3",soft:"#94979c",medium:"#707477",strong:"#606367",stronger:"#505357",strongest:"#404246",ultraStrong:"#303236",extremeStrong:"#212225"},info:{extremeSoft:"#f0fcff",ultraSoft:"#adeeff",softest:"#6ae0ff",softer:"#28d1ff",soft:"#00b2e4",medium:"#007da1",strong:"#006b89",stronger:"#005871",
5628strongest:"#00465a",ultraStrong:"#003442",extremeStrong:"#00212a"},success:{extremeSoft:"#f5f6f2",ultraSoft:"#d8e0c0",softest:"#bfd682",softer:"#aad838",soft:"#86b810",medium:"#598100",strong:"#4b6d00",stronger:"#3d5800",strongest:"#2f4400",ultraStrong:"#212f00",extremeStrong:"#131b00"},danger:{extremeSoft:"#fbf2f2",ultraSoft:"#f3cece",softest:"#eda6a6",softer:"#eb7c7c",soft:"#eb4f4f",medium:"#e70b0b",strong:"#cb0404",stronger:"#a70101",strongest:"#890303",ultraStrong:"#690404",extremeStrong:"#530404"},warning:{extremeSoft:"#fffbed",ultraSoft:"#ffeca6",softest:"#ffde5f",softer:"#ffd018",soft:"#d0a700",medium:"#896f00",strong:"#755f00",stronger:"#604f00",strongest:"#4c3e00",ultraStrong:"#372e00",extremeStrong:"#231d00"},bw:{extremeSoft:"#ffffff",ultraSoft:"#e7e7e7",softest:"#cdcdcd",softer:"#b3b3b3",soft:"#979797",medium:"#666666",strong:"#525252",stronger:"#3d3d3d",strongest:"#292929",ultraStrong:"#141414",extremeStrong:"#000000"},bwReverse:{extremeSoft:"#ffffff",ultraSoft:"#e7e7e7",softest:"#cdcdcd",softer:"#b3b3b3",soft:"#979797",medium:"#666666",strong:"#525252",stronger:"#3d3d3d",strongest:"#292929",ultraStrong:"#141414",extremeStrong:"#000000"},white:"#ffffff",black:"#000000"},border:{primary:{ultraStrong:"#591619",medium:"#cb333b",softer:"#d38f91",ultraSoft:"#ebdcdc",stronger:"#92252a"},secondary:{ultraStrong:"#591619",medium:"#cb333b",softer:"#d38f91",ultraSoft:"#ebdcdc",stronger:"#92252a"},neutral:{ultraStrong:"#303236",medium:"#707477",softer:"#acaeb3",ultraSoft:"#dddee1",stronger:"#505357"},info:{ultraStrong:"#003442",medium:"#007da1",softer:"#28d1ff",ultraSoft:"#adeeff",stronger:"#005871"},success:{ultraStrong:"#212f00",medium:"#598100",softer:"#aad838",ultraSoft:"#d8e0c0",stronger:"#3d5800"},warning:{ultraStrong:"#372e00",medium:"#896f00",softer:"#ffd018",ultraSoft:"#ffeca6",stronger:"#604f00"},danger:{ultraStrong:"#690404",medium:"#e70b0b",softer:"#eb7c7c",ultraSoft:"#f3cece",stronger:"#a70101"},bw:{ultraStrong:"#141414",medium:"#666666",softer:"#b3b3b3",ultraSoft:"#e7e7e7",stronger:"#3d3d3d"},bwReverse:{ultraStrong:"#141414",medium:"#666666",softer:"#b3b3b3",ultraSoft:"#e7e7e7",stronger:"#3d3d3d"},base:"#ffffff",baseInvers:"#000000",white:"#ffffff",black:"#000000"},typography:{headings:{headingsFamily:"Noto Sans",headingsWeight:700,heroTitle:{size:"48px",lineHeight:"60px"},title:{size:"40px",lineHeight:"56px"},h1:{size:"36px",lineHeight:"44px"},h2:{size:"32px",lineHeight:"40px"},h3:{size:"28px",lineHeight:"36px"},h4:{size:"24px",lineHeight:"32px"},h5:{size:"20px",lineHeight:"28px"},h6:{size:"16px",lineHeight:"24px"}},body:{bodyFamily:"Noto Sans",large:{size:"18px",lineHeight:"28px"},medium:{size:"16px",lineHeight:"24px"},small:{size:"14px",lineHeight:"20px"},XSmall:{size:"12px",lineHeight:"20px",lineHeightSmall:"16px"}},weight:{light:300,regular:400,medium:500,semiBold:600,bold:700,italic:400}},stroke:{border:"1px",focus:"2px"},brandName:"Primalex",badge:{spacing:{padding:{small:{vertical:"0px",horizontal:"0px"},large:{vertical:"2px",horizontal:"4px"},default:{horizontal:"4px",vertical:"0px"},xLarge:{vertical:"4px",horizontal:"4px"}}},colors:{surface:{white:"#ffffff",warning:"#896f00",black:"#000000",neutral:{enabled:"#c5c6ca",disabled:"#c5c6ca"},info:"#007da1",danger:"#a70101",secondary:"#cb333b",success:"#598100",primary:"#cb333b"},onSurface:{secondary:"#ffffff",info:"#ffffff",danger:"#ffffff",success:"#ffffff",primary:"#ffffff",neutral:{enabled:"#000000",disabled:"#707477"},white:"#000000",warning:"#ffffff",black:"#ffffff"}},radii:{badgeRadius:"9999px"}},button:{iconButton:{spacing:{padding:{xxSmall:{allSide:"2px"},default:{allSide:"8px"},small:{allSide:"6px"},xSmall:{allSide:"6px"},large:{allSide:"12px"}},gap:{default:{horizontal:"8px"},small:{horizontal:"4px"}}}},spacing:{hGap:"8px",gap:{xSmall:{horizontal:"4px"},small:{horizontal:"6px"}},padding:{large:{vertical:"12px",horizontal:"16px"},xSmall:{vertical:"4px",horizontal:"8px"},default:{horizontal:"16px",vertical:"8px"},small:{vertical:"6px",horizontal:"12px"}}},colors:{border:{disabled:"#acaeb3",info:"#007da1",danger:"#a70101",warning:"#896f00",success:"#598100",primary:"#cb333b",black:"#141414",neutral:"#707477",secondary:"#cb333b",white:"#b3b3b3"},onSurface:{white:{bared:{pressed:"#ffffff",hovered:"#ffffff",enabled:"#ffffff"},contained:{hovered:"#000000",enabled:"#000000",pressed:"#000000"}},black:{bared:{pressed:"#000000",enabled:"#000000",hovered:"#000000"},contained:{pressed:"#ffffff",hovered:"#ffffff",enabled:"#ffffff"}},info:{bared:{pressed:"#005871",hovered:"#006b89",enabled:"#006b89"},contained:{enabled:"#ffffff",pressed:"#ffffff",hovered:"#ffffff"}},danger:{bared:{enabled:"#a70101",pressed:"#890303",hovered:"#a70101"},contained:{pressed:"#ffffff",hovered:"#ffffff",enabled:"#ffffff"}},neutral:{contained:{enabled:"#212225",pressed:"#212225",hovered:"#212225"},bared:{pressed:"#212225",hovered:"#303236",enabled:"#404246"},disabled:"#707477"},warning:{bared:{hovered:"#755f00",enabled:"#755f00",pressed:"#604f00"},contained:{hovered:"#ffffff",enabled:"#ffffff",pressed:"#ffffff"}},success:{bared:{enabled:"#4b6d00",hovered:"#4b6d00",pressed:"#3d5800"},contained:{hovered:"#ffffff",enabled:"#ffffff",pressed:"#ffffff"}},secondary:{contained:{pressed:"#ffffff",enabled:"#ffffff",hovered:"#ffffff"},bared:{hovered:"#ae2c32",pressed:"#92252a",enabled:"#ae2c32"}},primary:{bared:{enabled:"#ae2c32",pressed:"#92252a",hovered:"#ae2c32"},contained:{hovered:"#ffffff",pressed:"#ffffff",enabled:"#ffffff"}}},surface:{black:{contained:{pressed:"#292929",enabled:"#000000",hovered:"#141414"},bared:{hovered:"#e7e7e7",pressed:"#cdcdcd"}},primary:{bared:{hovered:"#ebdcdc",pressed:"#ddb7b8"},contained:{pressed:"#92252a",enabled:"#cb333b",hovered:"#ae2c32"}},white:{bared:{pressed:"#3d3d3d",hovered:"#292929"},contained:{enabled:"#ffffff",hovered:"#e7e7e7",pressed:"#cdcdcd"}},neutral:{disabled:"#dddee1",bared:{pressed:"#dddee1",hovered:"#f6f6f7"},contained:{enabled:"#c5c6ca",pressed:"#94979c",hovered:"#acaeb3"}},success:{bared:{pressed:"#d8e0c0",hovered:"#f5f6f2"},contained:{pressed:"#3d5800",enabled:"#598100",hovered:"#4b6d00"}},warning:{contained:{enabled:"#896f00",hovered:"#755f00",pressed:"#604f00"},bared:{hovered:"#fffbed",pressed:"#ffeca6"}},info:{bared:{hovered:"#f0fcff",pressed:"#adeeff"},contained:{pressed:"#005871",hovered:"#006b89",enabled:"#007da1"}},secondary:{contained:{hovered:"#ae2c32",enabled:"#cb333b",pressed:"#92252a"},bared:{pressed:"#ebdcdc",hovered:"#fdfcfc"}},danger:{bared:{pressed:"#f3cece",hovered:"#fbf2f2"}
5628,contained:{pressed:"#690404",hovered:"#890303",enabled:"#a70101"}}}},radii:{buttonRadius:"6px",buttonFocusRadius:"8px"}},checkbox:{radii:{checkboxRadius:"6px",checkboxRadiusSmall:"4px",checkboxFocusRadius:"8px",checkboxFocusRadiusSmall:"6px"},colors:{onSurface:{enabled:"#ffffff",disabled:"#707477",hovered:"#ffffff",pressed:"#ffffff",danger:"#ffffff"},border:{enabled:"#707477",danger:"#a70101",disabled:"#acaeb3",hovered:"#707477",pressed:"#303236"},surface:{selected:{disabled:"#dddee1",enabled:"#cb333b",hovered:"#ae2c32",pressed:"#92252a",danger:"#cb333b"},unselected:{disabled:"#dddee1",pressed:"#c5c6ca",hovered:"#dddee1",enabled:"#ffffff",danger:"#ffffff"}}}},chip:{colors:{onSurface:"#404246",surface:"#dddee1"},spacing:{padding:{large:{vertical:"8px",horizontal:"8px"},default:{vertical:"4px",horizontal:"4px"}},gap:{horizontal:"6px"}},radii:{chipRadius:"9999px"}},select:{listbox:{colors:{border:{enabled:"#707477",disabled:"#dddee1",danger:"#eb7c7c"},surface:{disabled:"#dddee1",enabled:"#ffffff"}},spacing:{padding:{allSide:"4px",vertical:"8px",horizontal:"12px"}},listboxOption:{radii:{listboxOptionRadius:"6px"},colors:{surface:{selected:"#ebdcdc",hovered:"#dddee1"},onSurface:{disabled:"#707477",enabled:"#404246",selected:"#92252a",hovered:"#303236",grouped:"#606367"}},spacing:{gap:{horizontal:"8px"},padding:{horizontal:"12px",vertical:"8px"}}},radii:{listboxRadius:"6px",listboxScrollRadius:"6px"}},spacing:{gap:{vertical:"4px"}}},inputField:{colors:{border:{danger:{selected:"#cb333b",enabled:"#a70101",hovered:"#a70101",filled:"#a70101"},neutral:{selected:"#cb333b",disabled:"#acaeb3",enabled:"#707477",hovered:"#707477",filled:"#707477"}},surface:{disabled:"#dddee1",enabled:"#ffffff",hovered:"#f6f6f7",selected:"#ffffff",filled:"#f6f6f7"},onSurface:{icon:"#707477",disabled:"#707477",selected:"#000000",enabled:"#606367",hovered:"#505357",filled:"#000000"}},spacing:{gap:{small:{horizontal:"6px"},default:{horizontal:"8px",vertical:"4px"}},padding:{small:{vertical:"6px",horizontal:"12px"},large:{horizontal:"12px",vertical:"12px"},default:{vertical:"10px",horizontal:"12px"}}},radii:{inputRadius:"6px",inputFocusRadius:"8px"}},link:{colors:{onSurface:{white:{hovered:"#ffffff",enabled:"#ffffff",pressed:"#cdcdcd",visited:"#cdcdcd"},neutral:{hovered:"#303236",enabled:"#212225",pressed:"#505357",disabled:"#707477",visited:"#505357"},primary:{hovered:"#ae2c32",enabled:"#cb333b",pressed:"#92252a",visited:"#92252a"},secondary:{pressed:"#92252a",hovered:"#ae2c32",enabled:"#cb333b",visited:"#92252a"}}},radii:{linkFocusRadius:"6px"}},message:{colors:{onSurface:{bared:{danger:"#a70101",warning:"#604f00",success:"#3d5800",info:"#005871",neutral:"#505357",contrast:"#3d3d3d"},contained:{success:"#2f4400",info:"#00465a",contrast:"#ffffff",danger:"#890303",warning:"#4c3e00",neutral:"#404246"}},surface:{info:"#adeeff",contrast:"#000000",danger:"#f3cece",success:"#d8e0c0",warning:"#ffeca6",neutral:"#dddee1"},border:{contrast:"#141414",info:"#007da1",success:"#598100",neutral:"#707477",danger:"#a70101",warning:"#896f00"}},radii:{messageRadius:"6px"},spacing:{gap:{small:{allSide:"6px"},default:{allSide:"8px"}},padding:{small:{horizontal:"6px",vertical:"6px"},large:{horizontal:"12px",vertical:"12px"},default:{horizontal:"8px",vertical:"8px"}}}},radioButton:{colors:{surface:{selected:{hovered:"#ae2c32",disabled:"#dddee1",pressed:"#92252a",enabled:"#cb333b",danger:"#cb333b"},unselected:{disabled:"#dddee1",pressed:"#c5c6ca",hovered:"#dddee1",enabled:"#ffffff",danger:"#ffffff"}},onSurface:{enabled:"#ffffff",disabled:"#707477",hovered:"#ffffff",pressed:"#ffffff",danger:"#ffffff"},border:{enabled:"#707477",disabled:"#acaeb3",danger:"#a70101",hovered:"#707477",pressed:"#303236"}},radii:{radioButtonRadius:"9999px"}},switch:{radii:{switchRadius:"9999px",switchFocusRadius:"9999px"},spacing:{padding:{horizontal:"2px",vertical:"2px"},size:{toggleSize:"20px"}},colors:{onSurface:{disabled:"#707477",selected:"#ffffff",unselected:"#505357"},surface:{selected:{disabled:"#dddee1",pressed:"#92252a",hovered:"#ae2c32",enabled:"#cb333b",danger:"#cb333b"},unselected:{hovered:"#dddee1",pressed:"#c5c6ca",disabled:"#dddee1",enabled:"#ffffff",danger:"#ffffff"}},border:{danger:"#a70101",enabled:"#707477",hovered:"#707477",pressed:"#303236",disabled:"#acaeb3"}}},tag:{colors:{onSurface:{info:"#00465a",success:"#2f4400",secondary:"#751d22",danger:"#890303",warning:"#4c3e00",primary:"#751d22",neutral:"#404246",contrast:"#ffffff"},surface:{danger:"#f3cece",warning:"#ffeca6",success:"#d8e0c0",neutral:"#dddee1",contrast:"#000000",info:"#adeeff",secondary:"#ebdcdc",primary:"#ebdcdc"}},spacing:{padding:{horizontal:"8px",vertical:"4px"},gap:{horizontal:"6px"}},radii:{tagRadius:"6px",tagPillRadius:"9999px"}},toast:{spacing:{gap:{horizontal:"8px",vertical:"4px"},padding:{horizontal:"12px",default:{vertical:"12px"},small:{vertical:"2px"}}},colors:{border:{contrast:"#141414",danger:"#a70101",neutral:"#707477",warning:"#896f00",success:"#598100",info:"#007da1"},onSurface:{content:{contrast:"#cdcdcd",success:"#3d5800",info:"#005871",danger:"#a70101",warning:"#604f00",neutral:"#505357"},title:{info:"#003442",contrast:"#ffffff",warning:"#372e00",danger:"#690404",success:"#212f00",neutral:"#303236"}},surface:{danger:"#f3cece",warning:"#ffeca6",success:"#d8e0c0",neutral:"#dddee1",info:"#adeeff",contrast:"#000000"}},radii:{toastRadius:"6px"}},breadcrumbs:{spacing:{gap:{horizontal:"8px"}},colors:{onSurface:{base:"#000000",neutral:"#404246"}}},selectButton:{colors:{surface:{neutral:{enabled:"#dddee1",hovered:"#c5c6ca",selected:"#ffffff",disabledSelected:"#ffffff",disabled:"#dddee1"},base:{enabled:"#ffffff",hovered:"#dddee1",selected:"#c5c6ca",disabled:"#ffffff",disabledSelected:"#c5c6ca"}},onSurface:{neutral:{enabled:"#505357",hovered:"#404246",selected:"#cb333b",disabled:"#707477"},base:{enabled:"#505357",hovered:"#404246",selected:"#212225",disabled:"#707477"}},border:{danger:"#a70101"}}
5628,radii:{selectButtonRadius:"6px",selectButtonFocusRadius:"8px"},spacing:{padding:{default:{vertical:"4px",horizontal:"8px"},allSide:"4px",small:{vertical:"2px",horizontal:"4px"}},gap:{horizontal:"4px"}}},slider:{colors:{surface:{handle:{disabled:"#dddee1",enabled:"#ffffff",hovered:"#dddee1",pressed:"#ffffff"},line:{enabled:"#94979c",selected:"#cb333b","disabled-handle":"#c5c6ca","Disabled-selected":"#94979c","Disabled-unselected":"#c5c6ca"}},border:{enabled:"#707477",disabled:"#acaeb3",hovered:"#707477",pressed:"#303236"}},radius:{sliderHandleRadius:"9999px",sliderHandleFocusRadius:"9999px"}},tooltip:{colors:{surface:"#212225",onSurface:"#ffffff"},spacing:{padding:{default:{vertical:"8px",horizontal:"8px"},large:{vertical:"16px",horizontal:"16px"}},gap:{vertical:"4px"}},radii:{tooltipRadius:"6px"}},progressSpinner:{colors:{onSurface:{primary:"#cb333b",neutral:"#707477"}},radii:{spinnerRadius:"9999px"}},paginator:{colors:{surface:{hovered:"#dddee1",selected:"#ebdcdc",pressed:"#c5c6ca"},onSurface:{enabled:"#404246",selected:"#751d22",hovered:"#000000",pressed:"#000000"}},radii:{paginatorItemRadius:"9999px",paginatorItemFocusRadius:"9999px"},spacing:{gap:{default:{horizontal:"8px"},small:{horizontal:"4px"},large:{horizontal:"16px"}}}},progressBar:{colors:{onSurface:{primary:"#ffffff",neutral:"#505357"},surface:{neutral:"#dddee1",primary:"#cb333b"}},radii:{progressBarRadius:"6px"}},skeleton:{colors:{surface:{neutral:"#c5c6ca",neutralAlt:"#dddee1"},border:{neutral:"#acaeb3"}},radii:{skeletonRectRadius:"6px",skeletonRoundRadius:"12px",skeletonCircleRadius:"9999px",skeletonRadius:"6px"},spacing:{gap:{small:{vertical:"8px"},default:{vertical:"12px",horizontal:"12px"}},padding:{allSide:"16px"}}},divider:{colors:{border:"#acaeb3",onSurface:"#000000"},spacing:{gap:{horizontal:"8px"},padding:{horizontal:"16px",vertical:"16px"}}},stepper:{colors:{onSurface:{enabled:"#505357",hovered:"#000000",selected:"#cb333b",disabled:"#707477",finished:"#000000",circle:{finished:"#ffffff"}},border:{neutral:{enabled:"#acaeb3",finished:"#cb333b",disabled:"#dddee1",hovered:"#acaeb3",selected:"#acaeb3"}},surface:{finished:"#cb333b",enabled:"#dddee1"}},spacing:{padding:{default:{vertical:"4px",horizontal:"4px"},large:{vertical:"16px"}},gap:{default:{horizontal:"8px",vertical:"8px"},large:{verical:"16px"}}},radii:{stepperRadius:"9999px",stepperFocusRadius:"6px"}},accordion:{spacing:{padding:{vertical:"16px",horizontal:"16px"},gap:{horizontal:"8px"}},colors:{onSurface:{enabled:"#404246",hovered:"#212225",selected:"#212225",disabled:"#707477"},border:"#acaeb3",surface:"#ffffff"},radii:{accordionFocusRadius:"6px"}},card:{colors:{surface:"#ffffff",border:{enabled:"#707477",hovered:"#707477",pressed:"#303236"}},spacing:{padding:{vertical:"16px",horizontal:"16px"},gap:{default:"8px",large:"16px"}},radii:{cardRadius:"8px",cardFocusRadius:"10px"}},carousel:{colors:{surface:{unselected:{hovered:"#acaeb3",pressed:"#94979c",enabled:"#c5c6ca"},selected:{enabled:"#cb333b",hovered:"#ae2c32",pressed:"#92252a"}}},radius:{carouselIndicatorRadius:"6px",carouselIndicatorFocusRadius:"8px"},spacing:{padding:{vertical:"16px"},gap:{horizontal:"8px",large:{horizontal:"16px",vertical:"16px"}}}},tab:{colors:{surface:{enabled:"#c5c6ca",hovered:"#acaeb3",selected:"#c5c6ca",disabled:"#c5c6ca"},onSurface:{enabled:"#404246",hovered:"#000000",selected:"#000000",disabled:"#707477"},border:{enabled:"#acaeb3",hovered:"#acaeb3",selected:"#cb333b",disabled:"#acaeb3"}},spacing:{padding:{vertical:"8px",horizontal:"16px"},gap:{horizontal:"8px",vertical:"24px"}},radii:{tabFocusRadius:"6px"}},datePicker:{colors:{surface:{cell:{hovered:"#dddee1",pressed:"#c5c6ca",selected:"#cb333b",selectedDisabled:"#dddee1"},popup:"#ffffff"},onSurface:{cell:{enabled:"#404246",hovered:"#000000",selected:"#ffffff",pressed:"#000000",selectedDisabled:"#707477",disabled:"#707477"},today:"#404246"},border:{todayCell:"#303236",popup:"#acaeb3"}},spacing:{gap:{horizontal:"8px",vertical:"4px"},padding:{default:{allSide:"12px"},small:{allSide:"6px"}}},radii:{calendarCellRadius:"9999px",calendarPopupRadius:"6px",calendarCellFocusRadius:"9999px"}},overlayPanel:{colors:{surface:"#ffffff",border:"#707477"},spacing:{padding:"8px"},radii:{overlayPanelRadius:"6px"}},galleria:{colors:{onSurface:{caption:"#000000"}
5628,border:"#acaeb3",surface:{thumbnail:"#ffffff",indicator:{base:"#ffffff",reversed:"rgba(0, 0, 0, 0.7)",dot:{enabled:"#cb333b",disabled:"#dddee1",reversed:{enabled:"#ffffff",disabled:"rgba(255, 255, 255, 0.5)"}}},caption:"rgba(255, 255, 255, 0.7)",overlay:"rgba(0, 0, 0, 0.7)"}},spacing:{gap:{default:{horizontal:"8px",vertical:"8px"},small:{vertical:"6px",horizontal:"6px"},XSmall:{horizontal:"4px",vertical:"4px"},large:{horizontal:"16px",vertical:"16px"},xLarge:{horizontal:"20px",vertical:"20px"},xxLarge:{horizontal:"24px",vertical:"24px"}},padding:{default:{horizontal:"16px",vertical:"12px"},small:{vertical:"8px",horizontal:"8px"},XSmall:{vertical:"4px",horizontal:"4px"},large:{horizontal:"24px"}}},radii:{thumbnailRadius:"6px",navigatorRadius:"12px",calendarRadius:"12px"}},headerTab:{colors:{surface:{subtle:{enabled:"#dddee1",hovered:"#c5c6ca",selected:"#dddee1",disabled:"#dddee1"},strong:{enabled:"#000000",hovered:"#3d3d3d",selected:"#000000",disabled:"#000000"}},onSurface:{subtle:{enabled:"#404246",hovered:"#000000",selected:"#000000",disabled:"#707477"},strong:{enabled:"#ffffff",hovered:"#ffffff",selected:"#ffffff",disabled:"#94979c"}},border:"#acaeb3"},spacing:{padding:{vertical:"8px",horizontal:"16px"},gap:{horizontal:"8px"},borderSize:"0px"},radii:{headerTabRadius:"6px",headerTabFocusRadius:"4px"}},utilityBar:{colors:{surface:"#ffffff",border:"#acaeb3"},spacing:{padding:{default:{horizontal:"24px",vertical:"4px"},small:{horizontal:"16px"},large:{horizontal:"40px"}},gap:{horizontal:"12px"}}},headerBar:{colors:{surface:"#ffffff",border:"#acaeb3",onSurface:"#404246"},spacing:{padding:{default:{horizontal:"40px",vertical:"12px"},small:{horizontal:"16px",vertical:"8px"}},gap:{default:{horizontal:"24px"},small:{horizontal:"12px"},large:{horizontal:"40px"},XSmall:{horizontal:"8px"}}}},sideMenu:{item:{colors:{surface:{enabled:"#f1f0f0",hovered:"#f1f0f0",selected:"#f1f0f0",pressed:"#f1f0f0"},onSurface:{enabled:"#404246",hovered:"#212225",selected:"#212225",pressed:"#212225"}},spacing:{padding:{small:{vertical:"4px"},default:{horizontal:"16px",vertical:"8px"},xLarge:{horizontal:"24px",vertical:"20px"},large:{vertical:"14px"}},gap:{default:{horizontal:"12px",vertical:"4px"},small:{horizontal:"4px"}}},radii:{menuFocusRadius:"6px"}},colors:{border:"#707477",surface:"#f1f0f0"}},footer:{colors:{surface:{enabled:"#f1f0f0",hovered:"#f1f0f0",pressed:"#f1f0f0",selected:"#f1f0f0",subLevel:{enabled:"#dad8d8",hovered:"#dad8d8",pressed:"#dad8d8",selected:"#dad8d8"}},onSurface:{enabled:"#404246",hovered:"#212225",pressed:"#212225",selected:"#212225"},border:"#707477"},spacing:{gap:{small:{horizontal:"4px"},default:{horizontal:"12px",vertical:"4px"},large:{vertical:"32px"}},padding:{small:{vertical:"4px"},default:{vertical:"8px",horizontal:"16px"},large:{horizontal:"24px",vertical:"24px"},XLarge:{vertical:"40px",horizontal:"40px"}}},radii:{footerItemFocusRadius:"6px"}},password:{panel:{colors:{surface:"#ffffff",border:"#acaeb3",onSurface:{enabled:"#000000",success:"#598100",disabled:"#707477"}},spacing:{gap:{default:{vertical:"16px",horizontal:"4px"},small:{vertical:"12px"},XSmall:{vertical:"8px"}},padding:"16px"},strengthMeter:{radii:{strengthMeterRadius:"2px"},colors:{surface:{neutral:"#c5c6ca",danger:"#a70101",warning:"#896f00",success:"#598100"}},spacing:{gap:"1px"}},radii:{passwordPanelRadius:"6px"}},spacing:{gap:{vertical:"4px"}}},drawer:{colors:{surface:"#ffffff",overlay:"rgba(0, 0, 0, 0.4)",border:"#acaeb3"},spacing:{padding:"24px"}},table:{colors:{surface:{cell:{base:{enabled:"#ffffff",hovered:"#f6f6f7",pressed:"#dddee1",selected:"#ebdcdc"},striped:{enabled:"#dddee1",hovered:"#c5c6ca",pressed:"#c5c6ca",selected:"#ebdcdc"}},tableSurface:"#ffffff",headerFooter:{base:"#ffffff",neutral:"#dddee1"}},border:{tableBorder:"#acaeb3",dropBorder:"#cb333b"},onSurface:{text:"#404246",icon:"#505357"}},spacing:{padding:{default:{vertical:"8px",horizontal:"16px"},small:{vertical:"4px",horizontal:"12px"},large:{vertical:"12px"}},gap:{small:"8px",default:"12px",large:"16px"}},radii:{tableRadius:"6px",tableCellFocusRadius:"6px"}},dialog:{colors:{surface:"#ffffff",onSurface:"#000000",overlay:"rgba(0, 0, 0, 0.4)",border:"#acaeb3"},spacing:{padding:{allSide:"16px",large:{allSide:"24px"}},gap:{small:{horizontal:"4px"},large:{horizontal:"16px",vertical:"24px"},default:{horizontal:"8px"}}},radii:{dialogRadius:"12px"}},rating:{colors:{onSurface:{unselected:{enabled:"#404246",hovered:"#303236",pressed:"#cb333b",disabled:"#707477"},selected:{enabled:"#cb333b",hovered:"#ae2c32",pressed:"#92252a",disabled:"#707477"}}},spacing:{padding:{allSide:"16px"}},radii:{ratingFocusRadius:"6px"}},panel:{colors:{surface:"#ffffff",onSurface:{base:"#000000",neutral:"#606367"},border:"#707477"},spacing:{padding:"16px",gap:"8px"},radii:{panelRadius:"6px"}},label:{colors:{onSurface:{base:"#000000",neutral:"#505357",danger:"#a70101"}},spacing:{gap:{horizontal:"4px"}}},avatar:{colors:{surface:"#dddee1",onSurface:"#404246",border:"#ffffff"},spacing:{gap:{default:{horizontal:"-8px"},small:{horizontal:"-4px"},large:{horizontal:"-12px"}}},radii:{avatarRadius:"6px",avatarCircleRadius:"9999px"}},toggleIcon:{colors:{surface:{unselected:{basic:{enabled:"#ffffff",hovered:"#ffffff",pressed:"#ffffff",disabled:"#ffffff"},rectangle:{disabled:"#dddee1",enabled:"#dddee1",hovered:"#c5c6ca",pressed:"#acaeb3"}},selected:{basic:{enabled:"#ffffff",hovered:"#ffffff",pressed:"#ffffff",disabled:"#ffffff"},rectangle:{enabled:"#ffffff",hovered:"#ffffff",pressed:"#ffffff",disabled:"#ffffff"}}},onSurface:{unselected:{bare:{disabled:"#707477",pressed:"#92252a",hovered:"#ae2c32",enabled:"#cb333b"},basic:{disabled:"#707477",pressed:"#212225",hovered:"#303236",enabled:"#404246"},rectangle:{enabled:"#404246",hovered:"#303236",pressed:"#212225",disabled:"#707477"},white:{enabled:"#ffffff",hovered:"#ffffff",pressed:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"}},selected:{white:{enabled:"#ffffff",hovered:"#ffffff",pressed:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},rectangle:{enabled:"#cb333b",hovered:"#ae2c32",pressed:"#92252a",disabled:"#707477"},basic:{enabled:"#cb333b",hovered:"#ae2c32",pressed:"#92252a",disabled:"#707477"},bare:{enabled:"#cb333b",hovered:"#ae2c32",pressed:"#92252a",disabled:"#707477"}}},border:"#707477"},radii:{toggleIconRadius:"6px",toggleIconCircleRadius:"9999px",toggleIconFocusRadius:"8px",toggleIconCircleFocusRadius:"9999px"},spacing:{padding:{allSide:"8px",vertical:"4px"}}},autocomplete:{spacing:{gap:{vertical:"4px"}},dropdown:{colors:{surface:{pressed:"#dddee1",hovered:"#f6f6f7"},onSurface:{pressed:"#212225",hovered:"#303236",enabled:"#404246",disabled:"#707477"},border:{disabled:"#acaeb3",enabled:"#707477",hovered:"#707477",pressed:"#707477"}},spacing:{padding:{large:{allSide:"12px"},small:{allSide:"6px"},default:{allSide:"8px"}},gap:{horizontal:"8px"}},radii:{autocompleteDropdownRadii:"6px",autocompleteDropdownFocusRadii:"8px"}},text:{colors:{onSurface:{selected:"#000000",filled:"#000000",hovered:"#505357",disabled:"#707477",enabled:"#606367"}}},listbox:{colors:{surface:"#ffffff",border:"#707477",onSurface:{neutral:"#606367",base
5628:"#000000"}},radii:{listboxRadius:"6px",listboxScrollRadius:"6px"},spacing:{padding:{allSide:"4px"},gap:{vertical:"8px"}},listboxOption:{colors:{surface:{hovered:"#dddee1",selected:"#ebdcdc"},onSurface:{enabled:"#404246",hovered:"#303236",selected:"#92252a",disabled:"#707477",grouped:"#606367"}},spacing:{padding:{vertical:"8px",horizontal:"12px"},gap:{horizontal:"8px"}},radii:{listboxOptionRadius:"6px"}}}},image:{colors:{surface:{overlay:"rgba(0, 0, 0, 0.7)",hover:"rgba(0, 0, 0, 0.4)"},onSurface:{icon:"#ffffff"}}},menu:{menuOption:{colors:{surface:{hovered:"#dddee1",selected:"#ebdcdc"},onSurface:{neutral:{enabled:"#404246",hovered:"#303236",selected:"#92252a",disabled:"#707477",grouped:"#606367"},danger:{enabled:"#cb0404",hovered:"#a70101",selected:"#890303"},group:{basic:"#606367",strong:"#212225"}}},spacing:{padding:{vertical:"6px",horizontal:"10px"},gap:{horizontal:"4px"}},radii:{menuOptionRadius:"6px"}},colors:{surface:"#ffffff",border:"#707477"},spacing:{padding:{vertical:"8px",horizontal:"12px",allSide:"4px"}},radii:{menuRadius:"6px"},menuBar:{border:"#707477",spacing:{gap:{horizontal:"8px"}}}},fileUpload:{colors:{surface:"#ffffff",onSurface:{base:"#000000",neutral:"#606367"},border:"#707477"},spacing:{gap:{small:"8px",large:"24px",default:"16px"},padding:"24px"},radii:{fileUploadRadius:"6px"}}}}};export{e as PrimalexTheme};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.