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:"#f2f9fb",100:"#c4e7f1",200:"#92d8ed",300:"#5acaee",400:"#1cbff4",500:"#00a2d9",600:"#0a779d",700:"#0d6180",800:"#0e4458",900:"#0c2934",950:"#061014"},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:"#0a779d",extremeSoft:"#f2f9fb",medium:"#00a2d9",stronger:"#0d6180",softer:"#5acaee",soft:"#1cbff4",strongest:"#0e4458",ultraSoft:"#c4e7f1",softest:"#92d8ed",ultraStrong:"#0c2934",extremeStrong:"#061014"},base:"#ffffff",danger:{softest:"#eea6a6",medium:"#d70000",stronger:"#920402",strong:"#b20202",softer:"#ed7b7b",soft:"#ee4d4d",strongest:"#700403",extremeSoft:"#fbf2f2",ultraSoft:"#f3cece",extremeStrong:"#2e0302",ultraStrong:"#4f0403"},baseInvers:"#000000",secondary:{ultraStrong:"#000f2f",stronger:"#001a51",strong:"#011e5e",medium:"#012169",extremeStrong:"#01091a",soft:"#8a8da8",softer:"#a1a3b5",softest:"#c6c7d0",strongest:"#001
1542",ultraSoft:"#e4e5e9",extremeSoft:"#f2f3f4"},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:"#003114",stronger:"#005d26",extremeStrong:"#001b0b",strong:"#00732f",medium:"#008938",softer:"#3cd972",ultraSoft:"#c1e1ca",softest:"#84d79e",strongest:"#00471d",soft:"#11be52",extremeSoft:"#f2f6f3"},info:{ultraStrong:"#0e215e",stronger:"#183dab",extremeStrong:"#081337",strong:"#1e4cd2",medium:"#3966e3",softer:"#909cde",ultraSoft:"#d5d7eb",softest:"#b5b9e2",strongest:"#132f84",soft:"#6680df",extremeSoft:"#f2f2f7"},neutral:{ultraStrong:"#282c31",stronger:"#4a525b",extremeStrong:"#17191c",strong:"#5a6571",medium:"#6b7886",softer:"#a5aab0",ultraSoft:"#dcddde",softest:"#c1c4c6",strongest:"#393f46",soft:"#88919b",extremeSoft:"#f6f6f6"},warning:{extremeStrong:"#2a1a03",strongest:"#5c3906",strong:"#8f5809",stronger:"#764808",medium:"#a9670a",softer:"#f8a83c",softest:"#fcc378",extremeSoft:"#fffbf6",ultraSoft:"#fedfb6",ultraStrong:"#432905",soft:"#e98b0b"},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:"#e4e5e9",strong:"#c6c7d0"},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:"#f2f9fb",ultraSoft:"#c4e7f1",softest:"#92d8ed",softer:"#5acaee",soft:"#1cbff4",medium:"#00a2d9",strong:"#0a779d",stronger:"#0d6180",strongest:"#0e4458",ultraStrong:"#0c2934",extremeStrong:"#061014"},secondary:{extremeSoft:"#f2f3f4",ultraSoft:"#e4e5e9",softest:"#c6c7d0",softer:"#a1a3b5",soft:"#8a8da8",medium:"#012169",strong:"#011e5e",stronger:"#001a51",strongest:"#001
1542",ultraStrong:"#000f2f",extremeStrong:"#01091a"},neutral:{extremeSoft:"#f6f6f6",ultraSoft:"#dcddde",softest:"#c1c4c6",softer:"#a5aab0",soft:"#88919b",medium:"#6b7886",strong:"#5a6571",stronger:"#4a525b",strongest:"#393f46",ultraStrong:"#282c31",extremeStrong:"#17191c"},info:{extremeSoft:"#f2f2f7",ultraSoft:"#d5d7eb",softest:"#b5b9e2",softer:"#909cde",soft:"#6680df",medium:"#3966e3",strong:"#1e4cd2",stronger:"#183dab",strongest:"#132f84",ultraStrong:"#0e215e",extremeStrong:"#081337"},success:{extremeSoft:"#f2f6f3",ultraSoft:"#c1e1ca",softest:"#84d79e",softer:"#3cd972",soft:"#11be52",medium:"#008938",strong:"#00732f",stronger:"#005d26",strongest:"#00471d",ultraStrong:"#003114",extremeStrong:"#001b0b"},danger:{extremeSoft:"#fbf2f2",ultraSoft:"#f3cece",softest:"#eea6a6",softer:"#ed7b7b",soft:"#ee4d4d",medium:"#d70000",strong:"#b20202",stronger:"#920402",strongest:"#700403",ultraStrong:"#4f0403",extremeStrong:"#2e0302"},warning:{extremeSoft:"#fffbf6",ultraSoft:"#fedfb6",softest:"#fcc378",softer:"#f8a83c",soft:"#e98b0b",medium:"#a9670a",strong:"#8f5809",stronger:"#764808",strongest:"#5c3906",ultraStrong:"#432905",extremeStrong:"#2a1a03"},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:"#0c2934",medium:"#00a2d9",softer:"#5acaee",ultraSoft:"#c4e7f1",stronger:"#0d6180"},secondary:{ultraStrong:"#000f2f",medium:"#012169",softer:"#a1a3b5",ultraSoft:"#e4e5e9",stronger:"#001a51"},neutral:{ultraStrong:"#282c31",medium:"#6b7886",softer:"#a5aab0",ultraSoft:"#dcddde",stronger:"#4a525b"},info:{ultraStrong:"#0e215e",medium:"#3966e3",softer:"#909cde",ultraSoft:"#d5d7eb",stronger:"#183dab"},success:{ultraStrong:"#003114",medium:"#008938",softer:"#3cd972",ultraSoft:"#c1e1ca",stronger:"#005d26"},warning:{ultraStrong:"#432905",medium:"#a9670a",softer:"#f8a83c",ultraSoft:"#fedfb6",stronger:"#764808"},danger:{ultraStrong:"#4f0403",medium:"#d70000",softer:"#ed7b7b",ultraSoft:"#f3cece",stronger:"#920402"},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:"#0bacdf",extremeSoft:"#061014",medium:"#0080a9",stronger:"#3fc3eb",softer:"#0a4e65",soft:"#066686",strongest:"#81d2ea",ultraSoft:"#0a232d",softest:"#0c3848",ultraStrong:"#bde4f0",extremeStrong:"#f2f9fb"},base:"#000000",danger:{softest:"#670000",medium:"#ff2f2f",stronger:"#f38888",strong:"#f75d5d",softer:"#b90000",soft:"#c50000",strongest:"#f2afaf",extremeSoft:"#0a0000",ultraSoft:"#390000",extremeStrong:"#fbf2f2",ultraStrong:"#f5d2d2"},baseInvers:"#ffffff",secondary:{ultraStrong:"#e9f0ff",stronger:"#b9cefe",strong:"#a1bdfe",medium:"#95b5fe",extremeStrong:"#f5f8ff",soft:"#6a6d87",softer:"#4a4c5e",softest:"#2e2f38",strongest:"#d1dfff",ultraSoft:"#202227",extremeSoft:"#131316"},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:"#c5e3d3",stronger:"#4cdc8c",extremeStrong:"#f2f6f4",strong:"#13d465",medium:"#00a744",softer:"#006a2b",ultraSoft:"#002d12",softest:"#004c1f",strongest:"#8edab1",soft:"#008937",extremeSoft:"#000f06"},info:{ultraStrong:"#dbdced",stronger:"#a4aee2",extremeStrong:"#f2f2f7",strong:"#8397e1",medium:"#6083e3",softer:"#1d43ab",ultraSoft:"#0a1a42",softest:"#132e77",strongest:"#c1c5e6",soft:"#2b5adb",extremeSoft:"#02050d"},neutral:{ultraStrong:"#e0e0e1",stronger:"#b1b4ba",extremeStrong:"#f6f6f6",strong:"#989ea7",medium:"#7e8896",softer:"#545b66",ultraSoft:"#2b2f35",softest:"#3f454e",strongest:"#c9cacd",soft:"#68717f",extremeSoft:"#17191c"},warning:{extremeStrong:"#fffbf6",strongest:"#fdca88",strong:"#f69b1f",stronger:"#fab253",medium:"#d27f0b",softer:"#804b0b",softest:"#593409",extremeSoft:"#0e0802",ultraSoft:"#331d06",ultraStrong:"#fee2bf",soft:"#a8640c"},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:"#141414",strong:"#242424"},baseElevation:"#17191c"},primary:{color:"{primary.400}",contrastColor:"{surface.900}",hoverColor:"{primary.300}",activeColor:"{primary.200}"},highlight:{background:"color-mix(in srgb, {primary.400}
1, 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:"#061014",ultraSoft:"#0a232d",softest:"#0c3848",softer:"#0a4e65",soft:"#066686",medium:"#0080a9",strong:"#0bacdf",stronger:"#3fc3eb",strongest:"#81d2ea",ultraStrong:"#bde4f0",extremeStrong:"#f2f9fb"}
1,secondary:{extremeSoft:"#131316",ultraSoft:"#202227",softest:"#2e2f38",softer:"#4a4c5e",soft:"#6a6d87",medium:"#95b5fe",strong:"#a1bdfe",stronger:"#b9cefe",strongest:"#d1dfff",ultraStrong:"#e9f0ff",extremeStrong:"#f5f8ff"},neutral:{extremeSoft:"#17191c",ultraSoft:"#2b2f35",softest:"#3f454e",softer:"#545b66",soft:"#68717f",medium:"#7e8896",strong:"#989ea7",stronger:"#b1b4ba",strongest:"#c9cacd",ultraStrong:"#e0e0e1",extremeStrong:"#f6f6f6"},info:{extremeSoft:"#02050d",ultraSoft:"#0a1a42",softest:"#132e77",softer:"#1d43ab",soft:"#2b5adb",medium:"#6083e3",strong:"#8397e1",stronger:"#a4aee2",strongest:"#c1c5e6",ultraStrong:"#dbdced",extremeStrong:"#f2f2f7"},success:{extremeSoft:"#000f06",ultraSoft:"#002d12",softest:"#004c1f",softer:"#006a2b",soft:"#008937",medium:"#00a744",strong:"#13d465",stronger:"#4cdc8c",strongest:"#8edab1",ultraStrong:"#c5e3d3",extremeStrong:"#f2f6f4"},danger:{extremeSoft:"#0a0000",ultraSoft:"#390000",softest:"#670000",softer:"#b90000",soft:"#c50000",medium:"#ff2f2f",strong:"#f75d5d",stronger:"#f38888",strongest:"#f2afaf",ultraStrong:"#f5d2d2",extremeStrong:"#fbf2f2"},warning:{extremeSoft:"#0e0802",ultraSoft:"#331d06",softest:"#593409",softer:"#804b0b",soft:"#a8640c",medium:"#d27f0b",strong:"#f69b1f",stronger:"#fab253",strongest:"#fdca88",ultraStrong:"#fee2bf",extremeStrong:"#fffbf6"},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:"#bde4f0",medium:"#0080a9",softer:"#0a4e65",ultraSoft:"#0a232d",stronger:"#3fc3eb"},secondary:{ultraStrong:"#e9f0ff",medium:"#95b5fe",softer:"#4a4c5e",ultraSoft:"#202227",stronger:"#b9cefe"},neutral:{ultraStrong:"#f6f6f6",medium:"#7e8896",softer:"#545b66",ultraSoft:"#2b2f35",stronger:"#b1b4ba"},info:{ultraStrong:"#dbdced",medium:"#6083e3",softer:"#1d43ab",ultraSoft:"#0a1a42",stronger:"#a4aee2"},success:{ultraStrong:"#c5e3d3",medium:"#00a744",softer:"#006a2b",ultraSoft:"#002d12",stronger:"#4cdc8c"},warning:{ultraStrong:"#fee2bf",medium:"#d27f0b",softer:"#804b0b",ultraSoft:"#331d06",stronger:"#fab253"},danger:{ultraStrong:"#f5d2d2",medium:"#ff2f2f",softer:"#b90000",ultraSoft:"#390000",stronger:"#f38888"},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: 300; 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: 500; 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: 600; 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:"#f2f9fb",100:"#c4e7f1",200:"#92d8ed",300:"#5acaee",400:"#1cbff4",500:"#00a2d9",600:"#0a779d",700:"#0d6180",800:"#0e4458",900:"#0c2934",950:"#061014"},secondary:{50:"#f2f3f4",100:"#e4e5e9",200:"#c6c7d0",300:"#a1a3b5",400:"#8a8da8",500:"#012169",600:"#011e5e",700:"#001a51",800:"#001542",900:"#000f2f",950:"#01091a"},neutral:{50:"#f6f6f6",100:"#dcddde",200:"#c1c4c6",300:"#a5aab0",400:"#88919b",500:"#6b7886",600:"#5a6571",700:"#4a525b",800:"#393f46",900:"#282c31",950:"#17191c"},success:{50:"#f2f6f3",100:"#c1e1ca",200:"#84d79e",300:"#3cd972",400:"#11be52",500:"#008938",600:"#00732f",700:"#005d26",800:"#00471d",900:"#003114",950:"#001b0b"},warning:{50:"#fffbf6",100:"#fedfb6",200:"#fcc378",300:"#f8a83c",400:"#e98b0b",500:"#a9670a",600:"#8f5809",700:"#764808",800:"#5c3906",900:"#432905",950:"#2a1a03"},danger:{50:"#fbf2f2",100:"#f3cece",200:"#eea6a6",300:"#ed7b7b",400:"#ee4d4d",500:"#d70000",600:"#b20202",700:"#920402",800:"#700403",900:"#4f0403",950:"#2e0302"},info:{50:"#f2f2f7",100:"#d5d7eb",200:"#b5b9e2",300:"#909cde",400:"#6680df",500:"#3966e3",600:"#1e4cd2",700:"#183dab",800:"#132f84",900:"#0e215e",950:"#081337"},menu:{100:"#e4e5e9",200:"#c6c7d0"}},dark:{primary:{50:"#061014",100:"#0a232d",200:"#0c3848",300:"#0a4e65",400:"#066686",500:"#0080a9",600:"#0bacdf",700:"#3fc3eb",800:"#81d2ea",900:"#bde4f0",950:"#f2f9fb"},secondary:{50:"#131316",100:"#202227",200:"#2e2f38",300:"#4a4c5e",400:"#6a6d87",500:"#95b5fe",600:"#a1bdfe",700:"#b9cefe",800:"#d1dfff",900:"#e9f0ff",950:"#f5f8ff"},neutral:{50:"#17191c",100:"#2b2f35",200:"#3f454e",300:"#545b66",400:"#68717f",500:"#7e8896",600:"#989ea7",700:"#b1b4ba",800:"#c9cacd",900:"#e0e0e1",950:"#f6f6f6"},success:{50:"#000f06",100:"#002d12",200:"#004c1f",300:"#006a2b",400:"#008937",500:"#00a744",600:"#13d465",700:"#4cdc8c",800:"#8edab1",900:"#c5e3d3",950:"#f2f6f4"},warning:{50:"#0e0802",100:"#331d06",200:"#593409",300:"#804b0b",400:"#a8640c",500:"#d27f0b",600:"#f69b1f",700:"#fab253",800:"#fdca88",900:"#fee2bf",950:"#fffbf6"},danger:{50:"#0a0000",100:"#390000",200:"#670000",300:"#b90000",400:"#c50000",500:"#ff2f2f",600:"#f75d5d",700:"#f38888",800:"#f2afaf",900:"#f5d2d2",950:"#fbf2f2"},info:{50:"#02050d",100:"#0a1a42",200:"#132e77",300:"#1d43ab",400:"#2b5adb",500:"#6083e3",600:"#8397e1",700:"#a4aee2",800:"#c1c5e6",900:"#dbdced",950:"#f2f2f7"},menu:{100:"#141414",200:"#242424"}},focusRing:"#0d6180",focusRingInvers:"#c4e7f1",pressedRing:"rgba(0, 162, 217, 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:"#0a779d",extremeSoft:"#f2f9fb",medium:"#00a2d9",stronger:"#0d6180",softer:"#5acaee",soft:"#1cbff4",strongest:"#0e4458",ultraSoft:"#c4e7f1",softest:"#92d8ed",ultraStrong:"#0c2934",extremeStrong:"#061014"},base:"#ffffff",danger:{softest:"#eea6a6",medium:"#d70000",stronger:"#920402",strong:"#b20202",softer:"#ed7b7b",soft:"#ee4d4d",strongest:"#700403",extremeSoft:"#fbf2f2",ultraSoft:"#f3cece",extremeStrong:"#2e0302",ultraStrong:"#4f0403"},baseInvers:"#000000",secondary:{ultraStrong:"#000f2f",stronger:"#001a51",strong:"#011e5e",medium:"#012169",extremeStrong:"#01091a",soft:"#8a8da8",softer:"#a1a3b5",softest:"#c6c7d0",strongest:"#001542",ultraSoft:"#e4e5e9",extremeSoft:"#f2f3f4"},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:"#003114",stronger:"#005d26",extremeStrong:"#001b0b",strong:"#00732f",medium:"#008938",softer:"#3cd972",ultraSoft:"#c1e1ca",softest:"#84d79e",strongest:"#00471d",soft:"#11be52",extremeSoft:"#f2f6f3"},info:{ultraStrong:"#0e215e",stronger:"#183dab",extremeStrong:"#081337",strong:"#1e4cd2",medium:"#3966e3",softer:"#909cde",ultraSoft:"#d5d7eb",softest:"#b5b9e2",strongest:"#132f84",soft:"#6680df",extremeSoft:"#f2f2f7"},neutral:{ultraStrong:"#282c31",stronger:"#4a525b",extremeStrong:"#17191c",strong:"#5a6571",medium:"#6b7886",softer:"#a5aab0",ultraSoft:"#dcddde",softest:"#c1c4c6",strongest:"#393f46",soft:"#88919b",extremeSoft:"#f6f6f6"},warning:{extremeStrong:"#2a1a03",strongest:"#5c3906",strong:"#8f5809",stronger:"#764808",medium:"#a9670a",softer:"#f8a83c",softest:"#fcc378",extremeSoft:"#fffbf6",ultraSoft:"#fedfb6",ultraStrong:"#432905",soft:"#e98b0b"},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:"#e4e5e9",strong:"#c6c7d0"},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:"#f2f9fb",ultraSoft:"#c4e7f1",softest:"#92d8ed",softer:"#5acaee",soft:"#1cbff4",medium:"#00a2d9",strong:"#0a779d",stronger:"#0d6180",strongest:"#0e4458",ultraStrong:"#0c2934",extremeStrong:"#061014"},secondary:{extremeSoft:"#f2f3f4",ultraSoft:"#e4e5e9",softest:"#c6c7d0",softer:"#a1a3b5",soft:"#8a8da8",medium:"#012169",strong:"#011e5e",stronger:"#001a51",strongest:"#001
5628542",ultraStrong:"#000f2f",extremeStrong:"#01091a"},neutral:{extremeSoft:"#f6f6f6",ultraSoft:"#dcddde",softest:"#c1c4c6",softer:"#a5aab0",soft:"#88919b",medium:"#6b7886",strong:"#5a6571",stronger:"#4a525b",strongest:"#393f46",ultraStrong:"#282c31",extremeStrong:"#17191c"},info:{extremeSoft:"#f2f2f7",ultraSoft:"#d5d7eb",softest:"#b5b9e2",softer:"#909cde",soft:"#6680df",medium:"#3966e3",strong:"#1e4cd2",stronger:"#183dab",strongest:"#132f84",ultraStrong:"#0e215e",extremeStrong:"#081337"},success:{extremeSoft:"#f2f6f3",ultraSoft:"#c1e1ca",softest:"#84d79e",softer:"#3cd972",soft:"#11be52",medium:"#008938",strong:"#00732f",stronger:"#005d26",strongest:"#00471d",ultraStrong:"#003114",extremeStrong:"#001b0b"},danger:{extremeSoft:"#fbf2f2",ultraSoft:"#f3cece",softest:"#eea6a6",softer:"#ed7b7b",soft:"#ee4d4d",medium:"#d70000",strong:"#b20202",stronger:"#920402",strongest:"#700403",ultraStrong:"#4f0403",extremeStrong:"#2e0302"},warning:{extremeSoft:"#fffbf6",ultraSoft:"#fedfb6",softest:"#fcc378",softer:"#f8a83c",soft:"#e98b0b",medium:"#a9670a",strong:"#8f5809",stronger:"#764808",strongest:"#5c3906",ultraStrong:"#432905",extremeStrong:"#2a1a03"},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:"#0c2934",medium:"#00a2d9",softer:"#5acaee",ultraSoft:"#c4e7f1",stronger:"#0d6180"},secondary:{ultraStrong:"#000f2f",medium:"#012169",softer:"#a1a3b5",ultraSoft:"#e4e5e9",stronger:"#001a51"},neutral:{ultraStrong:"#282c31",medium:"#6b7886",softer:"#a5aab0",ultraSoft:"#dcddde",stronger:"#4a525b"},info:{ultraStrong:"#0e215e",medium:"#3966e3",softer:"#909cde",ultraSoft:"#d5d7eb",stronger:"#183dab"},success:{ultraStrong:"#003114",medium:"#008938",softer:"#3cd972",ultraSoft:"#c1e1ca",stronger:"#005d26"},warning:{ultraStrong:"#432905",medium:"#a9670a",softer:"#f8a83c",ultraSoft:"#fedfb6",stronger:"#764808"},danger:{ultraStrong:"#4f0403",medium:"#d70000",softer:"#ed7b7b",ultraSoft:"#f3cece",stronger:"#920402"},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:"Dulux",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:"#a9670a",black:"#000000",neutral:{enabled:"#c1c4c6",disabled:"#c1c4c6"},info:"#3966e3",danger:"#d70000",secondary:"#012169",success:"#008938",primary:"#0a779d"},onSurface:{secondary:"#ffffff",info:"#ffffff",danger:"#ffffff",success:"#ffffff",primary:"#ffffff",neutral:{enabled:"#000000",disabled:"#6b7886"},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:"#a5aab0",info:"#3966e3",danger:"#d70000",warning:"#a9670a",success:"#008938",primary:"#0d6180",black:"#141414",neutral:"#6b7886",secondary:"#012169",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:"#183dab",hovered:"#1e4cd2",enabled:"#1e4cd2"},contained:{enabled:"#ffffff",pressed:"#ffffff",hovered:"#ffffff"}},danger:{bared:{enabled:"#b20202",pressed:"#920402",hovered:"#b20202"},contained:{pressed:"#ffffff",hovered:"#ffffff",enabled:"#ffffff"}},neutral:{contained:{enabled:"#17191c",pressed:"#17191c",hovered:"#17191c"},bared:{pressed:"#17191c",hovered:"#282c31",enabled:"#393f46"},disabled:"#6b7886"},warning:{bared:{hovered:"#8f5809",enabled:"#8f5809",pressed:"#764808"},contained:{hovered:"#ffffff",enabled:"#ffffff",pressed:"#ffffff"}},success:{bared:{enabled:"#00732f",hovered:"#00732f",pressed:"#005d26"},contained:{hovered:"#ffffff",enabled:"#ffffff",pressed:"#ffffff"}},secondary:{contained:{pressed:"#ffffff",enabled:"#ffffff",hovered:"#ffffff"},bared:{hovered:"#011e5e",pressed:"#001a51",enabled:"#011e5e"}},primary:{bared:{enabled:"#0a779d",pressed:"#0e4458",hovered:"#0d6180"},contained:{hovered:"#ffffff",pressed:"#ffffff",enabled:"#ffffff"}}},surface:{black:{contained:{pressed:"#292929",enabled:"#000000",hovered:"#141414"},bared:{hovered:"#e7e7e7",pressed:"#cdcdcd"}},primary:{bared:{hovered:"#f2f9fb",pressed:"#c4e7f1"},contained:{pressed:"#0e4458",enabled:"#0a779d",hovered:"#0d6180"}},white:{bared:{pressed:"#3d3d3d",hovered:"#292929"},contained:{enabled:"#ffffff",hovered:"#e7e7e7",pressed:"#cdcdcd"}},neutral:{disabled:"#dcddde",bared:{pressed:"#dcddde",hovered:"#f6f6f6"}
5628,contained:{enabled:"#c1c4c6",pressed:"#88919b",hovered:"#a5aab0"}},success:{bared:{pressed:"#c1e1ca",hovered:"#f2f6f3"},contained:{pressed:"#005d26",enabled:"#008938",hovered:"#00732f"}},warning:{contained:{enabled:"#a9670a",hovered:"#8f5809",pressed:"#764808"},bared:{hovered:"#fffbf6",pressed:"#fedfb6"}},info:{bared:{hovered:"#f2f2f7",pressed:"#d5d7eb"},contained:{pressed:"#183dab",hovered:"#1e4cd2",enabled:"#3966e3"}},secondary:{contained:{hovered:"#011e5e",enabled:"#012169",pressed:"#001a51"},bared:{pressed:"#e4e5e9",hovered:"#f2f3f4"}},danger:{bared:{pressed:"#f3cece",hovered:"#fbf2f2"},contained:{pressed:"#920402",hovered:"#b20202",enabled:"#d70000"}}}},radii:{buttonRadius:"6px",buttonFocusRadius:"8px"}},checkbox:{radii:{checkboxRadius:"6px",checkboxRadiusSmall:"4px",checkboxFocusRadius:"8px",checkboxFocusRadiusSmall:"6px"},colors:{onSurface:{enabled:"#ffffff",disabled:"#6b7886",hovered:"#ffffff",pressed:"#ffffff",danger:"#ffffff"},border:{enabled:"#6b7886",danger:"#d70000",disabled:"#a5aab0",hovered:"#6b7886",pressed:"#282c31"},surface:{selected:{disabled:"#dcddde",enabled:"#0a779d",hovered:"#0d6180",pressed:"#0e4458",danger:"#0a779d"},unselected:{disabled:"#dcddde",pressed:"#c1c4c6",hovered:"#dcddde",enabled:"#ffffff",danger:"#ffffff"}}}},chip:{colors:{onSurface:"#393f46",surface:"#dcddde"},spacing:{padding:{large:{vertical:"8px",horizontal:"8px"},default:{vertical:"4px",horizontal:"4px"}},gap:{horizontal:"6px"}},radii:{chipRadius:"9999px"}},select:{listbox:{colors:{border:{enabled:"#6b7886",disabled:"#dcddde",danger:"#ed7b7b"},surface:{disabled:"#dcddde",enabled:"#ffffff"}},spacing:{padding:{allSide:"4px",vertical:"8px",horizontal:"12px"}},listboxOption:{radii:{listboxOptionRadius:"6px"},colors:{surface:{selected:"#c4e7f1",hovered:"#dcddde"},onSurface:{disabled:"#6b7886",enabled:"#393f46",selected:"#0d6180",hovered:"#282c31",grouped:"#5a6571"}},spacing:{gap:{horizontal:"8px"},padding:{horizontal:"12px",vertical:"8px"}}},radii:{listboxRadius:"6px",listboxScrollRadius:"6px"}},spacing:{gap:{vertical:"4px"}}},inputField:{colors:{border:{danger:{selected:"#0d6180",enabled:"#d70000",hovered:"#d70000",filled:"#d70000"},neutral:{selected:"#0d6180",disabled:"#a5aab0",enabled:"#6b7886",hovered:"#6b7886",filled:"#6b7886"}},surface:{disabled:"#dcddde",enabled:"#ffffff",hovered:"#f6f6f6",selected:"#ffffff",filled:"#f6f6f6"},onSurface:{icon:"#6b7886",disabled:"#6b7886",selected:"#000000",enabled:"#5a6571",hovered:"#4a525b",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:"#282c31",enabled:"#17191c",pressed:"#4a525b",disabled:"#6b7886",visited:"#4a525b"},primary:{hovered:"#0d6180",enabled:"#0a779d",pressed:"#0e4458",visited:"#0e4458"},secondary:{pressed:"#001a51",hovered:"#011e5e",enabled:"#012169",visited:"#001a51"}}},radii:{linkFocusRadius:"6px"}},message:{colors:{onSurface:{bared:{danger:"#920402",warning:"#764808",success:"#005d26",info:"#183dab",neutral:"#4a525b",contrast:"#3d3d3d"},contained:{success:"#00471d",info:"#132f84",contrast:"#ffffff",danger:"#700403",warning:"#5c3906",neutral:"#393f46"}},surface:{info:"#d5d7eb",contrast:"#000000",danger:"#f3cece",success:"#c1e1ca",warning:"#fedfb6",neutral:"#dcddde"},border:{contrast:"#141414",info:"#3966e3",success:"#008938",neutral:"#6b7886",danger:"#d70000",warning:"#a9670a"}},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:"#0d6180",disabled:"#dcddde",pressed:"#0e4458",enabled:"#0a779d",danger:"#00a2d9"},unselected:{disabled:"#dcddde",pressed:"#c1c4c6",hovered:"#dcddde",enabled:"#ffffff",danger:"#ffffff"}},onSurface:{enabled:"#ffffff",disabled:"#6b7886",hovered:"#ffffff",pressed:"#ffffff",danger:"#ffffff"},border:{enabled:"#6b7886",disabled:"#a5aab0",danger:"#d70000",hovered:"#6b7886",pressed:"#282c31"}},radii:{radioButtonRadius:"9999px"}},switch:{radii:{switchRadius:"9999px",switchFocusRadius:"9999px"},spacing:{padding:{horizontal:"2px",vertical:"2px"},size:{toggleSize:"20px"}},colors:{onSurface:{disabled:"#6b7886",selected:"#ffffff",unselected:"#4a525b"},surface:{selected:{disabled:"#dcddde",pressed:"#0e4458",hovered:"#0d6180",enabled:"#0a779d",danger:"#0a779d"},unselected:{hovered:"#dcddde",pressed:"#c1c4c6",disabled:"#dcddde",enabled:"#ffffff",danger:"#ffffff"}},border:{danger:"#d70000",enabled:"#6b7886",hovered:"#6b7886",pressed:"#282c31",disabled:"#a5aab0"}}},tag:{colors:{onSurface:{info:"#132f84",success:"#00471d",secondary:"#001542",danger:"#700403",warning:"#5c3906",primary:"#0e4458",neutral:"#393f46",contrast:"#ffffff"},surface:{danger:"#f3cece",warning:"#fedfb6",success:"#c1e1ca",neutral:"#dcddde",contrast:"#000000",info:"#d5d7eb",secondary:"#e4e5e9",primary:"#c4e7f1"}},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:"#d70000",neutral:"#6b7886",warning:"#a9670a",success:"#008938",info:"#3966e3"},onSurface:{content:{contrast:"#cdcdcd",success:"#005d26",info:"#183dab",danger:"#920402",warning:"#764808",neutral:"#4a525b"},title:{info:"#0e215e",contrast:"#ffffff",warning:"#432905",danger:"#4f0403",success:"#003114",neutral:"#282c31"}},surface:{danger:"#f3cece",warning:"#fedfb6",success:"#c1e1ca",neutral:"#dcddde",info:"#d5d7eb",contrast:"#000000"}},radii:{toastRadius:"6px"}},breadcrumbs:{spacing:{gap:{horizontal:"8px"}},colors:{onSurface:{base:"#000000",neutral:"#393f46"}}},selectButton:{colors:{surface:{neutral:{enabled:"#dcddde",hovered:"#c1c4c6",selected:"#ffffff",disabledSelected:"#ffffff",disabled:"#dcddde"},base:{enabled:"#ffffff",hovered:"#dcddde",selected:"#c1c4c6",disabled:"#ffffff",disabledSelected:"#c1c4c6"}},onSurface:{neutral:{enabled:"#4a525b",hovered:"#393f46",selected:"#0a779d",disabled:"#6b7886"},base:{enabled:"#4a525b",hovered:"#393f46",selected:"#17191c",disabled:"#6b7886"}},border:{danger:"#d70000"}}
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:"#dcddde",enabled:"#ffffff",hovered:"#dcddde",pressed:"#ffffff"},line:{enabled:"#88919b",selected:"#0a779d","disabled-handle":"#c1c4c6","Disabled-selected":"#88919b","Disabled-unselected":"#c1c4c6"}},border:{enabled:"#6b7886",disabled:"#a5aab0",hovered:"#6b7886",pressed:"#282c31"}},radius:{sliderHandleRadius:"9999px",sliderHandleFocusRadius:"9999px"}},tooltip:{colors:{surface:"#17191c",onSurface:"#ffffff"},spacing:{padding:{default:{vertical:"8px",horizontal:"8px"},large:{vertical:"16px",horizontal:"16px"}},gap:{vertical:"4px"}},radii:{tooltipRadius:"6px"}},progressSpinner:{colors:{onSurface:{primary:"#0a779d",neutral:"#6b7886"}},radii:{spinnerRadius:"9999px"}},paginator:{colors:{surface:{hovered:"#dcddde",selected:"#c4e7f1",pressed:"#c1c4c6"},onSurface:{enabled:"#393f46",selected:"#0e4458",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:"#4a525b"},surface:{neutral:"#dcddde",primary:"#0a779d"}},radii:{progressBarRadius:"6px"}},skeleton:{colors:{surface:{neutral:"#c1c4c6",neutralAlt:"#dcddde"},border:{neutral:"#a5aab0"}},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:"#a5aab0",onSurface:"#000000"},spacing:{gap:{horizontal:"8px"},padding:{horizontal:"16px",vertical:"16px"}}},stepper:{colors:{onSurface:{enabled:"#4a525b",hovered:"#000000",selected:"#0a779d",disabled:"#6b7886",finished:"#000000",circle:{finished:"#ffffff"}},border:{neutral:{enabled:"#a5aab0",finished:"#0d6180",disabled:"#dcddde",hovered:"#a5aab0",selected:"#a5aab0"}},surface:{finished:"#0a779d",enabled:"#dcddde"}},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:"#393f46",hovered:"#17191c",selected:"#17191c",disabled:"#6b7886"},border:"#a5aab0",surface:"#ffffff"},radii:{accordionFocusRadius:"6px"}},card:{colors:{surface:"#ffffff",border:{enabled:"#6b7886",hovered:"#6b7886",pressed:"#282c31"}},spacing:{padding:{vertical:"16px",horizontal:"16px"},gap:{default:"8px",large:"16px"}},radii:{cardRadius:"8px",cardFocusRadius:"10px"}},carousel:{colors:{surface:{unselected:{hovered:"#a5aab0",pressed:"#88919b",enabled:"#c1c4c6"},selected:{enabled:"#0a779d",hovered:"#0d6180",pressed:"#0e4458"}}},radius:{carouselIndicatorRadius:"6px",carouselIndicatorFocusRadius:"8px"},spacing:{padding:{vertical:"16px"},gap:{horizontal:"8px",large:{horizontal:"16px",vertical:"16px"}}}},tab:{colors:{surface:{enabled:"#c1c4c6",hovered:"#a5aab0",selected:"#c1c4c6",disabled:"#c1c4c6"},onSurface:{enabled:"#393f46",hovered:"#000000",selected:"#000000",disabled:"#6b7886"},border:{enabled:"#a5aab0",hovered:"#a5aab0",selected:"#0d6180",disabled:"#a5aab0"}},spacing:{padding:{vertical:"8px",horizontal:"16px"},gap:{horizontal:"8px",vertical:"24px"}},radii:{tabFocusRadius:"6px"}},datePicker:{colors:{surface:{cell:{hovered:"#dcddde",pressed:"#c1c4c6",selected:"#0a779d",selectedDisabled:"#dcddde"},popup:"#ffffff"},onSurface:{cell:{enabled:"#393f46",hovered:"#000000",selected:"#ffffff",pressed:"#000000",selectedDisabled:"#6b7886",disabled:"#6b7886"},today:"#393f46"},border:{todayCell:"#282c31",popup:"#a5aab0"}},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:"#6b7886"},spacing:{padding:"8px"},radii:{overlayPanelRadius:"6px"}},galleria:{colors:{onSurface:{caption:"#000000"}
5628,border:"#a5aab0",surface:{thumbnail:"#ffffff",indicator:{base:"#ffffff",reversed:"rgba(0, 0, 0, 0.7)",dot:{enabled:"#0a779d",disabled:"#dcddde",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:"#dcddde",hovered:"#c1c4c6",selected:"#dcddde",disabled:"#dcddde"},strong:{enabled:"#000000",hovered:"#3d3d3d",selected:"#000000",disabled:"#000000"}},onSurface:{subtle:{enabled:"#393f46",hovered:"#000000",selected:"#000000",disabled:"#6b7886"},strong:{enabled:"#ffffff",hovered:"#ffffff",selected:"#ffffff",disabled:"#88919b"}},border:"#a5aab0"},spacing:{padding:{vertical:"8px",horizontal:"16px"},gap:{horizontal:"8px"},borderSize:"0px"},radii:{headerTabRadius:"6px",headerTabFocusRadius:"4px"}},utilityBar:{colors:{surface:"#ffffff",border:"#a5aab0"},spacing:{padding:{default:{horizontal:"24px",vertical:"4px"},small:{horizontal:"16px"},large:{horizontal:"40px"}},gap:{horizontal:"12px"}}},headerBar:{colors:{surface:"#ffffff",border:"#a5aab0",onSurface:"#393f46"},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:"#e4e5e9",hovered:"#e4e5e9",selected:"#e4e5e9",pressed:"#e4e5e9"},onSurface:{enabled:"#393f46",hovered:"#17191c",selected:"#17191c",pressed:"#17191c"}},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:"#6b7886",surface:"#e4e5e9"}},footer:{colors:{surface:{enabled:"#e4e5e9",hovered:"#e4e5e9",pressed:"#e4e5e9",selected:"#e4e5e9",subLevel:{enabled:"#c6c7d0",hovered:"#c6c7d0",pressed:"#c6c7d0",selected:"#c6c7d0"}},onSurface:{enabled:"#393f46",hovered:"#17191c",pressed:"#17191c",selected:"#17191c"},border:"#6b7886"},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:"#a5aab0",onSurface:{enabled:"#000000",success:"#008938",disabled:"#6b7886"}},spacing:{gap:{default:{vertical:"16px",horizontal:"4px"},small:{vertical:"12px"},XSmall:{vertical:"8px"}},padding:"16px"},strengthMeter:{radii:{strengthMeterRadius:"2px"},colors:{surface:{neutral:"#c1c4c6",danger:"#d70000",warning:"#a9670a",success:"#008938"}},spacing:{gap:"1px"}},radii:{passwordPanelRadius:"6px"}},spacing:{gap:{vertical:"4px"}}},drawer:{colors:{surface:"#ffffff",overlay:"rgba(0, 0, 0, 0.4)",border:"#a5aab0"},spacing:{padding:"24px"}},table:{colors:{surface:{cell:{base:{enabled:"#ffffff",hovered:"#f6f6f6",pressed:"#dcddde",selected:"#c4e7f1"},striped:{enabled:"#dcddde",hovered:"#c1c4c6",pressed:"#c1c4c6",selected:"#c4e7f1"}},tableSurface:"#ffffff",headerFooter:{base:"#ffffff",neutral:"#dcddde"}},border:{tableBorder:"#a5aab0",dropBorder:"#00a2d9"},onSurface:{text:"#393f46",icon:"#4a525b"}},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:"#a5aab0"},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:"#393f46",hovered:"#282c31",pressed:"#0a779d",disabled:"#6b7886"},selected:{enabled:"#0a779d",hovered:"#0d6180",pressed:"#0e4458",disabled:"#6b7886"}}},spacing:{padding:{allSide:"16px"}},radii:{ratingFocusRadius:"6px"}},panel:{colors:{surface:"#ffffff",onSurface:{base:"#000000",neutral:"#5a6571"},border:"#6b7886"},spacing:{padding:"16px",gap:"8px"},radii:{panelRadius:"6px"}},label:{colors:{onSurface:{base:"#000000",neutral:"#4a525b",danger:"#b20202"}},spacing:{gap:{horizontal:"4px"}}},avatar:{colors:{surface:"#dcddde",onSurface:"#393f46",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:"#dcddde",enabled:"#dcddde",hovered:"#c1c4c6",pressed:"#a5aab0"}},selected:{basic:{enabled:"#ffffff",hovered:"#ffffff",pressed:"#ffffff",disabled:"#ffffff"},rectangle:{enabled:"#ffffff",hovered:"#ffffff",pressed:"#ffffff",disabled:"#ffffff"}}},onSurface:{unselected:{bare:{disabled:"#6b7886",pressed:"#0e4458",hovered:"#0d6180",enabled:"#0a779d"},basic:{disabled:"#6b7886",pressed:"#17191c",hovered:"#282c31",enabled:"#393f46"},rectangle:{enabled:"#393f46",hovered:"#282c31",pressed:"#17191c",disabled:"#6b7886"},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:"#0a779d",hovered:"#0d6180",pressed:"#0e4458",disabled:"#6b7886"},basic:{enabled:"#0a779d",hovered:"#0d6180",pressed:"#0e4458",disabled:"#6b7886"},bare:{enabled:"#0a779d",hovered:"#0d6180",pressed:"#0e4458",disabled:"#6b7886"}}},border:"#6b7886"},radii:{toggleIconRadius:"6px",toggleIconCircleRadius:"9999px",toggleIconFocusRadius:"8px",toggleIconCircleFocusRadius:"9999px"},spacing:{padding:{allSide:"8px",vertical:"4px"}}},autocomplete:{spacing:{gap:{vertical:"4px"}},dropdown:{colors:{surface:{pressed:"#dcddde",hovered:"#f6f6f6"},onSurface:{pressed:"#17191c",hovered:"#282c31",enabled:"#393f46",disabled:"#6b7886"},border:{disabled:"#a5aab0",enabled:"#6b7886",hovered:"#6b7886",pressed:"#6b7886"}},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:"#4a525b",disabled:"#6b7886",enabled:"#5a6571"}}},listbox:{colors:{surface:"#ffffff",border:"#6b7886",onSurface:{neutral:"#5a6571",base:"#000000"}},radii:{listboxRadius:"6px",listboxScrollRadius:"6px"},spacing:{padding:{allSide:"4px"},gap:{vertical:"8px"}},listboxOption:{colors:{surface:{hovered:"#dcddde",selected:"#c4e7f1"},onSurface:{enabled:"#393f46",hovered:"#282c31",selected:"#0d6180",disabled:"#6b7886",grouped:"#5a6571"}},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:"#dcddde",selected:"#c4e7f1"},onSurface:{neutral:{enabled:"#393f46",hovered:"#282c31",selected:"#0d6180",disabled:"#6b7886",grouped:"#5a6571"},danger:{enabled:"#b20202",hovered:"#920402",selected:"#700403"},group:{basic:"#5a6571",strong:"#17191c"}}},spacing:{padding:{vertical:"6px",horizontal:"10px"},gap:{horizontal:"4px"}},radii:{menuOptionRadius:"6px"}},colors:{surface:"#ffffff",border:"#6b7886"},spacing:{padding:{vertical:"8px",horizontal:"12px",allSide:"4px"}},radii:{menuRadius:"6px"},menuBar:{border:"#6b7886",spacing:{gap:{horizontal:"8px"}}}},fileUpload:{colors:{surface:"#ffffff",onSurface:{base:"#000000",neutral:"#5a6571"},border:"#6b7886"},spacing:{gap:{small:"8px",large:"24px",default:"16px"},padding:"24px"}
5628,radii:{fileUploadRadius:"6px"}}}}};export{e as DuluxTheme};
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.