pdap-design-system 2.6.0 → 2.7.0-beta.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (16) hide show
  1. package/dist/components/Breadcrumbs/PdapBreadcrumbs.vue.d.ts +2 -0
  2. package/dist/components/Breadcrumbs/index.d.ts +2 -0
  3. package/dist/components/Form/types.d.ts +3 -3
  4. package/dist/components/Input/Checkbox/InputCheckbox.vue.d.ts +16 -0
  5. package/dist/components/Input/PdapInput.vue.d.ts +2 -8
  6. package/dist/components/Input/Text/InputText.vue.d.ts +18 -0
  7. package/dist/components/Input/types.d.ts +3 -3
  8. package/dist/components/index.d.ts +1 -0
  9. package/dist/index.cjs +2 -2
  10. package/dist/index.js +804 -722
  11. package/dist/styles.css +1 -1
  12. package/dist/utils/breadcrumbs.d.ts +7 -0
  13. package/dist/utils/breadcrumbs.test.d.ts +1 -0
  14. package/docs/components.md +117 -88
  15. package/package.json +1 -1
  16. package/dist/components/Input/utils.d.ts +0 -4
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- .pdap-button{display:inline-block;width:100%;cursor:pointer;border-radius:0;border-width:2px;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity));padding:.5rem 1.5rem;text-align:center;font-size:1.125rem;font-weight:600;text-decoration-thickness:0px}.pdap-button:disabled{opacity:.5}.pdap-button:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 640px){.pdap-button{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}}@media (min-width: 1024px){.pdap-button{font-size:1.25rem}}.pdap-button-primary{display:inline-block;width:100%;cursor:pointer;border-radius:0;border-width:2px;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity));padding:.5rem 1.5rem;text-align:center;font-size:1.125rem;font-weight:600;text-decoration-thickness:0px}.pdap-button-primary:disabled{opacity:.5}.pdap-button-primary:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 640px){.pdap-button-primary{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}}@media (min-width: 1024px){.pdap-button-primary{font-size:1.25rem}}.pdap-button-primary{--tw-bg-opacity: 1;background-color:rgba(var(--color-brand-gold)/var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.pdap-button-primary[type=submit]{--tw-bg-opacity: 1;background-color:rgba(var(--color-brand-gold)/var(--tw-bg-opacity))}.pdap-button-secondary{display:inline-block;width:100%;cursor:pointer;border-radius:0;border-width:2px;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity));padding:.5rem 1.5rem;text-align:center;font-size:1.125rem;font-weight:600;text-decoration-thickness:0px}.pdap-button-secondary:disabled{opacity:.5}.pdap-button-secondary:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 640px){.pdap-button-secondary{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}}@media (min-width: 1024px){.pdap-button-secondary{font-size:1.25rem}}.pdap-button-secondary{border-width:2px;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--color-brand-gold)/var(--tw-text-opacity))}.pdap-button-secondary[type=submit]{background-color:transparent}.pdap-button-tertiary{display:inline-block;width:100%;cursor:pointer;border-radius:0;border-width:2px;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity));padding:.5rem 1.5rem;text-align:center;font-size:1.125rem;font-weight:600;text-decoration-thickness:0px}.pdap-button-tertiary:disabled{opacity:.5}.pdap-button-tertiary:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 640px){.pdap-button-tertiary{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}}@media (min-width: 1024px){.pdap-button-tertiary{font-size:1.25rem}}.pdap-button-tertiary{border-width:2px;border-color:transparent;background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity))}.pdap-button-tertiary[type=submit]{background-color:transparent}.pdap-footer{position:relative;margin-left:auto;margin-right:auto;margin-top:auto;--tw-bg-opacity: 1;background-color:rgba(var(--color-brand-wine)/var(--tw-bg-opacity));padding-left:.5rem;padding-right:.5rem;padding-top:.5rem;padding-bottom:0;text-align:center;font-size:1.125rem;--tw-text-opacity: 1;color:rgba(255,251,250,var(--tw-text-opacity))}@media (min-width: 768px){.pdap-footer{padding:2rem .5rem}}.pdap-footer-social-links{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:center;justify-content:center;gap:.5rem}@media (min-width: 768px){.pdap-footer-social-links{flex-wrap:nowrap}}.pdap-footer-social-links>*{margin-bottom:.5rem}.pdap-footer .pdap-flex-container>*{margin-bottom:.5rem;color:inherit}.pdap-footer-widget-links{margin-top:1.5rem;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center}.pdap-footer-logo{margin-left:1.75rem;width:10rem;--tw-invert: invert(100%);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.pdap-footer-logo img{width:100%}.pdap-nav-link-container{position:relative;display:inline-block;flex-basis:max-content;list-style-type:none;vertical-align:top}@media (min-width: 1024px){.pdap-nav-link-container{margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem;flex-shrink:0}}.pdap-footer-social-link{margin-left:.25rem;margin-right:.25rem;display:inline-block;width:100%;cursor:pointer;border-radius:0;border-width:2px;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--color-brand-gold)/var(--tw-bg-opacity));padding:.5rem 1.5rem;text-align:center;font-size:1.125rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));text-decoration-thickness:0px}.pdap-footer-social-link:disabled{opacity:.5}.pdap-footer-social-link:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 640px){.pdap-footer-social-link{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}}@media (min-width: 1024px){.pdap-footer-social-link{font-size:1.25rem}}.pdap-input{margin-bottom:.75rem;display:-webkit-box;display:flex;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;gap:1rem;line-height:1.5}.pdap-grid-container.pdap-input{gap:0px;padding:0}.pdap-input input{border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgba(var(--color-neutral-500)/var(--tw-border-opacity));padding:.5rem .75rem;--tw-text-opacity: 1;color:rgba(0,0,0,var(--tw-text-opacity))}@media (prefers-color-scheme: dark){.pdap-input input{--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-950)/var(--tw-bg-opacity))}}.pdap-input input::-webkit-input-placeholder{font-size:1.125rem;--tw-text-opacity: 1;color:rgba(var(--color-neutral-600)/var(--tw-text-opacity))}.pdap-input input::-moz-placeholder{font-size:1.125rem;--tw-text-opacity: 1;color:rgba(var(--color-neutral-600)/var(--tw-text-opacity))}.pdap-input input::-ms-input-placeholder{font-size:1.125rem;--tw-text-opacity: 1;color:rgba(var(--color-neutral-600)/var(--tw-text-opacity))}.pdap-input input::placeholder{font-size:1.125rem;--tw-text-opacity: 1;color:rgba(var(--color-neutral-600)/var(--tw-text-opacity))}.pdap-input input:focus,.pdap-input input:focus-within,.pdap-input input:focus-visible{border-width:2px;border-style:solid;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-blue-light)/var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px}.pdap-input label{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;padding-top:.25rem;padding-bottom:.25rem;font-size:1.125rem;font-weight:500}.pdap-input-error{flex-wrap:wrap;row-gap:0}.pdap-input-error label{-webkit-box-pack:start;justify-content:flex-start;font-size:.875rem}.pdap-input-error input{--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity))}@media (prefers-color-scheme: dark){.pdap-input-error input{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity))}}.pdap-input-error-message{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start;--tw-bg-opacity: 1;background-color:rgb(252 165 165 / var(--tw-bg-opacity));padding:.25rem;font-size:.75rem;--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.pdap-input input[type=text]{height:3rem;font-size:1.125rem}.pdap-input input[type=checkbox]{height:1.5rem;width:1.5rem;accent-color:rgba(var(--color-brand-gold)/1)}.pdap-input input[type=checkbox]~label{padding-left:0}.pdap-form{margin-bottom:1rem;width:100%}.pdap-form-error-message{margin-bottom:.75rem;display:-webkit-box;display:flex;flex-shrink:1;flex-basis:100%;-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start;--tw-bg-opacity: 1;background-color:rgb(252 165 165 / var(--tw-bg-opacity));padding:.5rem;font-size:.875rem;--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.pdap-grid-item{grid-column:span 1 / span 1;grid-row:span 1 / span 1}@media (min-width: 768px){.pdap-grid-item-span-column-2{grid-column:span 2 / span 2}}.pdap-grid-item-span-column-3{grid-column:span 1 / span 1}@media (min-width: 768px){.pdap-grid-item-span-column-3{grid-column:span 2 / span 2}}@media (min-width: 1024px){.pdap-grid-item-span-column-3{grid-column:span 3 / span 3}}.pdap-nav{position:relative;z-index:40;display:-webkit-box;display:flex;-webkit-box-align:start;align-items:flex-start;--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-300)/var(--tw-bg-opacity))}@media not all and (min-width: 1024px){.pdap-nav{position:absolute;left:0;top:104px;height:calc(100vh - 104px);width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;padding:1.5rem}}@media (min-width: 1024px){.pdap-nav{-webkit-box-pack:center;justify-content:center;background-color:transparent}}@media not all and (min-width: 1024px){.pdap-nav[aria-expanded=false],.pdap-nav-open-button{display:none}}.pdap-nav-link-container{position:relative;display:inline-block;flex-basis:max-content;list-style-type:none;padding:.5rem;vertical-align:top}@media (min-width: 1024px){.pdap-nav-link-container{padding:0;margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem;flex-shrink:0;-webkit-box-flex:1;flex-grow:1}}.pdap-nav-link{padding:.5rem;text-align:left;font-size:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity));text-decoration-thickness:0px}@media (min-width: 1024px){.pdap-nav-link{font-size:1.125rem}}.pdap-nav-link-current{--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity))}@media (min-width: 1024px){.pdap-nav-link-current{outline-style:solid;outline-color:rgba(var(--color-neutral-800)/1)}}.pdap-nav-link-current-exact{--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity))}@media (min-width: 1024px){.pdap-nav-link-current-exact{outline-style:solid;outline-color:rgba(var(--color-neutral-800)/1)}}.pdap-nav-open-button{display:-webkit-box;display:flex;cursor:pointer;-webkit-box-align:center;align-items:center;font-size:1.25rem}@media (min-width: 1024px){.pdap-nav-open-button{display:none}}.pdap-nav-open-button svg{height:1.25rem;fill:rgba(var(--color-neutral-950)/1)}.pdap-header{position:relative;z-index:50;display:-webkit-box;display:flex;width:100%;-webkit-box-pack:justify;justify-content:space-between;--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-50)/var(--tw-bg-opacity));padding:1rem}@media (prefers-color-scheme: dark){.pdap-header{--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-300)/var(--tw-bg-opacity))}}@media (min-width: 768px){.pdap-header{padding:1.5rem}}.logo{position:relative;max-width:80%;text-decoration-thickness:0px}@media (prefers-color-scheme: dark){.logo{--tw-invert: invert(100%);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}}@media (min-width: 500px){.logo{max-width:none}}.pdap-quick-search-form .pdap-input{display:-webkit-box;display:flex;flex-shrink:0;-webkit-box-flex:1;flex-grow:1;flex-basis:45%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;row-gap:0px}.pdap-quick-search-form .pdap-input-label{-webkit-box-pack:start;justify-content:flex-start}.pdap-tile-icon{height:auto;max-width:7.5rem}@tailwind components;@tailwind base;@tailwind utilities;*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Libre Franklin,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Source Code Pro,monospace,ui-monospace,SFMono-Regular;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;-webkit-font-feature-settings:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--color-neutral-50: 255 255 255;--color-neutral-100: 255 253 253;--color-neutral-200: 255 251 250;--color-neutral-300: 204 204 204;--color-neutral-400: 191 192 192;--color-neutral-500: 153 153 153;--color-neutral-600: 97 97 97;--color-neutral-700: 51 51 51;--color-neutral-800: 34 34 34;--color-neutral-900: 26 26 26;--color-neutral-950: 0 0 0;--color-brand-blue-light: 56 152 236;--color-brand-blue-medium: 0 130 243;--color-brand-gold: 213 162 60;--color-brand-wine: 81 42 79}@media (prefers-color-scheme: dark){:root{--color-neutral-50: 0 0 0;--color-neutral-100: 26 26 26;--color-neutral-200: 34 34 34;--color-neutral-300: 51 51 51;--color-neutral-400: 97 97 97;--color-neutral-500: 153 153 153;--color-neutral-600: 191 192 192;--color-neutral-700: 204 204 204;--color-neutral-800: 255 251 250;--color-neutral-800: 255 253 253;--color-neutral-950: 255 255 255}}*{-webkit-box-sizing:border-box;box-sizing:border-box}html,body,#app{height:100%}body{margin:0;min-height:100%;--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-50)/var(--tw-bg-opacity));font-family:Libre Franklin,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.25rem;font-weight:300;line-height:1.5;--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity))}@media (min-width: 1024px){body{font-size:1.5rem}}main{padding:2rem}img{display:inline-block;max-width:100%;vertical-align:middle}h1,h2,h3,h4,h5,h6{font-family:Libre Franklin,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.25}h3,h4{--tw-text-opacity: 1;color:rgba(var(--color-brand-wine)/var(--tw-text-opacity))}@media (prefers-color-scheme: dark){h3,h4{--tw-text-opacity: 1;color:rgba(var(--color-neutral-500)/var(--tw-text-opacity))}}h4,h5,h6{margin-bottom:.625rem;margin-top:.625rem}h1:first-child{margin-top:0}h1.pdap-grid-item,h2.pdap-grid-item,h3.pdap-grid-item,h4.pdap-grid-item,h5.pdap-grid-item,h6.pdap-grid-item{margin-top:0;margin-bottom:0}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1{margin-top:3rem;margin-bottom:1rem;font-size:2.625rem;font-weight:500}h2{margin-bottom:1rem;margin-top:2rem;font-size:1.5rem;font-weight:700}@media (min-width: 768px){h2{font-size:2rem}}h3{margin-bottom:.5rem;margin-top:2rem;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}@media (min-width: 768px){h3{font-size:1.125rem}}h4{font-size:1.125rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em}h5{font-size:1.75rem;font-weight:300;font-style:italic}h6{font-size:1.125rem;font-weight:300;text-transform:uppercase;letter-spacing:.8125rem}a{--tw-text-opacity: 1;color:rgba(var(--color-brand-gold)/var(--tw-text-opacity));-webkit-text-decoration-style:solid;text-decoration-style:solid;text-decoration-thickness:6%;text-underline-offset:5%}a:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}p{margin-bottom:.5rem;margin-top:0}p,li{max-width:45ch}strong{font-weight:600}code{max-width:100%;font-family:Source Code Pro,monospace,ui-monospace,SFMono-Regular;font-weight:400;--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity))}p>code,li>code,pre code{background-color:rgba(var(--color-brand-wine)/var(--tw-bg-opacity));--tw-bg-opacity: .05}p>code,li>code{border-radius:.125rem;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.25rem .5rem;word-wrap:break-word}pre code{display:block;max-width:100%;overflow:scroll;white-space:pre;border-width:1px;border-style:solid;border-color:rgba(var(--color-brand-wine)/var(--tw-border-opacity));--tw-border-opacity: .2;padding:1.25rem;text-align:left;font-size:1.25rem}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 500px){.container{max-width:500px}}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pdap-grid-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-left:auto;margin-right:auto;display:grid;height:auto;width:100%;gap:1rem}@media (min-width: 500px){.pdap-grid-container{max-width:48rem}}@media (min-width: 768px){.pdap-grid-container{gap:2rem}}@media (min-width: 1024px){.pdap-grid-container{max-width:59rem}}.columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.columns-2{grid-template-columns:repeat(1,minmax(0,1fr));-webkit-box-align:start;align-items:flex-start}@media (min-width: 768px){.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.columns-3{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){.columns-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.pdap-flex-container{margin-left:auto;margin-right:auto;display:-webkit-box;display:flex;height:auto;width:100%;max-width:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:start;align-items:flex-start;-webkit-box-pack:start;justify-content:flex-start;gap:.5rem}@media (min-width: 500px){.pdap-flex-container{max-width:48rem}}@media (min-width: 1024px){.pdap-flex-container{max-width:59rem}}.pdap-flex-container-center{margin-left:auto;margin-right:auto;display:-webkit-box;display:flex;height:auto;width:100%;max-width:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:start;align-items:flex-start;-webkit-box-pack:start;justify-content:flex-start;gap:.5rem}@media (min-width: 500px){.pdap-flex-container-center{max-width:48rem}}@media (min-width: 1024px){.pdap-flex-container-center{max-width:59rem}}.pdap-flex-container-center{-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.relative{position:relative}.col-span-1{grid-column:span 1 / span 1}.col-span-full{grid-column:1 / -1}.col-start-1{grid-column-start:1}.col-end-\[-1\]{grid-column-end:-1}.m-0{margin:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.mb-0{margin-bottom:0}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-\[\.625rem\]{margin-bottom:.625rem}.ml-7{margin-left:1.75rem}.mt-0{margin-top:0}.mt-12{margin-top:3rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-8{margin-top:2rem}.mt-\[\.625rem\]{margin-top:.625rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:-webkit-box;display:flex}.grid{display:grid}.h-12{height:3rem}.h-6{height:1.5rem}.h-\[full\]{height:full}.h-\[max-content\]{height:-webkit-max-content;height:-moz-max-content;height:max-content}.h-auto{height:auto}.h-full{height:100%}.max-h-\[75-vh\]{max-height:75-vh}.w-6{width:1.5rem}.w-\[10rem\]{width:10rem}.w-full{width:100%}.max-w-\[45ch\]{max-width:45ch}.max-w-\[7\.5rem\]{max-width:7.5rem}.max-w-\[80\%\]{max-width:80%}.max-w-\[max-content\]{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}.max-w-\[unset\]{max-width:unset}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow{-webkit-box-flex:1;flex-grow:1}.flex-grow-0{-webkit-box-flex:0;flex-grow:0}.basis-\[45\%\]{flex-basis:45%}.basis-\[max-content\]{flex-basis:max-content}.basis-full{flex-basis:100%}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.columns-1{-webkit-columns:1;-moz-columns:1;columns:1}.columns-2{-webkit-columns:2;-moz-columns:2;columns:2}.columns-3{-webkit-columns:3;-moz-columns:3;columns:3}.grid-cols-\[auto\]{grid-template-columns:auto}.grid-rows-\[auto\]{grid-template-rows:auto}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{-webkit-box-align:start;align-items:flex-start}.items-center{-webkit-box-align:center;align-items:center}.justify-start{-webkit-box-pack:start;justify-content:flex-start}.justify-center{-webkit-box-pack:center;justify-content:center}.justify-between{-webkit-box-pack:justify;justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-x-4{-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.overflow-scroll{overflow:scroll}.rounded-none{border-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-\[1px\]{border-width:1px}.border-solid{border-style:solid}.border-brand-blue-light{--tw-border-opacity: 1;border-color:rgba(var(--color-brand-blue-light)/var(--tw-border-opacity))}.border-brand-gold{--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity))}.border-brand-wine{--tw-border-opacity: 1;border-color:rgba(var(--color-brand-wine)/var(--tw-border-opacity))}.border-neutral-500{--tw-border-opacity: 1;border-color:rgba(var(--color-neutral-500)/var(--tw-border-opacity))}.border-red-800{--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-opacity-20{--tw-border-opacity: .2}.bg-brand-gold{--tw-bg-opacity: 1;background-color:rgba(var(--color-brand-gold)/var(--tw-bg-opacity))}.bg-brand-wine{--tw-bg-opacity: 1;background-color:rgba(var(--color-brand-wine)/var(--tw-bg-opacity))}.bg-neutral-300{--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-300)/var(--tw-bg-opacity))}.bg-neutral-50{--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-50)/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity: 1;background-color:rgb(252 165 165 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.box-decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.fill-neutral-950{fill:rgba(var(--color-neutral-950)/1)}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-4{padding-bottom:1rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-mono{font-family:Source Code Pro,monospace,ui-monospace,SFMono-Regular}.font-sans{font-family:Libre Franklin,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.text-\[2\.625rem\]{font-size:2.625rem}.text-lg{font-size:1.125rem}.text-med{font-size:1rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-normal{line-height:1.5}.tracking-\[\.07em\]{letter-spacing:.07em}.tracking-\[\.1em\]{letter-spacing:.1em}.tracking-\[\.8125rem\]{letter-spacing:.8125rem}.text-\[rgba\(0\,0\,0\)\]{--tw-text-opacity: 1;color:rgba(0,0,0,var(--tw-text-opacity))}.text-\[rgba\(255\,251\,250\)\]{--tw-text-opacity: 1;color:rgba(255,251,250,var(--tw-text-opacity))}.text-brand-gold{--tw-text-opacity: 1;color:rgba(var(--color-brand-gold)/var(--tw-text-opacity))}.text-brand-wine{--tw-text-opacity: 1;color:rgba(var(--color-brand-wine)/var(--tw-text-opacity))}.text-neutral-600{--tw-text-opacity: 1;color:rgba(var(--color-neutral-600)/var(--tw-text-opacity))}.text-neutral-950{--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.decoration-solid{-webkit-text-decoration-style:solid;text-decoration-style:solid}.decoration-0{text-decoration-thickness:0px}.decoration-\[6\%\]{text-decoration-thickness:6%}.underline-offset-\[5\%\]{text-underline-offset:5%}.invert{--tw-invert: invert(100%);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.lock-scroll{overflow:hidden}.col-span-full{grid-column-start:1;grid-column-end:-1}.hover\:brightness-85:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.disabled\:opacity-50:disabled{opacity:.5}@media (prefers-color-scheme: dark){.dark\:bg-neutral-300{--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-300)/var(--tw-bg-opacity))}.dark\:bg-neutral-950{--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-950)/var(--tw-bg-opacity))}.dark\:invert{--tw-invert: invert(100%);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}}@media not all and (min-width: 1024px){.max-lg\:absolute{position:absolute}.max-lg\:left-0{left:0}.max-lg\:top-\[104px\]{top:104px}.max-lg\:hidden{display:none}.max-lg\:h-\[calc\(100vh-104px\)\]{height:calc(100vh - 104px)}.max-lg\:flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.max-lg\:p-6{padding:1.5rem}}@media (min-width: 500px){.xs\:max-w-3xl{max-width:48rem}}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-8{gap:2rem}.md\:p-6{padding:1.5rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:pb-8{padding-bottom:2rem}}@media (min-width: 1024px){.lg\:mx-2{margin-left:.5rem;margin-right:.5rem}.lg\:hidden{display:none}.lg\:flex-shrink-0{flex-shrink:0}.lg\:flex-grow{-webkit-box-flex:1;flex-grow:1}.lg\:justify-center{-webkit-box-pack:center;justify-content:center}.lg\:bg-transparent{background-color:transparent}.lg\:p-0{padding:0}.lg\:text-lg{font-size:1.125rem}.lg\:text-xl{font-size:1.25rem}.lg\:outline{outline-style:solid}.lg\:outline-neutral-800{outline-color:rgba(var(--color-neutral-800)/1)}}
1
+ .pdap-button{display:inline-block;width:100%;cursor:pointer;border-radius:0;border-width:2px;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity));padding:.5rem 1.5rem;text-align:center;font-size:1.125rem;font-weight:600;text-decoration-thickness:0px}.pdap-button:disabled{opacity:.5}.pdap-button:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 640px){.pdap-button{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}}@media (min-width: 1024px){.pdap-button{font-size:1.25rem}}.pdap-button-primary{display:inline-block;width:100%;cursor:pointer;border-radius:0;border-width:2px;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity));padding:.5rem 1.5rem;text-align:center;font-size:1.125rem;font-weight:600;text-decoration-thickness:0px}.pdap-button-primary:disabled{opacity:.5}.pdap-button-primary:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 640px){.pdap-button-primary{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}}@media (min-width: 1024px){.pdap-button-primary{font-size:1.25rem}}.pdap-button-primary{--tw-bg-opacity: 1;background-color:rgba(var(--color-brand-gold)/var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.pdap-button-primary[type=submit]{--tw-bg-opacity: 1;background-color:rgba(var(--color-brand-gold)/var(--tw-bg-opacity))}.pdap-button-secondary{display:inline-block;width:100%;cursor:pointer;border-radius:0;border-width:2px;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity));padding:.5rem 1.5rem;text-align:center;font-size:1.125rem;font-weight:600;text-decoration-thickness:0px}.pdap-button-secondary:disabled{opacity:.5}.pdap-button-secondary:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 640px){.pdap-button-secondary{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}}@media (min-width: 1024px){.pdap-button-secondary{font-size:1.25rem}}.pdap-button-secondary{border-width:2px;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--color-brand-gold)/var(--tw-text-opacity))}.pdap-button-secondary[type=submit]{background-color:transparent}.pdap-button-tertiary{display:inline-block;width:100%;cursor:pointer;border-radius:0;border-width:2px;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity));padding:.5rem 1.5rem;text-align:center;font-size:1.125rem;font-weight:600;text-decoration-thickness:0px}.pdap-button-tertiary:disabled{opacity:.5}.pdap-button-tertiary:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 640px){.pdap-button-tertiary{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}}@media (min-width: 1024px){.pdap-button-tertiary{font-size:1.25rem}}.pdap-button-tertiary{border-width:2px;border-color:transparent;background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity))}.pdap-button-tertiary[type=submit]{background-color:transparent}.pdap-footer{position:relative;margin-left:auto;margin-right:auto;margin-top:auto;--tw-bg-opacity: 1;background-color:rgba(var(--color-brand-wine)/var(--tw-bg-opacity));padding-left:.5rem;padding-right:.5rem;padding-top:.5rem;padding-bottom:0;text-align:center;font-size:1.125rem;--tw-text-opacity: 1;color:rgba(255,251,250,var(--tw-text-opacity))}@media (min-width: 768px){.pdap-footer{padding:2rem .5rem}}.pdap-footer-social-links{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:center;justify-content:center;gap:.5rem}@media (min-width: 768px){.pdap-footer-social-links{flex-wrap:nowrap}}.pdap-footer-social-links>*{margin-bottom:.5rem}.pdap-footer .pdap-flex-container>*{margin-bottom:.5rem;color:inherit}.pdap-footer-widget-links{margin-top:1.5rem;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center}.pdap-footer-logo{margin-left:1.75rem;width:10rem;--tw-invert: invert(100%);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.pdap-footer-logo img{width:100%}.pdap-nav-link-container{position:relative;display:inline-block;flex-basis:max-content;list-style-type:none;vertical-align:top}@media (min-width: 1024px){.pdap-nav-link-container{margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem;flex-shrink:0}}.pdap-footer-social-link{margin-left:.25rem;margin-right:.25rem;display:inline-block;width:100%;cursor:pointer;border-radius:0;border-width:2px;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--color-brand-gold)/var(--tw-bg-opacity));padding:.5rem 1.5rem;text-align:center;font-size:1.125rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));text-decoration-thickness:0px}.pdap-footer-social-link:disabled{opacity:.5}.pdap-footer-social-link:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 640px){.pdap-footer-social-link{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}}@media (min-width: 1024px){.pdap-footer-social-link{font-size:1.25rem}}.pdap-input{margin-bottom:.75rem;display:-webkit-box;display:flex;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;gap:1rem;line-height:1.5}.pdap-input input{border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgba(var(--color-neutral-500)/var(--tw-border-opacity));padding:.5rem .75rem;--tw-text-opacity: 1;color:rgba(0,0,0,var(--tw-text-opacity))}@media (prefers-color-scheme: dark){.pdap-input input{--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-950)/var(--tw-bg-opacity))}}.pdap-input input::-webkit-input-placeholder{font-size:1.125rem;--tw-text-opacity: 1;color:rgba(var(--color-neutral-600)/var(--tw-text-opacity))}.pdap-input input::-moz-placeholder{font-size:1.125rem;--tw-text-opacity: 1;color:rgba(var(--color-neutral-600)/var(--tw-text-opacity))}.pdap-input input::-ms-input-placeholder{font-size:1.125rem;--tw-text-opacity: 1;color:rgba(var(--color-neutral-600)/var(--tw-text-opacity))}.pdap-input input::placeholder{font-size:1.125rem;--tw-text-opacity: 1;color:rgba(var(--color-neutral-600)/var(--tw-text-opacity))}.pdap-input input:focus,.pdap-input input:focus-within,.pdap-input input:focus-visible{border-width:2px;border-style:solid;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-blue-light)/var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px}.pdap-input label{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;padding-top:.25rem;padding-bottom:.25rem;font-size:1.125rem;font-weight:500}.pdap-input-error{flex-wrap:wrap;row-gap:0}.pdap-input-error label{-webkit-box-pack:start;justify-content:flex-start;font-size:.875rem}.pdap-input-error input{--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity))}@media (prefers-color-scheme: dark){.pdap-input-error input{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity))}}.pdap-input-error-message{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start;--tw-bg-opacity: 1;background-color:rgb(252 165 165 / var(--tw-bg-opacity));padding:.25rem;font-size:.75rem;--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.pdap-input input[type=text]{height:3rem;font-size:1.125rem}.pdap-input-checkbox{width:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;gap:1rem;border-width:2px;border-color:transparent;padding:.25rem .5rem}.pdap-input-checkbox-checked{border-radius:.375rem;border-width:2px;border-style:solid;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity))}.pdap-input input[type=checkbox]{height:1.5rem;width:1.5rem;accent-color:rgba(var(--color-brand-gold)/1)}.pdap-input input[type=checkbox]~label{width:100%;max-width:100%;padding-left:0}.pdap-input input[type=checkbox],.pdap-input input[type=checkbox]~label{cursor:pointer}.pdap-form{margin-bottom:1rem;width:100%}.pdap-form-error-message{margin-bottom:.75rem;display:-webkit-box;display:flex;flex-shrink:1;flex-basis:100%;-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start;--tw-bg-opacity: 1;background-color:rgb(252 165 165 / var(--tw-bg-opacity));padding:.5rem;font-size:.875rem;--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.pdap-grid-item{grid-column:span 1 / span 1;grid-row:span 1 / span 1}@media (min-width: 768px){.pdap-grid-item-span-column-2{grid-column:span 2 / span 2}}.pdap-grid-item-span-column-3{grid-column:span 1 / span 1}@media (min-width: 768px){.pdap-grid-item-span-column-3{grid-column:span 2 / span 2}}@media (min-width: 1024px){.pdap-grid-item-span-column-3{grid-column:span 3 / span 3}}.pdap-nav{position:relative;z-index:40;display:-webkit-box;display:flex;-webkit-box-align:start;align-items:flex-start;--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-300)/var(--tw-bg-opacity))}@media not all and (min-width: 1024px){.pdap-nav{position:absolute;left:0;top:104px;height:calc(100vh - 104px);width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;padding:1.5rem}}@media (min-width: 1024px){.pdap-nav{-webkit-box-pack:center;justify-content:center;background-color:transparent}}@media not all and (min-width: 1024px){.pdap-nav[aria-expanded=false],.pdap-nav-open-button{display:none}}.pdap-nav-link-container{position:relative;display:inline-block;flex-basis:max-content;list-style-type:none;padding:.5rem;vertical-align:top}@media (min-width: 1024px){.pdap-nav-link-container{padding:0;margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem;flex-shrink:0;-webkit-box-flex:1;flex-grow:1}}.pdap-nav-link{padding:.5rem;text-align:left;font-size:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity));text-decoration-thickness:0px}@media (min-width: 1024px){.pdap-nav-link{font-size:1.125rem}}.pdap-nav-link-current{--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity))}@media (min-width: 1024px){.pdap-nav-link-current{outline-style:solid;outline-color:rgba(var(--color-neutral-800)/1)}}.pdap-nav-link-current-exact{--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity))}@media (min-width: 1024px){.pdap-nav-link-current-exact{outline-style:solid;outline-color:rgba(var(--color-neutral-800)/1)}}.pdap-nav-open-button{display:-webkit-box;display:flex;cursor:pointer;-webkit-box-align:center;align-items:center;font-size:1.25rem}@media (min-width: 1024px){.pdap-nav-open-button{display:none}}.pdap-nav-open-button svg{height:1.25rem;fill:rgba(var(--color-neutral-950)/1)}.pdap-header{position:relative;z-index:50;display:-webkit-box;display:flex;width:100%;-webkit-box-pack:justify;justify-content:space-between;--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-50)/var(--tw-bg-opacity));padding:1rem}@media (prefers-color-scheme: dark){.pdap-header{--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-300)/var(--tw-bg-opacity))}}@media (min-width: 768px){.pdap-header{padding:1.5rem}}.logo{position:relative;max-width:80%;text-decoration-thickness:0px}@media (prefers-color-scheme: dark){.logo{--tw-invert: invert(100%);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}}@media (min-width: 500px){.logo{max-width:none}}.pdap-quick-search-form .pdap-input{display:-webkit-box;display:flex;flex-shrink:0;-webkit-box-flex:1;flex-grow:1;flex-basis:45%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;row-gap:0px}.pdap-quick-search-form .pdap-input-label{-webkit-box-pack:start;justify-content:flex-start}.pdap-tile-icon{height:auto;max-width:7.5rem}.pdap-breadcrumbs[data-v-91ca33c0],.pdap-breadcrumbs li[data-v-91ca33c0]{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.pdap-breadcrumbs li[data-v-91ca33c0]:not(:first-child):before{margin-left:.5rem;margin-right:.5rem;content:"/"}.pdap-breadcrumbs .is-active[data-v-91ca33c0]{--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity))}.pdap-breadcrumbs-enter-active[data-v-91ca33c0],.pdap-breadcrumbs-leave-active[data-v-91ca33c0]{-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.pdap-breadcrumbs-enter-from[data-v-91ca33c0],.pdap-breadcrumbs-leave-to[data-v-91ca33c0]{opacity:0}@tailwind components;@tailwind base;@tailwind utilities;*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Libre Franklin,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Source Code Pro,monospace,ui-monospace,SFMono-Regular;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;-webkit-font-feature-settings:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--color-neutral-50: 255 255 255;--color-neutral-100: 255 253 253;--color-neutral-200: 255 251 250;--color-neutral-300: 204 204 204;--color-neutral-400: 191 192 192;--color-neutral-500: 153 153 153;--color-neutral-600: 97 97 97;--color-neutral-700: 51 51 51;--color-neutral-800: 34 34 34;--color-neutral-900: 26 26 26;--color-neutral-950: 0 0 0;--color-brand-blue-light: 56 152 236;--color-brand-blue-medium: 0 130 243;--color-brand-gold: 213 162 60;--color-brand-wine: 81 42 79}@media (prefers-color-scheme: dark){:root{--color-neutral-50: 0 0 0;--color-neutral-100: 26 26 26;--color-neutral-200: 34 34 34;--color-neutral-300: 51 51 51;--color-neutral-400: 97 97 97;--color-neutral-500: 153 153 153;--color-neutral-600: 191 192 192;--color-neutral-700: 204 204 204;--color-neutral-800: 255 251 250;--color-neutral-800: 255 253 253;--color-neutral-950: 255 255 255}}*{-webkit-box-sizing:border-box;box-sizing:border-box}html,body,#app{height:100%}body{margin:0;min-height:100%;--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-50)/var(--tw-bg-opacity));font-family:Libre Franklin,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.25rem;font-weight:300;line-height:1.5;--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity))}@media (min-width: 1024px){body{font-size:1.5rem}}main{padding:2rem}img{display:inline-block;max-width:100%;vertical-align:middle}h1,h2,h3,h4,h5,h6{font-family:Libre Franklin,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.25}h3,h4{--tw-text-opacity: 1;color:rgba(var(--color-brand-wine)/var(--tw-text-opacity))}@media (prefers-color-scheme: dark){h3,h4{--tw-text-opacity: 1;color:rgba(var(--color-neutral-500)/var(--tw-text-opacity))}}h4,h5,h6{margin-bottom:.625rem;margin-top:.625rem}h1:first-child{margin-top:0}h1.pdap-grid-item,h2.pdap-grid-item,h3.pdap-grid-item,h4.pdap-grid-item,h5.pdap-grid-item,h6.pdap-grid-item{margin-top:0;margin-bottom:0}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1{margin-top:3rem;margin-bottom:1rem;font-size:2.625rem;font-weight:500}h2{margin-bottom:1rem;margin-top:2rem;font-size:1.5rem;font-weight:700}@media (min-width: 768px){h2{font-size:2rem}}h3{margin-bottom:.5rem;margin-top:2rem;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}@media (min-width: 768px){h3{font-size:1.125rem}}h4{font-size:1.125rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em}h5{font-size:1.75rem;font-weight:300;font-style:italic}h6{font-size:1.125rem;font-weight:300;text-transform:uppercase;letter-spacing:.8125rem}a{--tw-text-opacity: 1;color:rgba(var(--color-brand-gold)/var(--tw-text-opacity));-webkit-text-decoration-style:solid;text-decoration-style:solid;text-decoration-thickness:6%;text-underline-offset:5%}a:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}p{margin-bottom:.5rem;margin-top:0}p,li{max-width:45ch}strong{font-weight:600}code{max-width:100%;font-family:Source Code Pro,monospace,ui-monospace,SFMono-Regular;font-weight:400;--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity))}p>code,li>code,pre code{background-color:rgba(var(--color-brand-wine)/var(--tw-bg-opacity));--tw-bg-opacity: .05}p>code,li>code{border-radius:.125rem;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.25rem .5rem;word-wrap:break-word}pre code{display:block;max-width:100%;overflow:scroll;white-space:pre;border-width:1px;border-style:solid;border-color:rgba(var(--color-brand-wine)/var(--tw-border-opacity));--tw-border-opacity: .2;padding:1.25rem;text-align:left;font-size:1.25rem}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 500px){.container{max-width:500px}}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pdap-grid-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-left:auto;margin-right:auto;display:grid;height:auto;width:100%;gap:1rem}@media (min-width: 500px){.pdap-grid-container{max-width:48rem}}@media (min-width: 768px){.pdap-grid-container{gap:2rem}}@media (min-width: 1024px){.pdap-grid-container{max-width:59rem}}.columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.columns-2{grid-template-columns:repeat(1,minmax(0,1fr));-webkit-box-align:start;align-items:flex-start}@media (min-width: 768px){.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.columns-3{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){.columns-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.pdap-flex-container{margin-left:auto;margin-right:auto;display:-webkit-box;display:flex;height:auto;width:100%;max-width:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:start;align-items:flex-start;-webkit-box-pack:start;justify-content:flex-start;gap:.5rem}@media (min-width: 500px){.pdap-flex-container{max-width:48rem}}@media (min-width: 1024px){.pdap-flex-container{max-width:59rem}}.pdap-flex-container-center{margin-left:auto;margin-right:auto;display:-webkit-box;display:flex;height:auto;width:100%;max-width:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:start;align-items:flex-start;-webkit-box-pack:start;justify-content:flex-start;gap:.5rem}@media (min-width: 500px){.pdap-flex-container-center{max-width:48rem}}@media (min-width: 1024px){.pdap-flex-container-center{max-width:59rem}}.pdap-flex-container-center{-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.relative{position:relative}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-full{grid-column:1 / -1}.col-start-1{grid-column-start:1}.col-end-\[-1\]{grid-column-end:-1}.m-0{margin:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.mb-0{margin-bottom:0}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-\[\.625rem\]{margin-bottom:.625rem}.ml-7{margin-left:1.75rem}.mt-0{margin-top:0}.mt-12{margin-top:3rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-8{margin-top:2rem}.mt-\[\.625rem\]{margin-top:.625rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:-webkit-box;display:flex}.grid{display:grid}.h-12{height:3rem}.h-6{height:1.5rem}.h-\[full\]{height:full}.h-\[max-content\]{height:-webkit-max-content;height:-moz-max-content;height:max-content}.h-auto{height:auto}.h-full{height:100%}.max-h-\[75-vh\]{max-height:75-vh}.w-6{width:1.5rem}.w-\[10rem\]{width:10rem}.w-full{width:100%}.max-w-\[45ch\]{max-width:45ch}.max-w-\[7\.5rem\]{max-width:7.5rem}.max-w-\[80\%\]{max-width:80%}.max-w-\[max-content\]{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}.max-w-\[unset\]{max-width:unset}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow{-webkit-box-flex:1;flex-grow:1}.flex-grow-0{-webkit-box-flex:0;flex-grow:0}.basis-\[45\%\]{flex-basis:45%}.basis-\[max-content\]{flex-basis:max-content}.basis-full{flex-basis:100%}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.columns-1{-webkit-columns:1;-moz-columns:1;columns:1}.columns-2{-webkit-columns:2;-moz-columns:2;columns:2}.columns-3{-webkit-columns:3;-moz-columns:3;columns:3}.grid-cols-\[auto\]{grid-template-columns:auto}.grid-rows-\[auto\]{grid-template-rows:auto}.flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{-webkit-box-align:start;align-items:flex-start}.items-center{-webkit-box-align:center;align-items:center}.justify-start{-webkit-box-pack:start;justify-content:flex-start}.justify-center{-webkit-box-pack:center;justify-content:center}.justify-between{-webkit-box-pack:justify;justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-x-4{-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.overflow-scroll{overflow:scroll}.rounded-none{border-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-\[1px\]{border-width:1px}.border-solid{border-style:solid}.border-brand-blue-light{--tw-border-opacity: 1;border-color:rgba(var(--color-brand-blue-light)/var(--tw-border-opacity))}.border-brand-gold{--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity))}.border-brand-wine{--tw-border-opacity: 1;border-color:rgba(var(--color-brand-wine)/var(--tw-border-opacity))}.border-neutral-500{--tw-border-opacity: 1;border-color:rgba(var(--color-neutral-500)/var(--tw-border-opacity))}.border-red-800{--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-opacity-20{--tw-border-opacity: .2}.bg-brand-gold{--tw-bg-opacity: 1;background-color:rgba(var(--color-brand-gold)/var(--tw-bg-opacity))}.bg-brand-wine{--tw-bg-opacity: 1;background-color:rgba(var(--color-brand-wine)/var(--tw-bg-opacity))}.bg-neutral-300{--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-300)/var(--tw-bg-opacity))}.bg-neutral-50{--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-50)/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity: 1;background-color:rgb(252 165 165 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.box-decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.fill-neutral-950{fill:rgba(var(--color-neutral-950)/1)}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-4{padding-bottom:1rem}.pl-0{padding-left:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-mono{font-family:Source Code Pro,monospace,ui-monospace,SFMono-Regular}.font-sans{font-family:Libre Franklin,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.text-\[2\.625rem\]{font-size:2.625rem}.text-lg{font-size:1.125rem}.text-med{font-size:1rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-normal{line-height:1.5}.tracking-\[\.07em\]{letter-spacing:.07em}.tracking-\[\.1em\]{letter-spacing:.1em}.tracking-\[\.8125rem\]{letter-spacing:.8125rem}.text-\[rgba\(0\,0\,0\)\]{--tw-text-opacity: 1;color:rgba(0,0,0,var(--tw-text-opacity))}.text-\[rgba\(255\,251\,250\)\]{--tw-text-opacity: 1;color:rgba(255,251,250,var(--tw-text-opacity))}.text-brand-gold{--tw-text-opacity: 1;color:rgba(var(--color-brand-gold)/var(--tw-text-opacity))}.text-brand-wine{--tw-text-opacity: 1;color:rgba(var(--color-brand-wine)/var(--tw-text-opacity))}.text-neutral-600{--tw-text-opacity: 1;color:rgba(var(--color-neutral-600)/var(--tw-text-opacity))}.text-neutral-950{--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.decoration-solid{-webkit-text-decoration-style:solid;text-decoration-style:solid}.decoration-0{text-decoration-thickness:0px}.decoration-\[6\%\]{text-decoration-thickness:6%}.underline-offset-\[5\%\]{text-underline-offset:5%}.invert{--tw-invert: invert(100%);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{-webkit-transition-property:color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;transition-duration:.15s}.lock-scroll{overflow:hidden}.col-span-full{grid-column-start:1;grid-column-end:-1}.hover\:brightness-85:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.disabled\:opacity-50:disabled{opacity:.5}@media (prefers-color-scheme: dark){.dark\:bg-neutral-300{--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-300)/var(--tw-bg-opacity))}.dark\:bg-neutral-950{--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-950)/var(--tw-bg-opacity))}.dark\:invert{--tw-invert: invert(100%);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}}@media not all and (min-width: 1024px){.max-lg\:absolute{position:absolute}.max-lg\:left-0{left:0}.max-lg\:top-\[104px\]{top:104px}.max-lg\:hidden{display:none}.max-lg\:h-\[calc\(100vh-104px\)\]{height:calc(100vh - 104px)}.max-lg\:flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.max-lg\:p-6{padding:1.5rem}}@media (min-width: 500px){.xs\:max-w-3xl{max-width:48rem}}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-8{gap:2rem}.md\:p-6{padding:1.5rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:pb-8{padding-bottom:2rem}}@media (min-width: 1024px){.lg\:mx-2{margin-left:.5rem;margin-right:.5rem}.lg\:hidden{display:none}.lg\:flex-shrink-0{flex-shrink:0}.lg\:flex-grow{-webkit-box-flex:1;flex-grow:1}.lg\:justify-center{-webkit-box-pack:center;justify-content:center}.lg\:bg-transparent{background-color:transparent}.lg\:p-0{padding:0}.lg\:text-lg{font-size:1.125rem}.lg\:text-xl{font-size:1.25rem}.lg\:outline{outline-style:solid}.lg\:outline-neutral-800{outline-color:rgba(var(--color-neutral-800)/1)}}
package/dist/utils/breadcrumbs.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import { RouteLocationNormalized } from 'vue-router';
2
+ export interface BreadcrumbItem {
3
+ text: string;
4
+ path: string;
5
+ active: boolean;
6
+ }
7
+ export declare function getBreadcrumbs(route: RouteLocationNormalized): BreadcrumbItem[];
package/dist/utils/breadcrumbs.test.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/docs/components.md CHANGED
@@ -4,44 +4,79 @@ Documentation for PDAP component usage
4
4
 
5
5
  ## Table of Contents
6
6
 
7
- - [Button](#button)
7
+ - [Breadcrumbs](#breadcrumbs)
8
+
8
9
  - [Props](#props)
9
10
  - [Example](#example)
10
- - [FlexContainer](#flexcontainer)
11
+
12
+ - [Button](#button)
13
+
11
14
  - [Props](#props-1)
12
15
  - [Example](#example-1)
13
- - [Footer](#footer)
16
+
17
+ - [FlexContainer](#flexcontainer)
18
+
14
19
  - [Props](#props-2)
15
20
  - [Example](#example-2)
16
- - [Form](#form)
21
+
22
+ - [Footer](#footer)
23
+
17
24
  - [Props](#props-3)
18
25
  - [Example](#example-3)
19
- - [GridContainer](#gridcontainer)
26
+
27
+ - [Form](#form)
28
+
20
29
  - [Props](#props-4)
21
30
  - [Example](#example-4)
22
- - [GridItem](#griditem)
31
+
32
+ - [GridContainer](#gridcontainer)
33
+
23
34
  - [Props](#props-5)
24
35
  - [Example](#example-5)
25
- - [Header](#header)
36
+
37
+ - [GridItem](#griditem)
38
+
26
39
  - [Props](#props-6)
27
40
  - [Example](#example-6)
41
+
42
+ - [Header](#header)
43
+
44
+ - [Props](#props-7)
45
+ - [Example](#example-7)
46
+
28
47
  - [Input](#input)
48
+
29
49
  - [Nav](#nav)
30
- - [Example](#example-7)
50
+
51
+ - [Example](#example-8)
52
+
31
53
  - [QuickSearchForm](#quicksearchform)
32
- - [Props](#props-7)
33
- - [TileIcon](#tileicon)
54
+
34
55
  - [Props](#props-8)
35
- - [Example](#example-8)
56
+
57
+ - [TileIcon](#tileicon)
58
+
59
+ - [Props](#props-9)
60
+ - [Example](#example-9)
36
61
 
37
62
  ## Button
38
63
 
39
64
  ### _Props_
40
65
 
41
- | name | required? | types | description | default |
42
- | ----------- | --------- | ------------------------ | -------------------------- | --------- |
43
- | `isLoading` | no | `boolean` | Request state | `false` |
44
- | `intent` | yes | `primary` \| `secondary` | Determines style of button | `primary` |
66
+ None
67
+
68
+ ### _Example_
69
+
70
+ See the Demo application [page](../src/demo/pages/ComponentDemo.vue) and [router](../src/demo/router.js)
71
+
72
+ ## Button
73
+
74
+ ### _Props_
75
+
76
+ name | required? | types | description | default
77
+ ----------- | --------- | ----------- | ------------- | --------------------------
78
+ `isLoading` | no | `boolean` | Request state | `false`
79
+ `intent` | yes | `primary` \ | `secondary` | Determines style of button | `primary`
45
80
 
46
81
  ### _Example_
47
82
 
@@ -73,27 +108,27 @@ export default {
73
108
  ```
74
109
 
75
110
  ## FlexContainer
76
- _DEPRECATED_
77
- All container components are designed to be dynamic and take any `HTMLElement` tag as the component to be rendered. `FlexContainer` can itself be passed as the element type for `GridItem`, for example, or vice versa, allowing us to easily compose complex layouts (more on this later with the `GridContainer` and `GridItem` documentation).
111
+
112
+ _DEPRECATED_ All container components are designed to be dynamic and take any `HTMLElement` tag as the component to be rendered. `FlexContainer` can itself be passed as the element type for `GridItem`, for example, or vice versa, allowing us to easily compose complex layouts (more on this later with the `GridContainer` and `GridItem` documentation).
78
113
 
79
114
  ### _Props_
80
115
 
81
- | name | required? | types | description | default |
82
- | ----------- | --------- | ------------------- | ----------------------------------- | ------- |
83
- | `component` | no | `string` | HTML Element to render as container | `'div'` |
84
- | `alignment` | no | `start` \| `center` | Flex alignment presets | `start` |
116
+ name | required? | types | description | default
117
+ ----------- | --------- | --------- | ----------------------------------- | ----------------------
118
+ `component` | no | `string` | HTML Element to render as container | `'div'`
119
+ `alignment` | no | `start` \ | `center` | Flex alignment presets | `start`
85
120
 
86
121
  ### _Example_
87
122
 
88
123
  ```
89
124
  <template>
90
- <FlexContainer alignment="center" component="card">
125
+ <FlexContainer alignment="center" component="card">
91
126
  <h2>Some content goes here</h2>
92
127
  <p>More content goes here.</p>
93
128
  <Button class="custom-button-class-name" :isLoading="isLoading" @click="() => console.log('hello world')">
94
129
  Say hello with this button
95
130
  </Button>
96
- </FlexContainer>
131
+ </FlexContainer>
97
132
  </template>
98
133
 
99
134
  ...
@@ -120,10 +155,10 @@ export default {
120
155
 
121
156
  ### _Props_
122
157
 
123
- | name | required? | types | description | default |
124
- | --------------------- | --------- | -------- | ---------------------- | ----------------------------------------------------------- |
125
- | `logoImageSrc` | no | `string` | Source of logo image | `'node_modules/pdap-design-system/dist/images/acronym.svg'` |
126
- | `logoImageAnchorPath` | no | `string` | Flex alignment presets | `/` |
158
+ name | required? | types | description | default
159
+ --------------------- | --------- | -------- | ---------------------- | -----------------------------------------------------------
160
+ `logoImageSrc` | no | `string` | Source of logo image | `'node_modules/pdap-design-system/dist/images/acronym.svg'`
161
+ `logoImageAnchorPath` | no | `string` | Flex alignment presets | `/`
127
162
 
128
163
  ### _Notes_
129
164
 
@@ -135,18 +170,18 @@ export default {
135
170
  inject: {
136
171
  footerLinks: {
137
172
  default: [
138
- {
139
- to: 'https://github.com/orgs/Police-Data-Accessibility-Project',
140
- text: 'Github',
141
- },
142
- {
143
- to: 'ttps://discord.gg/wMqex8nKZJ',
144
- text: 'Discord',
145
- },
146
- {
147
- to: 'https://www.linkedin.com/company/pdap',
148
- text: 'LinkedIn',
149
- },
173
+ {
174
+ to: 'https://github.com/orgs/Police-Data-Accessibility-Project',
175
+ text: 'Github',
176
+ },
177
+ {
178
+ to: 'ttps://discord.gg/wMqex8nKZJ',
179
+ text: 'Discord',
180
+ },
181
+ {
182
+ to: 'https://www.linkedin.com/company/pdap',
183
+ text: 'LinkedIn',
184
+ },
150
185
  ]
151
186
  }
152
187
  },
@@ -186,7 +221,6 @@ export default {
186
221
  }
187
222
  }
188
223
  </script>
189
-
190
224
  ```
191
225
 
192
226
  ## Form
@@ -195,12 +229,12 @@ The `Form` component is powerful. All you need to do is pass a few props, and th
195
229
 
196
230
  ### _Props_
197
231
 
198
- | name | required? | types | description | default |
199
- | -------- | --------- | --------------------------------- | ---------------------------------- | ----------- |
200
- | `error` | no | `string` \| `undefined` \| `null` | Error state | `undefined` |
201
- | `id` | yes | `string` | Form id | none |
202
- | `name` | yes | `string` | Form name | none |
203
- | `schema` | yes | `PdapFormSchema` | Array of schema entries for inputs | none |
232
+ name | required? | types | description | default
233
+ -------- | --------- | ---------------- | ---------------------------------- | -------
234
+ `error` | no | `string` \ | `undefined` \ | `null` | Error state | `undefined`
235
+ `id` | yes | `string` | Form id | none
236
+ `name` | yes | `string` | Form name | none
237
+ `schema` | yes | `PdapFormSchema` | Array of schema entries for inputs | none
204
238
 
205
239
  ### _Notes_
206
240
 
@@ -210,7 +244,6 @@ The `Form` component is powerful. All you need to do is pass a few props, and th
210
244
  - Currently available form validations are defined by the `PdapFormValidators` interface:
211
245
 
212
246
  ```
213
-
214
247
  PdapFormValidators {
215
248
  maxLength: {
216
249
  message?: string;
@@ -225,7 +258,6 @@ PdapFormValidators {
225
258
  value: boolean;
226
259
  };
227
260
  }
228
-
229
261
  ```
230
262
 
231
263
  - The `message` property is optional. If it is not passed, Vuelidate will default to a generic error message. The `value` property is the value you want to validate against. (i.e. for a required field with a max length of 12 characters, we might pass:
@@ -258,8 +290,6 @@ PdapFormValidators {
258
290
  }
259
291
  }
260
292
  }
261
-
262
-
263
293
  ```
264
294
 
265
295
  )
@@ -267,7 +297,6 @@ PdapFormValidators {
267
297
  ### _Example_
268
298
 
269
299
  ```
270
-
271
300
  <template>
272
301
  <Form :schema="formSchema" :on-submit="handleSubmit" id="test-form" name="data-request-form">
273
302
  <Button intent="primary" type="submit">Click me</Button>
@@ -319,6 +348,12 @@ export default {
319
348
  value: 999
320
349
  },
321
350
  },
351
+ {
352
+ id: 'ice-cream',
353
+ name: 'iceCream',
354
+ label: 'Do you like ice cream?',
355
+ type: 'checkbox',
356
+ defaultChecked: true,
322
357
  }
323
358
  ]
324
359
  }
@@ -332,26 +367,26 @@ export default {
332
367
  ...
333
368
  }
334
369
  </script>
335
-
336
370
  ```
337
371
 
338
372
  ## GridContainer
339
- _DEPRECATED_
340
- All container components are designed to be dynamic and take any `HTMLElement` tag as the component to be rendered. It also works with the `GridItem` component (see example below). `GridContainer` and `GridItem` could both be passed as the element type for `FlexContainer`, for example, or vice versa, allowing us to easily compose complex layouts.
373
+
374
+ _DEPRECATED_ All container components are designed to be dynamic and take any `HTMLElement` tag as the component to be rendered. It also works with the `GridItem` component (see example below). `GridContainer` and `GridItem` could both be passed as the element type for `FlexContainer`, for example, or vice versa, allowing us to easily compose complex layouts.
341
375
 
342
376
  ### _Props_
343
377
 
344
- | name | required? | types | description | default |
345
- | ----------------- | --------- | ----------------------------- | --------------------------------------------------- | ------------------- |
346
- | `columns` | no | `1` \| `2` \| `3` \| `'auto'` | Number of grid columns | `'auto'` |
347
- | `component` | no | `string` | HTML Element to render as container | `'div'` |
348
- | `rows` | no | `number` \| `'auto'` | Number of grid rows | `'auto'` |
349
- | `templateColumns` | no | `string` \| `undefined` | Custom `grid-template-columns` value, passed inline | `undefined` (no-op) |
350
- | `templateRows` | no | `string` \| `undefined` | Custom `grid-template-rows` value, passed inline | `undefined` (no-op) |
378
+ name | required? | types | description | default
379
+ ----------------- | --------- | ---------- | ----------------------------------- | ---------------------------------------------------
380
+ `columns` | no | `1` \ | `2` \ | `3` \ | `'auto'` | Number of grid columns | `'auto'`
381
+ `component` | no | `string` | HTML Element to render as container | `'div'`
382
+ `rows` | no | `number` \ | `'auto'` | Number of grid rows | `'auto'`
383
+ `templateColumns` | no | `string` \ | `undefined` | Custom `grid-template-columns` value, passed inline | `undefined` (no-op)
384
+ `templateRows` | no | `string` \ | `undefined` | Custom `grid-template-rows` value, passed inline | `undefined` (no-op)
351
385
 
352
386
  ### _Notes_
353
387
 
354
388
  - Grid layouts max out at 3 columns, and responsiveness is baked in.
389
+
355
390
  - i.e. When you render a 3-column grid layout, it automatically resizes to 2 columns, then 1 column, as screen widths decrease.
356
391
  - In this case, it is a best practice to leave the `rows` prop as its default `'auto'` value, to ensure that the layout fills as many rows as are needed when the number of columns decreases
357
392
 
@@ -391,18 +426,21 @@ export default {
391
426
  ```
392
427
 
393
428
  ## GridItem
429
+
394
430
  _DEPRECATED_
431
+
395
432
  ### _Props_
396
433
 
397
- | name | required? | types | description | default |
398
- | ------------ | --------- | ----------------- | ----------------------------------- | ------- |
399
- | `component` | no | `string` | HTML Element to render as grid item | `'div'` |
400
- | `spanColumn` | no | `1` \| `2` \| `3` | Columns grid item should span | `1` |
401
- | `spanRow` | no | `number` | Rows grid item should span | `1` |
434
+ name | required? | types | description | default
435
+ ------------ | --------- | -------- | ----------------------------------- | -------
436
+ `component` | no | `string` | HTML Element to render as grid item | `'div'`
437
+ `spanColumn` | no | `1` \ | `2` \ | `3` | Columns grid item should span | `1`
438
+ `spanRow` | no | `number` | Rows grid item should span | `1`
402
439
 
403
440
  ### _Notes_
404
441
 
405
442
  - Grid layouts max out at 3 columns, and responsiveness is baked in.
443
+
406
444
  - i.e. When you render a 3-column grid layout, it automatically resizes to 2 columns, then 1 column, as screen widths decrease.
407
445
  - In this case, it is a best practice to leave the `rows` prop as its default `'auto'` value, to ensure that the layout fills as many rows as are needed when the number of columns decreases
408
446
 
@@ -414,14 +452,14 @@ See `GridContainer` above.
414
452
 
415
453
  ### _Props_
416
454
 
417
- | name | required? | types | description | default |
418
- | --------------------- | --------- | -------- | ---------------------- | ---------------------------------------------------------- |
419
- | `logoImageSrc` | no | `string` | Source of logo image | `'node_modules/pdap-design-system/dist/images/lockup.svg'` |
420
- | `logoImageAnchorPath` | no | `string` | Flex alignment presets | `/` |
455
+ name | required? | types | description | default
456
+ --------------------- | --------- | -------- | ---------------------- | ----------------------------------------------------------
457
+ `logoImageSrc` | no | `string` | Source of logo image | `'node_modules/pdap-design-system/dist/images/lockup.svg'`
458
+ `logoImageAnchorPath` | no | `string` | Flex alignment presets | `/`
421
459
 
422
460
  ### _Notes_
423
461
 
424
- The `Header` component does not require any props to be passed. But keep in mind that it is responsible for rendering the `Nav` component. Consuming applications will need to `provide` an array of nav links — **there are no defaults for this**, you must `provide` these links either 1. in a layout component (see example below), at the route level, or at the app level. This allows for flexibility in which links are rendered on which routes
462
+ The `Header` component does not require any props to be passed. But keep in mind that it is responsible for rendering the `Nav` component. Consuming applications will need to `provide` an array of nav links -- **there are no defaults for this**, you must `provide` these links either 1\. in a layout component (see example below), at the route level, or at the app level. This allows for flexibility in which links are rendered on which routes
425
463
 
426
464
  ### _Example_
427
465
 
@@ -449,7 +487,6 @@ export default {
449
487
  }
450
488
  }
451
489
  </script>
452
-
453
490
  ```
454
491
 
455
492
  ## Input
@@ -463,7 +500,6 @@ You do not need to render `Nav` directly. `Header` takes care of that. But you d
463
500
  ### _Example_
464
501
 
465
502
  ```
466
-
467
503
  <template>
468
504
  <Header />
469
505
  <router-view />
@@ -491,38 +527,32 @@ export default {
491
527
  ]
492
528
  }
493
529
  ...
494
-
495
530
  ```
496
531
 
497
532
  ## QuickSearchForm
498
533
 
499
534
  ### _Props_
500
535
 
501
- | name | required? | types | description | default |
502
- | ------ | --------- | ----------------- | -------------------------------------------------------------------------- | -------- |
503
- | `mode` | no | `'dev' \| 'prod'` | env. controls which url users are sent to when form is rendered on pdap.io | `'prod'` |
536
+ name | required? | types | description | default
537
+ ------ | --------- | -------- | ----------- | --------------------------------------------------------------------------
538
+ `mode` | no | `'dev' \ | 'prod'` | env. controls which url users are sent to when form is rendered on pdap.io | `'prod'`
504
539
 
505
540
  ### _Notes_
506
541
 
507
- The different `mode` prop values result the following base url values in the eventual navigation
508
- | value | base url |
509
- |--|--|
510
- | `'dev'` | `'https://data-sources.pdap.dev'` |
511
- | `'prod'` | `'https://data-sources.pdap.io'` |
542
+ The different `mode` prop values result the following base url values in the eventual navigation | value | base url | |--|--| | `'dev'` | `'https://data-sources.pdap.dev'` | | `'prod'` | `'https://data-sources.pdap.io'` |
512
543
 
513
544
  ## TileIcon
514
545
 
515
546
  ### _Props_
516
547
 
517
- | name | required? | types | description | default |
518
- | ------------ | --------- | -------- | ----------------------------- | ------- |
519
- | `imgAltText` | yes | `string` | Descriptive alt text for icon | none |
520
- | `imgSrc` | yes | `string` | Source of icon to render | none |
548
+ name | required? | types | description | default
549
+ ------------ | --------- | -------- | ----------------------------- | -------
550
+ `imgAltText` | yes | `string` | Descriptive alt text for icon | none
551
+ `imgSrc` | yes | `string` | Source of icon to render | none
521
552
 
522
553
  ### _Example_
523
554
 
524
555
  ```
525
-
526
556
  <template>
527
557
  <GridContainer :columns="3" component="section">
528
558
  <GridItem>
@@ -551,5 +581,4 @@ export default {
551
581
  }
552
582
  }
553
583
  </script>
554
-
555
584
  ```
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pdap-design-system",
3
- "version": "2.6.0",
3
+ "version": "2.7.0-beta.2",
4
4
  "description": "Global styles for PDAP apps",
5
5
  "author": "Police Data Accessibility Project, Inc.",
6
6
  "license": "ISC",
package/dist/components/Input/utils.d.ts DELETED
@@ -1,4 +0,0 @@
1
- export declare const INPUT_COMPONENT_MAP: {
2
- checkbox: string;
3
- text: string;
4
- };