@cloudfour/patterns
Version:
Front-end patterns for cloudfour.com
2 lines (1 loc) • 37.4 kB
JavaScript
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).cloudfourPatterns={})}(this,(function(e){"use strict";var t={street_address:"510 SW 3rd Ave, Suite 420",address_locality:"Portland",address_region:"Oregon",postal_code:"97204",address_country:"USA"},i="info@cloudfour.com",a="+1 (503) 290-1090",s="https://cloudfour.com/",n="2007-12-13",o={items:[{link:"https://www.linkedin.com/company/cloud-four",title:"Follow us on LinkedIn",icon:"brands/linkedin"},{link:"https://www.youtube.com/channel/UC39ZT0CMds5z0K0Z7RWa98A",title:"Follow us on YouTube",icon:"brands/youtube"},{link:"https://www.instagram.com/cloudfourpdx/",title:"Follow us on Instagram",icon:"brands/instagram"},{link:"https://github.com/cloudfour",title:"Find us on GitHub",icon:"brands/github"},{link:"/feed/atom/",title:"Subscribe to our RSS Feed",icon:"feed"}]},r={items:[{link:"/topics/rwd",title:"Responsive Web Design"},{link:"/topics/ecommerce",title:"Ecommerce"},{link:"/topics/performance",title:"Performance"},{link:"/topics/images",title:"Images"},{link:"/topics/accessibility",title:"Accessibility"},{link:"/topics/spotlight",title:"Cloud Four Spotlight"},{link:"/topics/css",title:"CSS"},{link:"/topics/essentials",title:"Essentials"}]};const l={items:[...{items:[{link:"/does",title:"What We Do",current:!0},{link:"/believes",title:"Our Approach"},{link:"/made",title:"Our Work"},{link:"/thinks",title:"Articles"},{link:"/presents",title:"Speaking"},{link:"/is",title:"Team"},{link:"/and-you",title:"Hire Us"}]}.items,...{items:[{link:"https://cloudfour-patterns.netlify.app/",title:"Patterns"}]}.items]},m={alternate:!1,feature_count:2,feature_one_title:"Nice to meet you",feature_one_content:"Cloud Four helps organizations solve complex responsive web design and development challenges every day. Let’s connect so we can tailor a solution to fit your needs.",feature_two_title:"Cloud Four, in your inbox",feature_two_content:"Our latest articles, updates, quick tips and insights in one convenient, occassional newsletter.",organizationName:"Cloud Four, Inc.",organizationStreetAddress:t.street_address,organizationAddressLocality:t.address_locality,organizationAddressRegion:t.address_region,organizationPostalCode:t.postal_code,organizationAddressCountry:t.address_country,organizationEmail:i,organizationTelephone:a,organizationUrl:s,organizationFoundingDate:n};var u={in_out:{value:"cubic-bezier(0.455, 0.03, 0.515, 0.955)",comment:"https://easings.net/en#easeInOutQuad",filePath:"src/tokens/ease/ease.js",isSource:!0,original:{value:"cubic-bezier(0.455, 0.03, 0.515, 0.955)",comment:"https://easings.net/en#easeInOutQuad"},name:"ease-in-out",attributes:{category:"ease",type:"in_out"},path:["ease","in_out"]},in:{value:"cubic-bezier(0.55, 0.085, 0.68, 0.53)",comment:"https://easings.net/en#easeInQuad",filePath:"src/tokens/ease/ease.js",isSource:!0,original:{value:"cubic-bezier(0.55, 0.085, 0.68, 0.53)",comment:"https://easings.net/en#easeInQuad"},name:"ease-in",attributes:{category:"ease",type:"in"},path:["ease","in"]},out:{value:"cubic-bezier(0.25, 0.46, 0.45, 0.94)",comment:"https://easings.net/en#easeOutQuad",filePath:"src/tokens/ease/ease.js",isSource:!0,original:{value:"cubic-bezier(0.25, 0.46, 0.45, 0.94)",comment:"https://easings.net/en#easeOutQuad"},name:"ease-out",attributes:{category:"ease",type:"out"},path:["ease","out"]},in_out_sine:{value:"cubic-bezier(0.37, 0, 0.63, 1)",comment:"https://easings.net/#easeInOutSine",filePath:"src/tokens/ease/ease.js",isSource:!0,original:{value:"cubic-bezier(0.37, 0, 0.63, 1)",comment:"https://easings.net/#easeInOutSine"},name:"ease-in-out-sine",attributes:{category:"ease",type:"in_out_sine"},path:["ease","in_out_sine"]},out_sine:{value:"cubic-bezier(0.61, 1, 0.88, 1)",comment:"https://easings.net/#easeOutSine",filePath:"src/tokens/ease/ease.js",isSource:!0,original:{value:"cubic-bezier(0.61, 1, 0.88, 1)",comment:"https://easings.net/#easeOutSine"},name:"ease-out-sine",attributes:{category:"ease",type:"out_sine"},path:["ease","out_sine"]}},c={border:{radius:{small:{value:"0.125em",filePath:"src/tokens/size/border.json",isSource:!0,original:{value:"0.125em"},name:"size-border-radius-small",attributes:{category:"size",type:"border",item:"radius",subitem:"small"},path:["size","border","radius","small"]},medium:{value:"0.25em",filePath:"src/tokens/size/border.json",isSource:!0,original:{value:"0.25em"},name:"size-border-radius-medium",attributes:{category:"size",type:"border",item:"radius",subitem:"medium"},path:["size","border","radius","medium"]},large:{value:"0.5em",filePath:"src/tokens/size/border.json",isSource:!0,original:{value:"0.5em"},name:"size-border-radius-large",attributes:{category:"size",type:"border",item:"radius",subitem:"large"},path:["size","border","radius","large"]},"card-contained":{value:"0.5em",filePath:"src/tokens/size/border.json",isSource:!0,original:{value:"{size.border.radius.large.value}"},name:"size-border-radius-card-contained",attributes:{category:"size",type:"border",item:"radius",subitem:"card-contained"},path:["size","border","radius","card-contained"]},full:{value:"9999px",comment:"A value of 50% would be more intuitive, but results in unexpectedly oblong rounding for non-square shapes. We use `px` to save the browser the trouble of recalculating the stupidly large value.",filePath:"src/tokens/size/border.json",isSource:!0,original:{value:"9999px",comment:"A value of 50% would be more intuitive, but results in unexpectedly oblong rounding for non-square shapes. We use `px` to save the browser the trouble of recalculating the stupidly large value."},name:"size-border-radius-full",attributes:{category:"size",type:"border",item:"radius",subitem:"full"},path:["size","border","radius","full"]}},width:{blockquote:{value:"0.125rem",filePath:"src/tokens/size/border.json",isSource:!0,original:{value:"{size.edge.medium.value}"},name:"size-border-width-blockquote",attributes:{category:"size",type:"border",item:"width",subitem:"blockquote"},path:["size","border","width","blockquote"]}}},breakpoint:{xs:{value:"20em",filePath:"src/tokens/size/breakpoint.json",isSource:!0,original:{value:"{size.xs.value}"},name:"size-breakpoint-xs",attributes:{category:"size",type:"breakpoint",item:"xs"},path:["size","breakpoint","xs"]},s:{value:"30em",filePath:"src/tokens/size/breakpoint.json",isSource:!0,original:{value:"{size.s.value}"},name:"size-breakpoint-s",attributes:{category:"size",type:"breakpoint",item:"s"},path:["size","breakpoint","s"]},m:{value:"40em",filePath:"src/tokens/size/breakpoint.json",isSource:!0,original:{value:"{size.m.value}"},name:"size-breakpoint-m",attributes:{category:"size",type:"breakpoint",item:"m"},path:["size","breakpoint","m"]},l:{value:"60em",filePath:"src/tokens/size/breakpoint.json",isSource:!0,original:{value:"{size.l.value}"},name:"size-breakpoint-l",attributes:{category:"size",type:"breakpoint",item:"l"},path:["size","breakpoint","l"]},xl:{value:"72em",filePath:"src/tokens/size/breakpoint.json",isSource:!0,original:{value:"{size.xl.value}"},name:"size-breakpoint-xl",attributes:{category:"size",type:"breakpoint",item:"xl"},path:["size","breakpoint","xl"]},xxl:{value:"84em",filePath:"src/tokens/size/breakpoint.json",isSource:!0,original:{value:"{size.xxl.value}"},name:"size-breakpoint-xxl",attributes:{category:"size",type:"breakpoint",item:"xxl"},path:["size","breakpoint","xxl"]},xxxl:{value:"96em",filePath:"src/tokens/size/breakpoint.json",isSource:!0,original:{value:"{size.xxxl.value}"},name:"size-breakpoint-xxxl",attributes:{category:"size",type:"breakpoint",item:"xxxl"},path:["size","breakpoint","xxxl"]}},edge:{small:{value:"0.0625rem",filePath:"src/tokens/size/edge.json",isSource:!0,original:{value:"0.0625rem"},name:"size-edge-small",attributes:{category:"size",type:"edge",item:"small"},path:["size","edge","small"]},medium:{value:"0.125rem",filePath:"src/tokens/size/edge.json",isSource:!0,original:{value:"0.125rem"},name:"size-edge-medium",attributes:{category:"size",type:"edge",item:"medium"},path:["size","edge","medium"]},large:{value:"0.25rem",filePath:"src/tokens/size/edge.json",isSource:!0,original:{value:"0.25rem"},name:"size-edge-large",attributes:{category:"size",type:"edge",item:"large"},path:["size","edge","large"]},control:{value:"0.125rem",filePath:"src/tokens/size/edge.json",isSource:!0,original:{value:"{size.edge.medium.value}"},name:"size-edge-control",attributes:{category:"size",type:"edge",item:"control"},path:["size","edge","control"]}},font:{big:{value:"1.25em",comment:"Slightly larger than normal. Good for short introductory sections or important actions.",filePath:"src/tokens/size/font.js",isSource:!0,original:{value:"1.25em",comment:"Slightly larger than normal. Good for short introductory sections or important actions."},name:"size-font-big",attributes:{category:"size",type:"font",item:"big"},path:["size","font","big"]},small:{value:"0.8em",comment:"Slightly smaller than usual. Good for badges, captions or other space-constrained bits of copy.",filePath:"src/tokens/size/font.js",isSource:!0,original:{value:"0.8em",comment:"Slightly smaller than usual. Good for badges, captions or other space-constrained bits of copy."},name:"size-font-small",attributes:{category:"size",type:"font",item:"small"},path:["size","font","small"]},heading_n2:{max:{value:"3.814697265625em",comment:"Maximum fluid size for heading level -2.",filePath:"src/tokens/size/heading.js",isSource:!0,original:{value:"3.814697265625em",comment:"Maximum fluid size for heading level -2."},name:"size-font-heading-n2-max",attributes:{category:"size",type:"font",item:"heading_n2",subitem:"max"},path:["size","font","heading_n2","max"]},min:{value:"3.0517578125em",comment:"Minimum fluid size for heading level -2.",filePath:"src/tokens/size/heading.js",isSource:!0,original:{value:"3.0517578125em",comment:"Minimum fluid size for heading level -2."},name:"size-font-heading-n2-min",attributes:{category:"size",type:"font",item:"heading_n2",subitem:"min"},path:["size","font","heading_n2","min"]}},heading_n1:{max:{value:"3.0517578125em",comment:"Maximum fluid size for heading level -1.",filePath:"src/tokens/size/heading.js",isSource:!0,original:{value:"3.0517578125em",comment:"Maximum fluid size for heading level -1."},name:"size-font-heading-n1-max",attributes:{category:"size",type:"font",item:"heading_n1",subitem:"max"},path:["size","font","heading_n1","max"]},min:{value:"2.44140625em",comment:"Minimum fluid size for heading level -1.",filePath:"src/tokens/size/heading.js",isSource:!0,original:{value:"2.44140625em",comment:"Minimum fluid size for heading level -1."},name:"size-font-heading-n1-min",attributes:{category:"size",type:"font",item:"heading_n1",subitem:"min"},path:["size","font","heading_n1","min"]}},heading_0:{max:{value:"2.44140625em",comment:"Maximum fluid size for heading level 0.",filePath:"src/tokens/size/heading.js",isSource:!0,original:{value:"2.44140625em",comment:"Maximum fluid size for heading level 0."},name:"size-font-heading-0-max",attributes:{category:"size",type:"font",item:"heading_0",subitem:"max"},path:["size","font","heading_0","max"]},min:{value:"1.953125em",comment:"Minimum fluid size for heading level 0.",filePath:"src/tokens/size/heading.js",isSource:!0,original:{value:"1.953125em",comment:"Minimum fluid size for heading level 0."},name:"size-font-heading-0-min",attributes:{category:"size",type:"font",item:"heading_0",subitem:"min"},path:["size","font","heading_0","min"]}},heading_1:{max:{value:"1.953125em",comment:"Maximum fluid size for heading level 1.",filePath:"src/tokens/size/heading.js",isSource:!0,original:{value:"1.953125em",comment:"Maximum fluid size for heading level 1."},name:"size-font-heading-1-max",attributes:{category:"size",type:"font",item:"heading_1",subitem:"max"},path:["size","font","heading_1","max"]},min:{value:"1.5625em",comment:"Minimum fluid size for heading level 1.",filePath:"src/tokens/size/heading.js",isSource:!0,original:{value:"1.5625em",comment:"Minimum fluid size for heading level 1."},name:"size-font-heading-1-min",attributes:{category:"size",type:"font",item:"heading_1",subitem:"min"},path:["size","font","heading_1","min"]}},heading_2:{max:{value:"1.5625em",comment:"Maximum fluid size for heading level 2.",filePath:"src/tokens/size/heading.js",isSource:!0,original:{value:"1.5625em",comment:"Maximum fluid size for heading level 2."},name:"size-font-heading-2-max",attributes:{category:"size",type:"font",item:"heading_2",subitem:"max"},path:["size","font","heading_2","max"]},min:{value:"1.25em",comment:"Minimum fluid size for heading level 2.",filePath:"src/tokens/size/heading.js",isSource:!0,original:{value:"1.25em",comment:"Minimum fluid size for heading level 2."},name:"size-font-heading-2-min",attributes:{category:"size",type:"font",item:"heading_2",subitem:"min"},path:["size","font","heading_2","min"]}},heading_3:{max:{value:"1.25em",comment:"Maximum fluid size for heading level 3.",filePath:"src/tokens/size/heading.js",isSource:!0,original:{value:"1.25em",comment:"Maximum fluid size for heading level 3."},name:"size-font-heading-3-max",attributes:{category:"size",type:"font",item:"heading_3",subitem:"max"},path:["size","font","heading_3","max"]},min:{value:"1em",comment:"Minimum fluid size for heading level 3.",filePath:"src/tokens/size/heading.js",isSource:!0,original:{value:"1em",comment:"Minimum fluid size for heading level 3."},name:"size-font-heading-3-min",attributes:{category:"size",type:"font",item:"heading_3",subitem:"min"},path:["size","font","heading_3","min"]}}},max_width:{media_object:{value:"7em",filePath:"src/tokens/size/max-width.json",isSource:!0,original:{value:"7em"},name:"size-max-width-media-object",attributes:{category:"size",type:"max_width",item:"media_object"},path:["size","max_width","media_object"]},prose:{value:"40em",filePath:"src/tokens/size/max-width.json",isSource:!0,original:{value:"{size.m.value}"},name:"size-max-width-prose",attributes:{category:"size",type:"max_width",item:"prose"},path:["size","max_width","prose"]},spread:{value:"72em",filePath:"src/tokens/size/max-width.json",isSource:!0,original:{value:"{size.xl.value}"},name:"size-max-width-spread",attributes:{category:"size",type:"max_width",item:"spread"},path:["size","max_width","spread"]}},padding:{control:{horizontal:{value:"1.25em",filePath:"src/tokens/size/padding.js",isSource:!0,original:{value:"1.25em"},name:"size-padding-control-horizontal",attributes:{category:"size",type:"padding",item:"control",subitem:"horizontal"},path:["size","padding","control","horizontal"]},vertical:{value:"0.40959999999999996em",filePath:"src/tokens/size/padding.js",isSource:!0,original:{value:"0.40959999999999996em"},name:"size-padding-control-vertical",attributes:{category:"size",type:"padding",item:"control",subitem:"vertical"},path:["size","padding","control","vertical"]}},cell:{horizontal:{value:"0.512em",comment:"Used for table cells or other repeating content rows.",filePath:"src/tokens/size/padding.js",isSource:!0,original:{value:"0.512em",comment:"Used for table cells or other repeating content rows."},name:"size-padding-cell-horizontal",attributes:{category:"size",type:"padding",item:"cell",subitem:"horizontal"},path:["size","padding","cell","horizontal"]},vertical:{value:"0.512em",comment:"Used for table cells or other repeating content rows.",filePath:"src/tokens/size/padding.js",isSource:!0,original:{value:"0.512em",comment:"Used for table cells or other repeating content rows."},name:"size-padding-cell-vertical",attributes:{category:"size",type:"padding",item:"cell",subitem:"vertical"},path:["size","padding","cell","vertical"]}},container:{horizontal:{min:{value:"1.25rem",comment:"Minimum inline (horizontal) fluid padding for container objects.",filePath:"src/tokens/size/padding.js",isSource:!0,original:{value:"1.25rem",comment:"Minimum inline (horizontal) fluid padding for container objects."},name:"size-padding-container-horizontal-min",attributes:{category:"size",type:"padding",item:"container",subitem:"horizontal",state:"min"},path:["size","padding","container","horizontal","min"]},max:{value:"3.0517578125rem",comment:"Maximum inline (horizontal) padding for container objects.",filePath:"src/tokens/size/padding.js",isSource:!0,original:{value:"3.0517578125rem",comment:"Maximum inline (horizontal) padding for container objects."},name:"size-padding-container-horizontal-max",attributes:{category:"size",type:"padding",item:"container",subitem:"horizontal",state:"max"},path:["size","padding","container","horizontal","max"]}},vertical:{min:{value:"1.953125rem",comment:"Minimum block (vertical) fluid padding for container objects.",filePath:"src/tokens/size/padding.js",isSource:!0,original:{value:"1.953125rem",comment:"Minimum block (vertical) fluid padding for container objects."},name:"size-padding-container-vertical-min",attributes:{category:"size",type:"padding",item:"container",subitem:"vertical",state:"min"},path:["size","padding","container","vertical","min"]},max:{value:"3.814697265625rem",comment:"Maximum block (vertical) padding for container objects.",filePath:"src/tokens/size/padding.js",isSource:!0,original:{value:"3.814697265625rem",comment:"Maximum block (vertical) padding for container objects."},name:"size-padding-container-vertical-max",attributes:{category:"size",type:"padding",item:"container",subitem:"vertical",state:"max"},path:["size","padding","container","vertical","max"]}}}},rhythm:{compact:{value:"0.262144em",filePath:"src/tokens/size/rhythm.js",isSource:!0,original:{value:"0.262144em"},name:"size-rhythm-compact",attributes:{category:"size",type:"rhythm",item:"compact"},path:["size","rhythm","compact"]},condensed:{value:"0.8em",filePath:"src/tokens/size/rhythm.js",isSource:!0,original:{value:"0.8em"},name:"size-rhythm-condensed",attributes:{category:"size",type:"rhythm",item:"condensed"},path:["size","rhythm","condensed"]},default:{value:"1.25em",filePath:"src/tokens/size/rhythm.js",isSource:!0,original:{value:"1.25em"},name:"size-rhythm-default",attributes:{category:"size",type:"rhythm",item:"default"},path:["size","rhythm","default"]},default_rem:{value:"1.25rem",filePath:"src/tokens/size/rhythm.js",isSource:!0,original:{value:"1.25rem"},name:"size-rhythm-default-rem",attributes:{category:"size",type:"rhythm",item:"default_rem"},path:["size","rhythm","default_rem"]},generous:{value:"1.953125em",filePath:"src/tokens/size/rhythm.js",isSource:!0,original:{value:"1.953125em"},name:"size-rhythm-generous",attributes:{category:"size",type:"rhythm",item:"generous"},path:["size","rhythm","generous"]}},xs:{value:"20em",filePath:"src/tokens/size/shirts.json",isSource:!0,original:{value:"20em"},name:"size-xs",attributes:{category:"size",type:"xs"},path:["size","xs"]},s:{value:"30em",filePath:"src/tokens/size/shirts.json",isSource:!0,original:{value:"30em"},name:"size-s",attributes:{category:"size",type:"s"},path:["size","s"]},m:{value:"40em",filePath:"src/tokens/size/shirts.json",isSource:!0,original:{value:"40em"},name:"size-m",attributes:{category:"size",type:"m"},path:["size","m"]},l:{value:"60em",filePath:"src/tokens/size/shirts.json",isSource:!0,original:{value:"60em"},name:"size-l",attributes:{category:"size",type:"l"},path:["size","l"]},xl:{value:"72em",filePath:"src/tokens/size/shirts.json",isSource:!0,original:{value:"72em"},name:"size-xl",attributes:{category:"size",type:"xl"},path:["size","xl"]},xxl:{value:"84em",filePath:"src/tokens/size/shirts.json",isSource:!0,original:{value:"84em"},name:"size-xxl",attributes:{category:"size",type:"xxl"},path:["size","xxl"]},xxxl:{value:"96em",filePath:"src/tokens/size/shirts.json",isSource:!0,original:{value:"96em"},name:"size-xxxl",attributes:{category:"size",type:"xxxl"},path:["size","xxxl"]},height:{control:{default:{value:"2.44140625em",filePath:"src/tokens/size/sizing.js",isSource:!0,original:{value:"2.44140625em"},name:"size-height-control-default",attributes:{category:"size",type:"height",item:"control",subitem:"default"},path:["size","height","control","default"]},multiline:{value:"3.814697265625em",filePath:"src/tokens/size/sizing.js",isSource:!0,original:{value:"3.814697265625em"},name:"size-height-control-multiline",attributes:{category:"size",type:"height",item:"control",subitem:"multiline"},path:["size","height","control","multiline"]}},logo:{default:{value:"1.953125em",comment:"Default height for the logo component, used to display client and project logos relative to case studies.",filePath:"src/tokens/size/sizing.js",isSource:!0,original:{value:"1.953125em",comment:"Default height for the logo component, used to display client and project logos relative to case studies."},name:"size-height-logo-default",attributes:{category:"size",type:"height",item:"logo",subitem:"default"},path:["size","height","logo","default"]}}},icon:{default:{value:"1em",comment:"The default icon size.",filePath:"src/tokens/size/sizing.js",isSource:!0,original:{value:"1em",comment:"The default icon size."},name:"size-icon-default",attributes:{category:"size",type:"icon",item:"default"},path:["size","icon","default"]},medium:{value:"1.25em",comment:"The medium icon size.",filePath:"src/tokens/size/sizing.js",isSource:!0,original:{value:"1.25em",comment:"The medium icon size."},name:"size-icon-medium",attributes:{category:"size",type:"icon",item:"medium"},path:["size","icon","medium"]},large:{value:"1.5625em",comment:"The large icon size.",filePath:"src/tokens/size/sizing.js",isSource:!0,original:{value:"1.5625em",comment:"The large icon size."},name:"size-icon-large",attributes:{category:"size",type:"icon",item:"large"},path:["size","icon","large"]},"x-large":{value:"3.0517578125em",comment:"The x-large icon size.",filePath:"src/tokens/size/sizing.js",isSource:!0,original:{value:"3.0517578125em",comment:"The x-large icon size."},name:"size-icon-x-large",attributes:{category:"size",type:"icon",item:"x-large"},path:["size","icon","x-large"]}},width:{card_column:{min:{value:"16em",comment:"The minimum space to display a default card in a grid.",filePath:"src/tokens/size/sizing.js",isSource:!0,original:{value:"16em",comment:"The minimum space to display a default card in a grid."},name:"size-width-card-column-min",attributes:{category:"size",type:"width",item:"card_column",subitem:"min"},path:["size","width","card_column","min"]}},logo_group:{item_width:{value:"9em",comment:"The width of individual logos in the logo group.",filePath:"src/tokens/size/sizing.js",isSource:!0,original:{value:"9em",comment:"The width of individual logos in the logo group."},name:"size-width-logo-group-item-width",attributes:{category:"size",type:"width",item:"logo_group",subitem:"item_width"},path:["size","width","logo_group","item_width"]}}},square:{avatar:{small:{value:"1.953125em",filePath:"src/tokens/size/sizing.js",isSource:!0,original:{value:"1.953125em"},name:"size-square-avatar-small",attributes:{category:"size",type:"square",item:"avatar",subitem:"small"},path:["size","square","avatar","small"]},medium:{value:"3.0517578125em",filePath:"src/tokens/size/sizing.js",isSource:!0,original:{value:"3.0517578125em"},name:"size-square-avatar-medium",attributes:{category:"size",type:"square",item:"avatar",subitem:"medium"},path:["size","square","avatar","medium"]},large:{value:"11.641532182693481em",filePath:"src/tokens/size/sizing.js",isSource:!0,original:{value:"11.641532182693481em"},name:"size-square-avatar-large",attributes:{category:"size",type:"square",item:"avatar",subitem:"large"},path:["size","square","avatar","large"]},full:{value:"100%",filePath:"src/tokens/size/sizing.js",isSource:!0,original:{value:"100%"},name:"size-square-avatar-full",attributes:{category:"size",type:"square",item:"avatar",subitem:"full"},path:["size","square","avatar","full"]}},control:{icon:{value:"1em",filePath:"src/tokens/size/sizing.js",isSource:!0,original:{value:"1em"},name:"size-square-control-icon",attributes:{category:"size",type:"square",item:"control",subitem:"icon"},path:["size","square","control","icon"]}},toggle:{medium:{value:"1.5625em",filePath:"src/tokens/size/sizing.js",isSource:!0,original:{value:"1.5625em"},name:"size-square-toggle-medium",attributes:{category:"size",type:"square",item:"toggle",subitem:"medium"},path:["size","square","toggle","medium"]}},footnote_link:{value:"1.5625em",filePath:"src/tokens/size/sizing.js",isSource:!0,original:{value:"1.5625em"},name:"size-square-footnote-link",attributes:{category:"size",type:"square",item:"footnote_link"},path:["size","square","footnote_link"]}},overlap:{small:{value:"0.262144em",comment:"Small amount of overlap between adjacent items organized in a visual bunch.",filePath:"src/tokens/size/sizing.js",isSource:!0,original:{value:"0.262144em",comment:"Small amount of overlap between adjacent items organized in a visual bunch."},name:"size-overlap-small",attributes:{category:"size",type:"overlap",item:"small"},path:["size","overlap","small"]},large:{value:"1.25em",comment:"Larger amount of overlap between adjacent items.",filePath:"src/tokens/size/sizing.js",isSource:!0,original:{value:"1.25em",comment:"Larger amount of overlap between adjacent items."},name:"size-overlap-large",attributes:{category:"size",type:"overlap",item:"large"},path:["size","overlap","large"]}},spacing:{gap:{button:{extra:{value:"0.40959999999999996em",comment:"Gap between button content and extra content.",filePath:"src/tokens/size/spacing.js",isSource:!0,original:{value:"0.40959999999999996em",comment:"Gap between button content and extra content."},name:"size-spacing-gap-button-extra",attributes:{category:"size",type:"spacing",item:"gap",subitem:"button",state:"extra"},path:["size","spacing","gap","button","extra"]}},inline:{small:{value:"1em",comment:"Horizontal/column gap between media object and content, etc.",filePath:"src/tokens/size/spacing.js",isSource:!0,original:{value:"1em",comment:"Horizontal/column gap between media object and content, etc."},name:"size-spacing-gap-inline-small",attributes:{category:"size",type:"spacing",item:"gap",subitem:"inline",state:"small"},path:["size","spacing","gap","inline","small"]},medium:{value:"1.25em",comment:"Horizontal/column gap between cells in inline lists, event logs, etc.",filePath:"src/tokens/size/spacing.js",isSource:!0,original:{value:"1.25em",comment:"Horizontal/column gap between cells in inline lists, event logs, etc."},name:"size-spacing-gap-inline-medium",attributes:{category:"size",type:"spacing",item:"gap",subitem:"inline",state:"medium"},path:["size","spacing","gap","inline","medium"]}},fluid:{min:{value:"1.953125em",comment:"Minimum size of a large content gap, for example gutters between cards.",filePath:"src/tokens/size/spacing.js",isSource:!0,original:{value:"1.953125em",comment:"Minimum size of a large content gap, for example gutters between cards."},name:"size-spacing-gap-fluid-min",attributes:{category:"size",type:"spacing",item:"gap",subitem:"fluid",state:"min"},path:["size","spacing","gap","fluid","min"]},max:{value:"3.814697265625em",comment:"Maximum size of a large content gap, for example gutters between cards.",filePath:"src/tokens/size/spacing.js",isSource:!0,original:{value:"3.814697265625em",comment:"Maximum size of a large content gap, for example gutters between cards."},name:"size-spacing-gap-fluid-max",attributes:{category:"size",type:"spacing",item:"gap",subitem:"fluid",state:"max"},path:["size","spacing","gap","fluid","max"]}},button_group:{default:{value:"0.64em",comment:"The Button Group default gap spacing.",filePath:"src/tokens/size/spacing.js",isSource:!0,original:{value:"0.64em",comment:"The Button Group default gap spacing."},name:"size-spacing-gap-button-group-default",attributes:{category:"size",type:"spacing",item:"gap",subitem:"button_group",state:"default"},path:["size","spacing","gap","button_group","default"]}},form_group:{default:{value:"0.32767999999999997em",comment:"The Form Group default gap spacing.",filePath:"src/tokens/size/spacing.js",isSource:!0,original:{value:"0.32767999999999997em",comment:"The Form Group default gap spacing."},name:"size-spacing-gap-form-group-default",attributes:{category:"size",type:"spacing",item:"gap",subitem:"form_group",state:"default"},path:["size","spacing","gap","form_group","default"]}},logo_group:{value:"1.953125em",filePath:"src/tokens/size/spacing.js",isSource:!0,original:{value:"1.953125em"},name:"size-spacing-gap-logo-group",attributes:{category:"size",type:"spacing",item:"gap",subitem:"logo_group"},path:["size","spacing","gap","logo_group"]},comment_form:{horizontal:{value:"2.44140625rem",filePath:"src/tokens/size/spacing.js",isSource:!0,original:{value:"2.44140625rem"},name:"size-spacing-gap-comment-form-horizontal",attributes:{category:"size",type:"spacing",item:"gap",subitem:"comment_form",state:"horizontal"},path:["size","spacing","gap","comment_form","horizontal"]},vertical:{value:"1.5625rem",filePath:"src/tokens/size/spacing.js",isSource:!0,original:{value:"1.5625rem"},name:"size-spacing-gap-comment-form-vertical",attributes:{category:"size",type:"spacing",item:"gap",subitem:"comment_form",state:"vertical"},path:["size","spacing","gap","comment_form","vertical"]}}},control:{text_inset:{value:"0.8em",filePath:"src/tokens/size/spacing.js",isSource:!0,original:{value:"0.8em"},name:"size-spacing-control-text-inset",attributes:{category:"size",type:"spacing",item:"control",subitem:"text_inset"},path:["size","spacing","control","text_inset"]},icon_inset:{value:"0.512em",filePath:"src/tokens/size/spacing.js",isSource:!0,original:{value:"0.512em"},name:"size-spacing-control-icon-inset",attributes:{category:"size",type:"spacing",item:"control",subitem:"icon_inset"},path:["size","spacing","control","icon_inset"]}},type:{block_indent:{value:"1.25em",comment:"Shared indentation for lists, blockquotes, etc.",filePath:"src/tokens/size/spacing.js",isSource:!0,original:{value:"{size.spacing.gap.inline.medium.value}",comment:"Shared indentation for lists, blockquotes, etc."},name:"size-spacing-type-block-indent",attributes:{category:"size",type:"spacing",item:"type",subitem:"block_indent"},path:["size","spacing","type","block_indent"]}},list:{inline_gap:{value:"1.25em",filePath:"src/tokens/size/spacing.js",isSource:!0,original:{value:"{size.spacing.gap.inline.medium.value}"},name:"size-spacing-list-inline-gap",attributes:{category:"size",type:"spacing",item:"list",subitem:"inline_gap"},path:["size","spacing","list","inline_gap"]}},media:{gap:{value:"1em",filePath:"src/tokens/size/spacing.js",isSource:!0,original:{value:"{size.spacing.gap.inline.small.value}"},name:"size-spacing-media-gap",attributes:{category:"size",type:"spacing",item:"media",subitem:"gap"},path:["size","spacing","media","gap"]}}}},g={transition:{instant:{value:"0s",filePath:"src/tokens/time/transition.json",isSource:!0,original:{value:"0s"},name:"time-transition-instant",attributes:{category:"time",type:"transition",item:"instant"},path:["time","transition","instant"]},immediate:{value:"0.1s",filePath:"src/tokens/time/transition.json",isSource:!0,original:{value:"0.1s"},name:"time-transition-immediate",attributes:{category:"time",type:"transition",item:"immediate"},path:["time","transition","immediate"]},quick:{value:"0.2s",filePath:"src/tokens/time/transition.json",isSource:!0,original:{value:"0.2s"},name:"time-transition-quick",attributes:{category:"time",type:"transition",item:"quick"},path:["time","transition","quick"]},prompt:{value:"0.3s",filePath:"src/tokens/time/transition.json",isSource:!0,original:{value:"0.3s"},name:"time-transition-prompt",attributes:{category:"time",type:"transition",item:"prompt"},path:["time","transition","prompt"]},slow:{value:"0.4s",filePath:"src/tokens/time/transition.json",isSource:!0,original:{value:"0.4s"},name:"time-transition-slow",attributes:{category:"time",type:"transition",item:"slow"},path:["time","transition","slow"]},glacial:{value:"0.6s",filePath:"src/tokens/time/transition.json",isSource:!0,original:{value:"0.6s"},name:"time-transition-glacial",attributes:{category:"time",type:"transition",item:"glacial"},path:["time","transition","glacial"]}}};e.createElasticTextArea=e=>{const t="is-elastic";e.classList.add(t);const i=Number(e.getAttribute("rows"))||2;let a=Number(e.getAttribute("rows"))||i;e.setAttribute("rows",String(a));const s=()=>e.scrollHeight>e.clientHeight,n=()=>{let t=e.clientHeight;for(;s();){a++,e.setAttribute("rows",String(a));const i=e.clientHeight;if(i===t)break;t=i}},o=()=>{s()?n():(()=>{for(;!s()&&a>i;)if(a--,e.setAttribute("rows",String(Math.max(a,i))),s()){n();break}})()};e.addEventListener("input",o);const r=new ResizeObserver(o);r.observe(e);return o(),{destroy:()=>{e.classList.remove(t),e.removeEventListener("input",o),r.disconnect()}}},e.createSubscribe=e=>{const t="activate-form";let i,a=!1;const s=e.querySelector(".js-subscribe__get-weekly-digests-btn"),n=e.querySelector("form"),o=e.querySelectorAll("label, input, button"),r=e.querySelectorAll(".js-subscribe__control"),l=e.querySelector(".js-subscribe__controls-ui");if(!s||!n||!l)return;const m=()=>{clearTimeout(i),e.classList.remove(t),a=!1},u=()=>{clearTimeout(i),e.classList.add(t),a=!0},c=()=>{clearTimeout(i),i=window.setTimeout((()=>{e.classList.remove(t),a=!1}),1e3)},g=i=>{i.preventDefault(),e.classList.add(t),a=!0,n.querySelector("input")?.focus()},d=e=>{"Escape"===e.key&&a&&s.focus()},p=[],h=()=>{clearTimeout(i);for(const e of p)e();l.hidden=!0,e.classList.add(t)};return{init:()=>{h(),l.hidden=!1,(()=>{s.addEventListener("click",g),p.push((()=>s.removeEventListener("click",g)));for(const e of o)e.addEventListener("blur",c),e.addEventListener("focus",u),p.push((()=>{e.removeEventListener("blur",c),e.removeEventListener("focus",u)}));for(const e of r)e.addEventListener("focus",m),p.push((()=>e.removeEventListener("focus",m)));document.addEventListener("keydown",d),p.push((()=>document.removeEventListener("keydown",d)))})(),e.classList.remove(t)},destroy:h}},e.defaultArgTypes={alternate:{control:{type:"boolean"}},feature_count:{control:{type:"number",min:0,max:2}},feature_one_title:{type:{name:"string"}},feature_one_content:{type:{name:"string"}},feature_two_title:{type:{name:"string"}},feature_two_content:{type:{name:"string"}},organizationName:{type:{name:"string"}},organizationStreetAddress:{type:{name:"string"}},organizationAddressLocality:{type:{name:"string"}},organizationAddressRegion:{type:{name:"string"}},organizationPostalCode:{type:{name:"string"}},organizationAddressCountry:{type:{name:"string"}},organizationEmail:{type:{name:"string"}},organizationTelephone:{type:{name:"string"}},organizationUrl:{type:{name:"string"}},organizationFoundingDate:{type:{name:"string"}}},e.defaultArgs=m,e.generateGroundNavProps=e=>({menu:l,social:o,topics:r,alternate:e.alternate,feature_count:e.feature_count,feature_one_title:e.feature_one_title,feature_one_content:e.feature_one_content,feature_two_title:e.feature_two_title,feature_two_content:e.feature_two_content,organization:{name:e.organizationName,address:{street_address:e.organizationStreetAddress,address_locality:e.organizationAddressLocality,address_region:e.organizationAddressRegion,postal_code:e.organizationPostalCode,address_country:e.organizationAddressCountry},email:e.organizationEmail,telephone:e.organizationTelephone,url:e.organizationUrl,founding_date:e.organizationFoundingDate}}),e.initCommentReplyForm=e=>{const t=e.querySelector(".js-comment-reply-button"),i=e.querySelector(".js-comment-reply-form"),a=e.querySelector(".js-cancel-reply");if(!t||!i||!a)return{destroy:()=>{}};const s=()=>{e.classList.add("is-replying"),t.setAttribute("hidden","");const a=i.querySelector("textarea, input");a?.focus(),setTimeout((()=>a?.focus()),0)},n=()=>{e.classList.remove("is-replying"),t.removeAttribute("hidden"),setTimeout((()=>t.focus()),0)};t.addEventListener("click",s),a.addEventListener("click",n);return{destroy:()=>{t.removeEventListener("click",s),a.removeEventListener("click",n)}}},e.initSkyNav=e=>{const t=e.nextElementSibling,i=e.closest(".js-sky-nav"),a=window.matchMedia(`(min-width: ${c.breakpoint.m.value})`),s=window.matchMedia("(prefers-reduced-motion: reduce)");i.classList.remove("is-loading");const n=()=>{a.matches?(e.removeAttribute("aria-expanded"),t.hidden=!1):(e.setAttribute("aria-expanded","false"),t.hidden=!0)};let o=-1;const r=()=>{const a="true"===e.getAttribute("aria-expanded");if(e.setAttribute("aria-expanded",String(!a)),s.matches)return void(t.hidden=a);const n=Number.parseFloat(g.transition.slow.value),r=`transform ${n}s ${u.in_out.value}`;clearTimeout(o),t.hidden=!1;const l=t.getBoundingClientRect().height;a?(document.body.style.setProperty("transition",r),document.body.style.setProperty("transform",`translateY(${-l}px)`),o=setTimeout((()=>{t.hidden=!0,document.body.style.removeProperty("transition"),document.body.style.removeProperty("transform")}),1e3*n)):(document.body.style.setProperty("transform",`translateY(${-l}px)`),i.offsetWidth,document.body.style.setProperty("transition",r),document.body.style.removeProperty("transform"),o=setTimeout((()=>{document.body.style.removeProperty("transition")}),1e3*n))};e.addEventListener("click",r),a.addEventListener("change",n),n();return{destroy:()=>{e.removeEventListener("click",r),a.removeEventListener("change",n)}}},Object.defineProperty(e,"__esModule",{value:!0})}));