@lifesg/react-design-system 3.5.0-canary.8 → 3.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_virtual/_tslib.js +1 -1
- package/cjs/_virtual/_tslib.js +1 -1
- package/cjs/external/@govtechsg/sgds-web-component/base/sgds-element.js +2 -0
- package/cjs/external/@govtechsg/sgds-web-component/base/sgds-element.js.map +1 -0
- package/cjs/external/@govtechsg/sgds-web-component/base/sgds-element2.js +2 -0
- package/cjs/external/@govtechsg/sgds-web-component/base/sgds-element2.js.map +1 -0
- package/cjs/external/@govtechsg/sgds-web-component/components/Masthead/index.js +2 -0
- package/cjs/external/@govtechsg/sgds-web-component/components/Masthead/index.js.map +1 -0
- package/cjs/external/@govtechsg/sgds-web-component/components/Masthead/masthead.js +2 -0
- package/cjs/external/@govtechsg/sgds-web-component/components/Masthead/masthead.js.map +1 -0
- package/cjs/external/@govtechsg/sgds-web-component/components/Masthead/sgds-masthead.js +154 -0
- package/cjs/external/@govtechsg/sgds-web-component/components/Masthead/sgds-masthead.js.map +1 -0
- package/cjs/external/@govtechsg/sgds-web-component/styles/anchor.js +2 -0
- package/cjs/external/@govtechsg/sgds-web-component/styles/anchor.js.map +1 -0
- package/cjs/external/@govtechsg/sgds-web-component/styles/svg.js +2 -0
- package/cjs/external/@govtechsg/sgds-web-component/styles/svg.js.map +1 -0
- package/cjs/external/@govtechsg/sgds-web-component/themes/day.css.js +1 -1
- package/cjs/external/@govtechsg/sgds-web-component/themes/night.css.js +1 -1
- package/cjs/external/@govtechsg/sgds-web-component/utils/ce-registry.js +2 -0
- package/cjs/external/@govtechsg/sgds-web-component/utils/ce-registry.js.map +1 -0
- package/cjs/external/@lit/reactive-element/css-tag.js +7 -0
- package/cjs/external/@lit/reactive-element/css-tag.js.map +1 -0
- package/cjs/external/@lit/reactive-element/decorators/property.js +7 -0
- package/cjs/external/@lit/reactive-element/decorators/property.js.map +1 -0
- package/cjs/external/@lit/reactive-element/decorators/state.js +7 -0
- package/cjs/external/@lit/reactive-element/decorators/state.js.map +1 -0
- package/cjs/external/@lit/reactive-element/reactive-element.js +7 -0
- package/cjs/external/@lit/reactive-element/reactive-element.js.map +1 -0
- package/cjs/external/lit-element/lit-element.js +8 -0
- package/cjs/external/lit-element/lit-element.js.map +1 -0
- package/cjs/external/lit-html/lit-html.js +7 -0
- package/cjs/external/lit-html/lit-html.js.map +1 -0
- package/cjs/masthead/masthead.js +1 -1
- package/cjs/masthead/masthead.js.map +1 -1
- package/cjs/notification-banner/notification-banner-hoc.js +1 -1
- package/cjs/notification-banner/notification-banner-hoc.js.map +1 -1
- package/codemods/run-codemod.js +10 -3
- package/codemods/run-codemod.js.map +1 -1
- package/codemods/run-codemod.ts +12 -4
- package/external/@govtechsg/sgds-web-component/base/sgds-element.js +2 -0
- package/external/@govtechsg/sgds-web-component/base/sgds-element.js.map +1 -0
- package/external/@govtechsg/sgds-web-component/base/sgds-element2.js +2 -0
- package/external/@govtechsg/sgds-web-component/base/sgds-element2.js.map +1 -0
- package/external/@govtechsg/sgds-web-component/components/Masthead/index.js +2 -0
- package/external/@govtechsg/sgds-web-component/components/Masthead/index.js.map +1 -0
- package/external/@govtechsg/sgds-web-component/components/Masthead/masthead.js +2 -0
- package/external/@govtechsg/sgds-web-component/components/Masthead/masthead.js.map +1 -0
- package/external/@govtechsg/sgds-web-component/components/Masthead/sgds-masthead.js +154 -0
- package/external/@govtechsg/sgds-web-component/components/Masthead/sgds-masthead.js.map +1 -0
- package/external/@govtechsg/sgds-web-component/styles/anchor.js +2 -0
- package/external/@govtechsg/sgds-web-component/styles/anchor.js.map +1 -0
- package/external/@govtechsg/sgds-web-component/styles/svg.js +2 -0
- package/external/@govtechsg/sgds-web-component/styles/svg.js.map +1 -0
- package/external/@govtechsg/sgds-web-component/themes/day.css.js +1 -1
- package/external/@govtechsg/sgds-web-component/themes/night.css.js +1 -1
- package/external/@govtechsg/sgds-web-component/utils/ce-registry.js +2 -0
- package/external/@govtechsg/sgds-web-component/utils/ce-registry.js.map +1 -0
- package/external/@lit/reactive-element/css-tag.js +7 -0
- package/external/@lit/reactive-element/css-tag.js.map +1 -0
- package/external/@lit/reactive-element/decorators/property.js +7 -0
- package/external/@lit/reactive-element/decorators/property.js.map +1 -0
- package/external/@lit/reactive-element/decorators/state.js +7 -0
- package/external/@lit/reactive-element/decorators/state.js.map +1 -0
- package/external/@lit/reactive-element/reactive-element.js +7 -0
- package/external/@lit/reactive-element/reactive-element.js.map +1 -0
- package/external/lit-element/lit-element.js +7 -0
- package/external/lit-element/lit-element.js.map +1 -0
- package/external/lit-html/lit-html.js +7 -0
- package/external/lit-html/lit-html.js.map +1 -0
- package/masthead/masthead.js +1 -1
- package/masthead/masthead.js.map +1 -1
- package/notification-banner/notification-banner-hoc.js +1 -1
- package/notification-banner/notification-banner-hoc.js.map +1 -1
- package/package.json +1 -1
package/_virtual/_tslib.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
function
|
|
1
|
+
function e(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function t(e,t,r,n){var o,l=arguments.length,c=l<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,r,n);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(c=(l<3?o(c):l>3?o(t,r,c):o(t,r))||c);return l>3&&c&&Object.defineProperty(t,r,c),c}function r(e,t,r,n){return new(r||(r=Promise))((function(o,l){function c(e){try{i(n.next(e))}catch(e){l(e)}}function a(e){try{i(n.throw(e))}catch(e){l(e)}}function i(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(c,a)}i((n=n.apply(e,t||[])).next())}))}function n(e,t){var r,n,o,l={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]},c=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return c.next=a(0),c.throw=a(1),c.return=a(2),"function"==typeof Symbol&&(c[Symbol.iterator]=function(){return this}),c;function a(a){return function(i){return function(a){if(r)throw new TypeError("Generator is already executing.");for(;c&&(c=0,a[0]&&(l=0)),l;)try{if(r=1,n&&(o=2&a[0]?n.return:a[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,a[1])).done)return o;switch(n=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return l.label++,{value:a[1],done:!1};case 5:l.label++,n=a[1],a=[0];continue;case 7:a=l.ops.pop(),l.trys.pop();continue;default:if(!(o=l.trys,(o=o.length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){l=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){l.label=a[1];break}if(6===a[0]&&l.label<o[1]){l.label=o[1],o=a;break}if(o&&l.label<o[2]){l.label=o[2],l.ops.push(a);break}o[2]&&l.ops.pop(),l.trys.pop();continue}a=t.call(e,l)}catch(e){a=[6,e],n=0}finally{r=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,i])}}}function o(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,l=r.call(e),c=[];try{for(;(void 0===t||t-- >0)&&!(n=l.next()).done;)c.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=l.return)&&r.call(l)}finally{if(o)throw o.error}}return c}function l(e,t,r){if(r||2===arguments.length)for(var n,o=0,l=t.length;o<l;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}"function"==typeof SuppressedError&&SuppressedError;export{r as __awaiter,t as __decorate,n as __generator,o as __read,e as __rest,l as __spreadArray};
|
|
2
2
|
//# sourceMappingURL=_tslib.js.map
|
package/cjs/_virtual/_tslib.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";"function"==typeof SuppressedError&&SuppressedError,exports.__awaiter=function(
|
|
1
|
+
"use strict";"function"==typeof SuppressedError&&SuppressedError,exports.__awaiter=function(e,t,r,n){return new(r||(r=Promise))((function(o,a){function c(e){try{i(n.next(e))}catch(e){a(e)}}function l(e){try{i(n.throw(e))}catch(e){a(e)}}function i(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(c,l)}i((n=n.apply(e,t||[])).next())}))},exports.__decorate=function(e,t,r,n){var o,a=arguments.length,c=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,r,n);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(c=(a<3?o(c):a>3?o(t,r,c):o(t,r))||c);return a>3&&c&&Object.defineProperty(t,r,c),c},exports.__generator=function(e,t){var r,n,o,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]},c=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return c.next=l(0),c.throw=l(1),c.return=l(2),"function"==typeof Symbol&&(c[Symbol.iterator]=function(){return this}),c;function l(l){return function(i){return function(l){if(r)throw new TypeError("Generator is already executing.");for(;c&&(c=0,l[0]&&(a=0)),a;)try{if(r=1,n&&(o=2&l[0]?n.return:l[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,l[1])).done)return o;switch(n=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return a.label++,{value:l[1],done:!1};case 5:a.label++,n=l[1],l=[0];continue;case 7:l=a.ops.pop(),a.trys.pop();continue;default:if(!(o=a.trys,(o=o.length>0&&o[o.length-1])||6!==l[0]&&2!==l[0])){a=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){a.label=l[1];break}if(6===l[0]&&a.label<o[1]){a.label=o[1],o=l;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(l);break}o[2]&&a.ops.pop(),a.trys.pop();continue}l=t.call(e,a)}catch(e){l=[6,e],n=0}finally{r=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,i])}}},exports.__read=function(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),c=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)c.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return c},exports.__rest=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r},exports.__spreadArray=function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))};
|
|
2
2
|
//# sourceMappingURL=_tslib.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_tslib.js");require("../../../@lit/reactive-element/reactive-element.js"),require("../../../lit-html/lit-html.js");var t=require("../../../lit-element/lit-element.js"),s=require("./sgds-element2.js"),r=require("../../../@lit/reactive-element/decorators/property.js");class i extends t.LitElement{emit(e,t){const s=new CustomEvent(e,Object.assign({bubbles:!0,cancelable:!1,composed:!0,detail:{}},t));return this.dispatchEvent(s),s}static define(e,t=this,s={}){if(customElements.get(e));else try{customElements.define(e,t,s)}catch(r){customElements.define(e,class extends t{},s)}}constructor(){super(),this.ssr=Boolean(this.shadowRoot),Object.entries(this.constructor.dependencies).forEach((([e,t])=>{this.constructor.define(e,t)}))}firstUpdated(e){var t;super.firstUpdated(e),this.ssr&&(null===(t=this.shadowRoot)||void 0===t||t.querySelectorAll("slot").forEach((e=>{e.dispatchEvent(new Event("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))})))}}i.styles=[s.default],i.dependencies={},e.__decorate([r.property({type:Boolean,reflect:!0})],i.prototype,"ssr",void 0),exports.default=i;
|
|
2
|
+
//# sourceMappingURL=sgds-element.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sgds-element.js","sources":["../../../../../../node_modules/@govtechsg/sgds-web-component/base/sgds-element.js"],"sourcesContent":["import { __decorate } from 'tslib';\nimport { LitElement, isServer } from 'lit';\nimport css_248z from './sgds-element2.js';\nimport { property } from 'lit/decorators.js';\n\nclass SgdsElement extends LitElement {\n /** Emits a custom event with more convenient defaults. */\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n emit(name, options) {\n const event = new CustomEvent(name, Object.assign({ bubbles: true, cancelable: false, composed: true, detail: {} }, options));\n this.dispatchEvent(event);\n return event;\n }\n static define(name, elementConstructor = this, options = {}) {\n const currentlyRegisteredConstructor = customElements.get(name);\n if (!currentlyRegisteredConstructor) {\n // We try to register as the actual class first. If for some reason that fails, we fall back to anonymous classes.\n // customElements can only have 1 class of the same \"object id\" per registry, so that is why the try {} catch {} exists.\n // Some tools like Jest Snapshots and if you import the constructor and call `new SgdsButton()` they will fail with\n // the anonymous class version.\n try {\n customElements.define(name, elementConstructor, options);\n }\n catch (_err) {\n customElements.define(name, class extends elementConstructor {\n }, options);\n }\n return;\n }\n }\n constructor() {\n super();\n /**@internal Set to true in SSR environment */\n this.ssr = isServer || Boolean(this.shadowRoot);\n Object.entries(this.constructor.dependencies).forEach(([name, component]) => {\n this.constructor.define(name, component);\n });\n }\n firstUpdated(changedProperties) {\n var _a;\n super.firstUpdated(changedProperties);\n // This is a fix to workaround SSR not being able to catch slotchange events.\n // https://github.com/lit/lit/discussions/4697\n if (this.ssr) {\n (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(\"slot\").forEach(slotElement => {\n slotElement.dispatchEvent(new Event(\"slotchange\", { bubbles: true, composed: false, cancelable: false }));\n });\n }\n }\n}\nSgdsElement.styles = [css_248z];\n/** @internal */\nSgdsElement.dependencies = {};\n__decorate([\n property({ type: Boolean, reflect: true })\n], SgdsElement.prototype, \"ssr\", void 0);\n\nexport { SgdsElement as default };\n//# sourceMappingURL=sgds-element.js.map\n"],"names":["SgdsElement","LitElement","emit","name","options","event","CustomEvent","Object","assign","bubbles","cancelable","composed","detail","this","dispatchEvent","define","elementConstructor","customElements","get","_err","constructor","super","ssr","Boolean","shadowRoot","entries","dependencies","forEach","component","firstUpdated","changedProperties","_a","querySelectorAll","slotElement","Event","styles","css_248z","__decorate","property","type","reflect","prototype"],"mappings":"mXAKA,MAAMA,UAAoBC,EAAAA,WAGtB,IAAAC,CAAKC,EAAMC,GACP,MAAMC,EAAQ,IAAIC,YAAYH,EAAMI,OAAOC,OAAO,CAAEC,SAAS,EAAMC,YAAY,EAAOC,UAAU,EAAMC,OAAQ,CAAA,GAAMR,IAEpH,OADAS,KAAKC,cAAcT,GACZA,CACX,CACA,aAAOU,CAAOZ,EAAMa,EAAqBH,KAAMT,EAAU,CAAA,GAErD,GADuCa,eAAeC,IAAIf,SAMtD,IACIc,eAAeF,OAAOZ,EAAMa,EAAoBZ,EACpD,CACA,MAAOe,GACHF,eAAeF,OAAOZ,EAAM,cAAca,IACvCZ,EACP,CAGR,CACA,WAAAgB,GACIC,QAEAR,KAAKS,IAAkBC,QAAQV,KAAKW,YACpCjB,OAAOkB,QAAQZ,KAAKO,YAAYM,cAAcC,SAAQ,EAAExB,EAAMyB,MAC1Df,KAAKO,YAAYL,OAAOZ,EAAMyB,EAAU,GAEhD,CACA,YAAAC,CAAaC,GACT,IAAIC,EACJV,MAAMQ,aAAaC,GAGfjB,KAAKS,MACsB,QAA1BS,EAAKlB,KAAKW,kBAA+B,IAAPO,GAAyBA,EAAGC,iBAAiB,QAAQL,SAAQM,IAC5FA,EAAYnB,cAAc,IAAIoB,MAAM,aAAc,CAAEzB,SAAS,EAAME,UAAU,EAAOD,YAAY,IAAS,IAGrH,EAEJV,EAAYmC,OAAS,CAACC,WAEtBpC,EAAY0B,aAAe,CAAA,EAC3BW,EAAAA,WAAW,CACPC,EAAAA,SAAS,CAAEC,KAAMhB,QAASiB,SAAS,KACpCxC,EAAYyC,UAAW,WAAO","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../../@lit/reactive-element/reactive-element.js"),require("../../../lit-html/lit-html.js"),require("../../../lit-element/lit-element.js");var e=require("../../../@lit/reactive-element/css-tag.js").css`:host{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;color:var(--sgds-body-color-default,#1a1a1a);display:block;font-family:var(--sgds-font-family-brand,"Inter",system-ui,sans-serif);font-size:var(--sgds-font-size-body-md,1rem);font-weight:var(--sgds-font-weight-regular,400);line-height:var(--sgds-line-height-xs,24px);margin:0;*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:disabled{cursor:not-allowed}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}::slotted(a[target=_blank]):after,a[target=_blank]:after{background-color:currentColor;content:"/";display:inline-block;height:1em;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:top;width:1em}::slotted(svg){vertical-align:middle}}`;exports.default=e;
|
|
2
|
+
//# sourceMappingURL=sgds-element2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sgds-element2.js","sources":["../../../../../../node_modules/@govtechsg/sgds-web-component/base/sgds-element2.js"],"sourcesContent":["import { css } from 'lit';\n\nvar css_248z = css`:host{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;color:var(--sgds-body-color-default,#1a1a1a);display:block;font-family:var(--sgds-font-family-brand,\"Inter\",system-ui,sans-serif);font-size:var(--sgds-font-size-body-md,1rem);font-weight:var(--sgds-font-weight-regular,400);line-height:var(--sgds-line-height-xs,24px);margin:0;*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:disabled{cursor:not-allowed}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}::slotted(a[target=_blank]):after,a[target=_blank]:after{background-color:currentColor;content:\"/\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:top;width:1em}::slotted(svg){vertical-align:middle}}`;\n\nexport { css_248z as default };\n//# sourceMappingURL=sgds-element2.js.map\n"],"names":["css_248z","css"],"mappings":"8NAEIA,uDAAWC,GAAG","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../../../node_modules/@govtechsg/sgds-web-component/components/Masthead/index.js"],"sourcesContent":["import { SgdsMasthead } from './sgds-masthead.js';\nimport { register } from '../../utils/ce-registry.js';\n\nregister(\"sgds-masthead\", SgdsMasthead);\n//# sourceMappingURL=index.js.map\n"],"names":["register","SgdsMasthead"],"mappings":"uFAGAA,SAAS,gBAAiBC,EAAAA","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../../../@lit/reactive-element/reactive-element.js"),require("../../../../lit-html/lit-html.js"),require("../../../../lit-element/lit-element.js");var e=require("../../../../@lit/reactive-element/css-tag.js").css`b{font-weight:bolder}[role=button]{cursor:pointer}a{color:#0049dc;text-decoration:none!important}a[target=_blank]:after{height:var(--sgds-icon-size-sm,1rem)!important;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.516 2.933h.017a.4.4 0 1 1 0 .8c-.566 0-.967 0-1.28.026-.31.025-.498.073-.646.149a1.6 1.6 0 0 0-.7.699c-.075.148-.123.336-.148.645-.025.314-.026.714-.026 1.281v2.933c0 .567 0 .968.026 1.282.026.308.073.497.149.645a1.6 1.6 0 0 0 .699.699c.148.075.337.123.645.149.314.025.715.025 1.281.025h2.934c.566 0 .967 0 1.28-.025.31-.026.498-.073.646-.149a1.6 1.6 0 0 0 .7-.7c.075-.147.123-.336.148-.644.025-.314.026-.715.026-1.282a.4.4 0 0 1 .8 0v.018c0 .545 0 .979-.029 1.329-.03.358-.09.663-.233.943a2.4 2.4 0 0 1-1.049 1.049c-.28.142-.585.204-.943.233-.35.028-.784.028-1.329.028H6.516c-.545 0-.979 0-1.329-.028-.358-.03-.664-.09-.943-.233a2.4 2.4 0 0 1-1.05-1.049c-.142-.28-.203-.585-.232-.943-.029-.35-.029-.784-.029-1.33V6.517c0-.546 0-.98.029-1.33.03-.357.09-.663.233-.942a2.4 2.4 0 0 1 1.049-1.05c.28-.142.585-.203.943-.232.35-.029.784-.029 1.329-.029Zm1.75.4c0-.22.18-.4.4-.4h4c.222 0 .4.18.4.4v4a.4.4 0 0 1-.8 0V4.3L8.284 8.283a.4.4 0 0 1-.566-.566l3.984-3.984H8.667a.4.4 0 0 1-.4-.4Z' fill='%230269D0'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.516 2.933h.017a.4.4 0 1 1 0 .8c-.566 0-.967 0-1.28.026-.31.025-.498.073-.646.149a1.6 1.6 0 0 0-.7.699c-.075.148-.123.336-.148.645-.025.314-.026.714-.026 1.281v2.933c0 .567 0 .968.026 1.282.026.308.073.497.149.645a1.6 1.6 0 0 0 .699.699c.148.075.337.123.645.149.314.025.715.025 1.281.025h2.934c.566 0 .967 0 1.28-.025.31-.026.498-.073.646-.149a1.6 1.6 0 0 0 .7-.7c.075-.147.123-.336.148-.644.025-.314.026-.715.026-1.282a.4.4 0 0 1 .8 0v.018c0 .545 0 .979-.029 1.329-.03.358-.09.663-.233.943a2.4 2.4 0 0 1-1.049 1.049c-.28.142-.585.204-.943.233-.35.028-.784.028-1.329.028H6.516c-.545 0-.979 0-1.329-.028-.358-.03-.664-.09-.943-.233a2.4 2.4 0 0 1-1.05-1.049c-.142-.28-.203-.585-.232-.943-.029-.35-.029-.784-.029-1.33V6.517c0-.546 0-.98.029-1.33.03-.357.09-.663.233-.942a2.4 2.4 0 0 1 1.049-1.05c.28-.142.585-.203.943-.232.35-.029.784-.029 1.329-.029Zm1.75.4c0-.22.18-.4.4-.4h4c.222 0 .4.18.4.4v4a.4.4 0 0 1-.8 0V4.3L8.284 8.283a.4.4 0 0 1-.566-.566l3.984-3.984H8.667a.4.4 0 0 1-.4-.4Z' fill='%230269D0'/%3E%3C/svg%3E")!important;width:var(--sgds-icon-size-sm,1rem)!important}a:hover{color:#0022b9}.sgds-masthead{color-scheme:var(--sgds-color-scheme,only light);font-family:Inter,system-ui,sans-serif;font-size:.875rem;line-height:1.25rem}.banner{background-color:light-dark(#f7f7f7,#1a1a1a)}.container{margin-left:auto;margin-right:auto;max-width:var(--sgds-mainnav-max-width,1440px);padding:.25rem var(--sgds-mainnav-mobile-padding-x,1.25rem);width:100%}:host([fluid]) .container{max-width:none}.sg-crest{flex-shrink:0;height:20px;width:20px}.sg-crest path{fill:#db0000}.masthead-layout{display:flex;gap:.25rem}.masthead-text-layout{align-items:center;display:flex;flex-wrap:wrap;gap:0 .75rem}.sgds-masthead-identify-icon{align-self:center;display:block;height:20px;transform:rotate(180deg);transition:transform .3s ease-in-out 0s;user-select:none;width:20px}.sgds-masthead-identify-icon.show{transform:rotate(0deg)}.sgds-masthead-button{align-items:center;color:light-dark(#0269d0,#60aaf4);cursor:pointer;display:flex;gap:4px}.sgds-masthead-button:hover{color:light-dark(#0151a0,#96c7f7)}.panel{background-color:light-dark(#f7f7f7,#1a1a1a)}.sgds-masthead .sgds-masthead-content{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;padding-bottom:0;padding-top:0;transition:grid-template-rows .3s cubic-bezier(.25,0,.25,1),opacity .3s cubic-bezier(.25,0,.25,1),padding .3s cubic-bezier(.25,0,.25,1)}.sgds-masthead .sgds-masthead-content.show{grid-template-rows:1fr;opacity:1;padding-bottom:1rem;padding-top:1rem}.sgds-masthead .sgds-masthead-content>.content-grid{min-height:0}.content-grid{display:grid;gap:1rem;grid-template-columns:1fr}.icon{margin-top:-.1em}.wrapper{display:flex;gap:.5rem}.content{display:flex;flex-direction:column;gap:.25rem}.content .title{font-weight:600}.content article{color:light-dark(#525252,#a5a5a5)}.banner-icon,.banner-icon-inline{height:20px;width:20px}.banner-icon path,.banner-icon-inline path{fill:light-dark(#1a1a1a,#f3f3f3)}a.trusted-websites-link{color:light-dark(#0269d0,#60aaf4);text-decoration:underline;width:fit-content}a.trusted-websites-link:hover{color:light-dark(#0151a0,#96c7f7)}.sgds-masthead-button:focus-visible,a.trusted-websites-link:focus-visible{outline:4px solid #60aaf4}@media screen and (min-width:768px){.content-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media screen and (min-width:1024px){.container{padding:.25rem var(--sgds-mainnav-padding-x,2rem)}}`;exports.default=e;
|
|
2
|
+
//# sourceMappingURL=masthead.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"masthead.js","sources":["../../../../../../../node_modules/@govtechsg/sgds-web-component/components/Masthead/masthead.js"],"sourcesContent":["import { css } from 'lit';\n\nvar css_248z = css`b{font-weight:bolder}[role=button]{cursor:pointer}a{color:#0049dc;text-decoration:none!important}a[target=_blank]:after{height:var(--sgds-icon-size-sm,1rem)!important;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.516 2.933h.017a.4.4 0 1 1 0 .8c-.566 0-.967 0-1.28.026-.31.025-.498.073-.646.149a1.6 1.6 0 0 0-.7.699c-.075.148-.123.336-.148.645-.025.314-.026.714-.026 1.281v2.933c0 .567 0 .968.026 1.282.026.308.073.497.149.645a1.6 1.6 0 0 0 .699.699c.148.075.337.123.645.149.314.025.715.025 1.281.025h2.934c.566 0 .967 0 1.28-.025.31-.026.498-.073.646-.149a1.6 1.6 0 0 0 .7-.7c.075-.147.123-.336.148-.644.025-.314.026-.715.026-1.282a.4.4 0 0 1 .8 0v.018c0 .545 0 .979-.029 1.329-.03.358-.09.663-.233.943a2.4 2.4 0 0 1-1.049 1.049c-.28.142-.585.204-.943.233-.35.028-.784.028-1.329.028H6.516c-.545 0-.979 0-1.329-.028-.358-.03-.664-.09-.943-.233a2.4 2.4 0 0 1-1.05-1.049c-.142-.28-.203-.585-.232-.943-.029-.35-.029-.784-.029-1.33V6.517c0-.546 0-.98.029-1.33.03-.357.09-.663.233-.942a2.4 2.4 0 0 1 1.049-1.05c.28-.142.585-.203.943-.232.35-.029.784-.029 1.329-.029Zm1.75.4c0-.22.18-.4.4-.4h4c.222 0 .4.18.4.4v4a.4.4 0 0 1-.8 0V4.3L8.284 8.283a.4.4 0 0 1-.566-.566l3.984-3.984H8.667a.4.4 0 0 1-.4-.4Z' fill='%230269D0'/%3E%3C/svg%3E\")!important;mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.516 2.933h.017a.4.4 0 1 1 0 .8c-.566 0-.967 0-1.28.026-.31.025-.498.073-.646.149a1.6 1.6 0 0 0-.7.699c-.075.148-.123.336-.148.645-.025.314-.026.714-.026 1.281v2.933c0 .567 0 .968.026 1.282.026.308.073.497.149.645a1.6 1.6 0 0 0 .699.699c.148.075.337.123.645.149.314.025.715.025 1.281.025h2.934c.566 0 .967 0 1.28-.025.31-.026.498-.073.646-.149a1.6 1.6 0 0 0 .7-.7c.075-.147.123-.336.148-.644.025-.314.026-.715.026-1.282a.4.4 0 0 1 .8 0v.018c0 .545 0 .979-.029 1.329-.03.358-.09.663-.233.943a2.4 2.4 0 0 1-1.049 1.049c-.28.142-.585.204-.943.233-.35.028-.784.028-1.329.028H6.516c-.545 0-.979 0-1.329-.028-.358-.03-.664-.09-.943-.233a2.4 2.4 0 0 1-1.05-1.049c-.142-.28-.203-.585-.232-.943-.029-.35-.029-.784-.029-1.33V6.517c0-.546 0-.98.029-1.33.03-.357.09-.663.233-.942a2.4 2.4 0 0 1 1.049-1.05c.28-.142.585-.203.943-.232.35-.029.784-.029 1.329-.029Zm1.75.4c0-.22.18-.4.4-.4h4c.222 0 .4.18.4.4v4a.4.4 0 0 1-.8 0V4.3L8.284 8.283a.4.4 0 0 1-.566-.566l3.984-3.984H8.667a.4.4 0 0 1-.4-.4Z' fill='%230269D0'/%3E%3C/svg%3E\")!important;width:var(--sgds-icon-size-sm,1rem)!important}a:hover{color:#0022b9}.sgds-masthead{color-scheme:var(--sgds-color-scheme,only light);font-family:Inter,system-ui,sans-serif;font-size:.875rem;line-height:1.25rem}.banner{background-color:light-dark(#f7f7f7,#1a1a1a)}.container{margin-left:auto;margin-right:auto;max-width:var(--sgds-mainnav-max-width,1440px);padding:.25rem var(--sgds-mainnav-mobile-padding-x,1.25rem);width:100%}:host([fluid]) .container{max-width:none}.sg-crest{flex-shrink:0;height:20px;width:20px}.sg-crest path{fill:#db0000}.masthead-layout{display:flex;gap:.25rem}.masthead-text-layout{align-items:center;display:flex;flex-wrap:wrap;gap:0 .75rem}.sgds-masthead-identify-icon{align-self:center;display:block;height:20px;transform:rotate(180deg);transition:transform .3s ease-in-out 0s;user-select:none;width:20px}.sgds-masthead-identify-icon.show{transform:rotate(0deg)}.sgds-masthead-button{align-items:center;color:light-dark(#0269d0,#60aaf4);cursor:pointer;display:flex;gap:4px}.sgds-masthead-button:hover{color:light-dark(#0151a0,#96c7f7)}.panel{background-color:light-dark(#f7f7f7,#1a1a1a)}.sgds-masthead .sgds-masthead-content{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;padding-bottom:0;padding-top:0;transition:grid-template-rows .3s cubic-bezier(.25,0,.25,1),opacity .3s cubic-bezier(.25,0,.25,1),padding .3s cubic-bezier(.25,0,.25,1)}.sgds-masthead .sgds-masthead-content.show{grid-template-rows:1fr;opacity:1;padding-bottom:1rem;padding-top:1rem}.sgds-masthead .sgds-masthead-content>.content-grid{min-height:0}.content-grid{display:grid;gap:1rem;grid-template-columns:1fr}.icon{margin-top:-.1em}.wrapper{display:flex;gap:.5rem}.content{display:flex;flex-direction:column;gap:.25rem}.content .title{font-weight:600}.content article{color:light-dark(#525252,#a5a5a5)}.banner-icon,.banner-icon-inline{height:20px;width:20px}.banner-icon path,.banner-icon-inline path{fill:light-dark(#1a1a1a,#f3f3f3)}a.trusted-websites-link{color:light-dark(#0269d0,#60aaf4);text-decoration:underline;width:fit-content}a.trusted-websites-link:hover{color:light-dark(#0151a0,#96c7f7)}.sgds-masthead-button:focus-visible,a.trusted-websites-link:focus-visible{outline:4px solid #60aaf4}@media screen and (min-width:768px){.content-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media screen and (min-width:1024px){.container{padding:.25rem var(--sgds-mainnav-padding-x,2rem)}}`;\n\nexport { css_248z as default };\n//# sourceMappingURL=masthead.js.map\n"],"names":["css_248z","css"],"mappings":"uOAEIA,0DAAWC,GAAG","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js");require("../../../../@lit/reactive-element/reactive-element.js");var t=require("../../../../lit-html/lit-html.js");require("../../../../lit-element/lit-element.js");var i=require("../../../../@lit/reactive-element/decorators/property.js"),s=require("../../../../@lit/reactive-element/decorators/state.js"),l=require("../../base/sgds-element.js"),r=require("./masthead.js"),o=require("../../styles/svg.js"),a=require("../../styles/anchor.js");class d extends l.default{constructor(){super(...arguments),this.fluid=!1,this.toggleVisibility=!1}_handleKeydown(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this._toggleVisibility())}_toggleVisibility(){this.toggleVisibility=!this.toggleVisibility}render(){return t.html`
|
|
2
|
+
<div id="sgds-masthead" class="sgds-masthead">
|
|
3
|
+
<div class="banner">
|
|
4
|
+
<div class="container">
|
|
5
|
+
<div class="masthead-layout">
|
|
6
|
+
<svg
|
|
7
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
8
|
+
width="20"
|
|
9
|
+
height="20"
|
|
10
|
+
class="sg-crest"
|
|
11
|
+
viewBox="0 0 20 20"
|
|
12
|
+
fill="none"
|
|
13
|
+
>
|
|
14
|
+
<path
|
|
15
|
+
d="M4.31179 7.0109C4.31179 7.0109 3.78527 7.78129 4.4749 8.77746C4.4749 8.77746 4.58365 8.27018 5.67275 8.27018H6.97989C8.21435 8.27018 9.13979 7.04881 8.55889 5.78895C8.55889 5.78895 9.42995 5.88317 9.72123 5.31901C10.0114 4.75544 9.70292 4.52966 9.26739 4.52966H7.07088C7.07088 4.9341 6.32687 4.9904 6.32687 4.52966H5.09241C5.09241 4.52966 4.16643 4.52966 4.14867 5.33797C4.14867 5.33797 4.35784 5.20641 4.56589 5.18803V5.40346C4.56589 5.40346 4.31179 5.45057 4.19361 5.51664C4.07599 5.58213 3.90344 5.7608 4.06711 6.22154C4.23023 6.68171 4.29403 6.84142 4.29403 6.84142C4.29403 6.84142 4.55757 6.60588 4.98422 6.60588H5.48356C6.37237 6.60588 6.20925 7.49864 5.31989 7.49864C4.43052 7.49864 4.3129 7.01032 4.3129 7.01032L4.31179 7.0109Z"
|
|
16
|
+
fill="currentColor"
|
|
17
|
+
/>
|
|
18
|
+
<path
|
|
19
|
+
d="M8.94948 6.0808C8.94948 6.0808 9.24908 6.09976 9.46657 5.90271C9.46657 5.90271 11.4362 7.49118 8.51395 10.6859C5.59118 13.8813 7.85094 15.9494 7.85094 15.9494C7.85094 15.9494 7.32498 16.4751 7.62402 17.5C7.62402 17.5 6.40843 16.7894 5.47856 15.5823C4.13479 13.8382 3.31367 11.1697 7.00374 9.04116C7.00374 9.04116 9.43938 7.77268 8.94948 6.0808Z"
|
|
20
|
+
fill="currentColor"
|
|
21
|
+
/>
|
|
22
|
+
<path
|
|
23
|
+
d="M5.93914 4.22922C5.93914 4.22922 6.33251 3.50249 7.24573 3.50249C7.96588 3.50249 8.13011 3.11988 8.13011 3.11988C8.13011 3.11988 8.44413 2.5 10.0298 2.5C11.4829 2.5 12.4621 3.00153 13.2544 3.67139C13.2544 3.67139 11.1183 2.2995 9.01282 4.22922H5.93914Z"
|
|
24
|
+
fill="currentColor"
|
|
25
|
+
/>
|
|
26
|
+
<path
|
|
27
|
+
d="M14.8217 8.828C14.7612 6.5599 13.0668 4.12922 9.42448 4.2671C12.9825 1.14703 19.1543 8.11333 14.0711 11.7734C14.0711 11.7734 14.9216 10.517 14.8217 8.828Z"
|
|
28
|
+
fill="currentColor"
|
|
29
|
+
/>
|
|
30
|
+
<path
|
|
31
|
+
d="M9.96927 4.51761C14.4106 4.37973 15.9962 9.89315 13.1278 12.3744L10.2478 13.8158C10.2478 13.8158 9.87273 12.5628 11.2648 11.0961C12.6568 9.6306 13.9994 6.88625 10.1518 5.08177C10.1518 5.08177 10.2245 4.70605 9.97038 4.51819L9.96927 4.51761Z"
|
|
32
|
+
fill="currentColor"
|
|
33
|
+
/>
|
|
34
|
+
<path
|
|
35
|
+
d="M9.73904 5.75795C9.73904 5.75795 9.95708 5.54481 10.0298 5.36959C13.3331 6.79778 12.8133 9.21697 10.8403 11.2467C9.63029 12.537 10.0053 13.9284 10.0053 13.9284C10.0053 13.9284 8.52954 14.8803 8.02078 15.7076C8.02078 15.7076 5.88363 13.8233 8.84357 10.6957C11.748 7.62563 9.73904 5.75795 9.73904 5.75795Z"
|
|
36
|
+
fill="currentColor"
|
|
37
|
+
/>
|
|
38
|
+
</svg>
|
|
39
|
+
<div class="masthead-text-layout">
|
|
40
|
+
<span>A Singapore Government Agency Website</span>
|
|
41
|
+
<div
|
|
42
|
+
class="sgds-masthead-button"
|
|
43
|
+
id="sgds-masthead-identify"
|
|
44
|
+
role="button"
|
|
45
|
+
tabindex="0"
|
|
46
|
+
aria-expanded="${this.toggleVisibility}"
|
|
47
|
+
aria-controls="sgds-masthead-content"
|
|
48
|
+
@keydown=${this._handleKeydown}
|
|
49
|
+
@click=${this._toggleVisibility}
|
|
50
|
+
>
|
|
51
|
+
<span>How to identify</span>
|
|
52
|
+
<svg
|
|
53
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
54
|
+
width="20"
|
|
55
|
+
height="20"
|
|
56
|
+
viewBox="0 0 20 20"
|
|
57
|
+
fill="currentColor"
|
|
58
|
+
class="sgds-masthead-identify-icon ${this.toggleVisibility?"show":null}"
|
|
59
|
+
>
|
|
60
|
+
<path
|
|
61
|
+
fill-rule="evenodd"
|
|
62
|
+
clip-rule="evenodd"
|
|
63
|
+
d="M9.64645 7.14645C9.84171 6.95118 10.1583 6.95118 10.3536 7.14645L15.3536 12.1464C15.5488 12.3417 15.5488 12.6583 15.3536 12.8536C15.1583 13.0488 14.8417 13.0488 14.6464 12.8536L10 8.20711L5.35355 12.8536C5.15829 13.0488 4.84171 13.0488 4.64645 12.8536C4.45118 12.6583 4.45118 12.3417 4.64645 12.1464L9.64645 7.14645Z"
|
|
64
|
+
fill="currentColor"
|
|
65
|
+
/>
|
|
66
|
+
</svg>
|
|
67
|
+
</div>
|
|
68
|
+
</div>
|
|
69
|
+
</div>
|
|
70
|
+
</div>
|
|
71
|
+
</div>
|
|
72
|
+
|
|
73
|
+
<div class="panel">
|
|
74
|
+
<div
|
|
75
|
+
id="sgds-masthead-content"
|
|
76
|
+
class="container sgds-masthead-content ${this.toggleVisibility?"show":null}"
|
|
77
|
+
>
|
|
78
|
+
<div class="content-grid">
|
|
79
|
+
<div class="wrapper">
|
|
80
|
+
<div class="icon">
|
|
81
|
+
<svg
|
|
82
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
83
|
+
width="20"
|
|
84
|
+
height="20"
|
|
85
|
+
viewBox="0 0 20 20"
|
|
86
|
+
fill="none"
|
|
87
|
+
class="banner-icon"
|
|
88
|
+
>
|
|
89
|
+
<path
|
|
90
|
+
fill-rule="evenodd"
|
|
91
|
+
clip-rule="evenodd"
|
|
92
|
+
d="M2 5.85166C2 5.61356 2.12699 5.39354 2.33315 5.27442L7.66648 2.19294C7.87284 2.07371 8.12716 2.07371 8.33352 2.19294L13.6669 5.27442C13.873 5.39354 14 5.61356 14 5.85166V6.66691C14 7.0351 13.7015 7.33357 13.3333 7.33357H12.6667V12.0002H13.3333C13.7015 12.0002 14 12.2987 14 12.6669V13.3336C14 13.7018 13.7015 14.0002 13.3333 14.0002H2.66667C2.29848 14.0002 2 13.7018 2 13.3336V12.6669C2 12.2987 2.29848 12.0002 2.66667 12.0002H3.33333V7.33357H2.66667C2.29848 7.33357 2 7.0351 2 6.66691V5.85166ZM5.33333 7.33357V12.0002H7V7.33357H5.33333ZM9 7.33357V12.0002H10.6667V7.33357H9ZM9 5.00024C9 5.55252 8.55229 6.00024 8 6.00024C7.44772 6.00024 7 5.55252 7 5.00024C7 4.44795 7.44772 4.00024 8 4.00024C8.55229 4.00024 9 4.44795 9 5.00024Z"
|
|
93
|
+
fill="currentColor"
|
|
94
|
+
/>
|
|
95
|
+
</svg>
|
|
96
|
+
</div>
|
|
97
|
+
<div class="content">
|
|
98
|
+
<div class="title">Official website links end with .gov.sg</div>
|
|
99
|
+
<article>Government agencies communicate via .gov.sg websites (e.g. go.gov.sg/open).</article>
|
|
100
|
+
<a
|
|
101
|
+
href="https://www.gov.sg/trusted-sites#govsites"
|
|
102
|
+
class="trusted-websites-link"
|
|
103
|
+
rel="noreferrer"
|
|
104
|
+
target="_blank"
|
|
105
|
+
>Trusted websites</a
|
|
106
|
+
>
|
|
107
|
+
</div>
|
|
108
|
+
</div>
|
|
109
|
+
<div class="wrapper">
|
|
110
|
+
<div class="icon">
|
|
111
|
+
<svg
|
|
112
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
113
|
+
width="20"
|
|
114
|
+
height="20"
|
|
115
|
+
viewBox="0 0 20 20"
|
|
116
|
+
fill="none"
|
|
117
|
+
class="banner-icon"
|
|
118
|
+
>
|
|
119
|
+
<path
|
|
120
|
+
fill-rule="evenodd"
|
|
121
|
+
clip-rule="evenodd"
|
|
122
|
+
d="M5.3335 6.66683H5.00016C4.07969 6.66683 3.3335 7.41302 3.3335 8.3335V13.0002C3.3335 13.9206 4.07969 14.6668 5.00016 14.6668H12.3335C13.254 14.6668 14.0002 13.9206 14.0002 13.0002V8.3335C14.0002 7.41302 13.254 6.66683 12.3335 6.66683H12.0002V4.66683C12.0002 2.82588 10.5078 1.3335 8.66683 1.3335C6.82588 1.3335 5.3335 2.82588 5.3335 4.66683V6.66683ZM6.66683 6.66683H10.6668V4.66683C10.6668 3.56226 9.7714 2.66683 8.66683 2.66683C7.56226 2.66683 6.66683 3.56226 6.66683 4.66683V6.66683Z"
|
|
123
|
+
fill="currentColor"
|
|
124
|
+
/>
|
|
125
|
+
</svg>
|
|
126
|
+
</div>
|
|
127
|
+
<div class="content">
|
|
128
|
+
<div class="title">Secure websites use HTTPS</div>
|
|
129
|
+
<article>
|
|
130
|
+
Look for a lock (<svg
|
|
131
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
132
|
+
width="20"
|
|
133
|
+
height="20"
|
|
134
|
+
viewBox="0 0 20 20"
|
|
135
|
+
fill="none"
|
|
136
|
+
class="banner-icon-inline"
|
|
137
|
+
>
|
|
138
|
+
<path
|
|
139
|
+
fill-rule="evenodd"
|
|
140
|
+
clip-rule="evenodd"
|
|
141
|
+
d="M5.83331 8.33317H5.41665C4.26605 8.33317 3.33331 9.26591 3.33331 10.4165V16.2498C3.33331 17.4004 4.26605 18.3332 5.41665 18.3332H14.5833C15.7339 18.3332 16.6666 17.4004 16.6666 16.2498V10.4165C16.6666 9.26591 15.7339 8.33317 14.5833 8.33317H14.1666V5.83317C14.1666 3.53198 12.3012 1.6665 9.99998 1.6665C7.69879 1.6665 5.83331 3.53198 5.83331 5.83317V8.33317ZM7.49998 8.33317H12.5V5.83317C12.5 4.45246 11.3807 3.33317 9.99998 3.33317C8.61927 3.33317 7.49998 4.45246 7.49998 5.83317V8.33317Z"
|
|
142
|
+
fill="currentColor"
|
|
143
|
+
/></svg
|
|
144
|
+
>) or https:// as an added precaution. Share sensitive information only on official, secure
|
|
145
|
+
websites.
|
|
146
|
+
</article>
|
|
147
|
+
</div>
|
|
148
|
+
</div>
|
|
149
|
+
</div>
|
|
150
|
+
</div>
|
|
151
|
+
</div>
|
|
152
|
+
</div>
|
|
153
|
+
`}}d.styles=[...l.default.styles,o.default,a.default,r.default],e.__decorate([i.property({type:Boolean,reflect:!0})],d.prototype,"fluid",void 0),e.__decorate([s.state()],d.prototype,"toggleVisibility",void 0),exports.SgdsMasthead=d,exports.default=d;
|
|
154
|
+
//# sourceMappingURL=sgds-masthead.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sgds-masthead.js","sources":["../../../../../../../node_modules/@govtechsg/sgds-web-component/components/Masthead/sgds-masthead.js"],"sourcesContent":["import { __decorate } from 'tslib';\nimport { html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport SgdsElement from '../../base/sgds-element.js';\nimport css_248z$2 from './masthead.js';\nimport css_248z from '../../styles/svg.js';\nimport css_248z$1 from '../../styles/anchor.js';\n\n/**\n * @summary All .gov.sg digital services shall adopt The Official Government Banner for every page in the digital service and be placed at the top of the page.\n */\nclass SgdsMasthead extends SgdsElement {\n constructor() {\n super(...arguments);\n /** When true, removes max-width constraint to allow content to stretch full screen width */\n this.fluid = false;\n /** @internal */\n this.toggleVisibility = false;\n }\n /** @internal */\n _handleKeydown(event) {\n if (event.key === \"Enter\" || event.key === \" \") {\n event.preventDefault();\n this._toggleVisibility();\n }\n }\n /** @internal */\n _toggleVisibility() {\n this.toggleVisibility = !this.toggleVisibility;\n }\n render() {\n return html `\n <div id=\"sgds-masthead\" class=\"sgds-masthead\">\n <div class=\"banner\">\n <div class=\"container\">\n <div class=\"masthead-layout\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n class=\"sg-crest\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n >\n <path\n d=\"M4.31179 7.0109C4.31179 7.0109 3.78527 7.78129 4.4749 8.77746C4.4749 8.77746 4.58365 8.27018 5.67275 8.27018H6.97989C8.21435 8.27018 9.13979 7.04881 8.55889 5.78895C8.55889 5.78895 9.42995 5.88317 9.72123 5.31901C10.0114 4.75544 9.70292 4.52966 9.26739 4.52966H7.07088C7.07088 4.9341 6.32687 4.9904 6.32687 4.52966H5.09241C5.09241 4.52966 4.16643 4.52966 4.14867 5.33797C4.14867 5.33797 4.35784 5.20641 4.56589 5.18803V5.40346C4.56589 5.40346 4.31179 5.45057 4.19361 5.51664C4.07599 5.58213 3.90344 5.7608 4.06711 6.22154C4.23023 6.68171 4.29403 6.84142 4.29403 6.84142C4.29403 6.84142 4.55757 6.60588 4.98422 6.60588H5.48356C6.37237 6.60588 6.20925 7.49864 5.31989 7.49864C4.43052 7.49864 4.3129 7.01032 4.3129 7.01032L4.31179 7.0109Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M8.94948 6.0808C8.94948 6.0808 9.24908 6.09976 9.46657 5.90271C9.46657 5.90271 11.4362 7.49118 8.51395 10.6859C5.59118 13.8813 7.85094 15.9494 7.85094 15.9494C7.85094 15.9494 7.32498 16.4751 7.62402 17.5C7.62402 17.5 6.40843 16.7894 5.47856 15.5823C4.13479 13.8382 3.31367 11.1697 7.00374 9.04116C7.00374 9.04116 9.43938 7.77268 8.94948 6.0808Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M5.93914 4.22922C5.93914 4.22922 6.33251 3.50249 7.24573 3.50249C7.96588 3.50249 8.13011 3.11988 8.13011 3.11988C8.13011 3.11988 8.44413 2.5 10.0298 2.5C11.4829 2.5 12.4621 3.00153 13.2544 3.67139C13.2544 3.67139 11.1183 2.2995 9.01282 4.22922H5.93914Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M14.8217 8.828C14.7612 6.5599 13.0668 4.12922 9.42448 4.2671C12.9825 1.14703 19.1543 8.11333 14.0711 11.7734C14.0711 11.7734 14.9216 10.517 14.8217 8.828Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M9.96927 4.51761C14.4106 4.37973 15.9962 9.89315 13.1278 12.3744L10.2478 13.8158C10.2478 13.8158 9.87273 12.5628 11.2648 11.0961C12.6568 9.6306 13.9994 6.88625 10.1518 5.08177C10.1518 5.08177 10.2245 4.70605 9.97038 4.51819L9.96927 4.51761Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M9.73904 5.75795C9.73904 5.75795 9.95708 5.54481 10.0298 5.36959C13.3331 6.79778 12.8133 9.21697 10.8403 11.2467C9.63029 12.537 10.0053 13.9284 10.0053 13.9284C10.0053 13.9284 8.52954 14.8803 8.02078 15.7076C8.02078 15.7076 5.88363 13.8233 8.84357 10.6957C11.748 7.62563 9.73904 5.75795 9.73904 5.75795Z\"\n fill=\"currentColor\"\n />\n </svg>\n <div class=\"masthead-text-layout\">\n <span>A Singapore Government Agency Website</span>\n <div\n class=\"sgds-masthead-button\"\n id=\"sgds-masthead-identify\"\n role=\"button\"\n tabindex=\"0\"\n aria-expanded=\"${this.toggleVisibility}\"\n aria-controls=\"sgds-masthead-content\"\n @keydown=${this._handleKeydown}\n @click=${this._toggleVisibility}\n >\n <span>How to identify</span>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n class=\"sgds-masthead-identify-icon ${!this.toggleVisibility ? null : \"show\"}\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M9.64645 7.14645C9.84171 6.95118 10.1583 6.95118 10.3536 7.14645L15.3536 12.1464C15.5488 12.3417 15.5488 12.6583 15.3536 12.8536C15.1583 13.0488 14.8417 13.0488 14.6464 12.8536L10 8.20711L5.35355 12.8536C5.15829 13.0488 4.84171 13.0488 4.64645 12.8536C4.45118 12.6583 4.45118 12.3417 4.64645 12.1464L9.64645 7.14645Z\"\n fill=\"currentColor\"\n />\n </svg>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"panel\">\n <div\n id=\"sgds-masthead-content\"\n class=\"container sgds-masthead-content ${this.toggleVisibility ? \"show\" : null}\"\n >\n <div class=\"content-grid\">\n <div class=\"wrapper\">\n <div class=\"icon\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n class=\"banner-icon\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2 5.85166C2 5.61356 2.12699 5.39354 2.33315 5.27442L7.66648 2.19294C7.87284 2.07371 8.12716 2.07371 8.33352 2.19294L13.6669 5.27442C13.873 5.39354 14 5.61356 14 5.85166V6.66691C14 7.0351 13.7015 7.33357 13.3333 7.33357H12.6667V12.0002H13.3333C13.7015 12.0002 14 12.2987 14 12.6669V13.3336C14 13.7018 13.7015 14.0002 13.3333 14.0002H2.66667C2.29848 14.0002 2 13.7018 2 13.3336V12.6669C2 12.2987 2.29848 12.0002 2.66667 12.0002H3.33333V7.33357H2.66667C2.29848 7.33357 2 7.0351 2 6.66691V5.85166ZM5.33333 7.33357V12.0002H7V7.33357H5.33333ZM9 7.33357V12.0002H10.6667V7.33357H9ZM9 5.00024C9 5.55252 8.55229 6.00024 8 6.00024C7.44772 6.00024 7 5.55252 7 5.00024C7 4.44795 7.44772 4.00024 8 4.00024C8.55229 4.00024 9 4.44795 9 5.00024Z\"\n fill=\"currentColor\"\n />\n </svg>\n </div>\n <div class=\"content\">\n <div class=\"title\">Official website links end with .gov.sg</div>\n <article>Government agencies communicate via .gov.sg websites (e.g. go.gov.sg/open).</article>\n <a\n href=\"https://www.gov.sg/trusted-sites#govsites\"\n class=\"trusted-websites-link\"\n rel=\"noreferrer\"\n target=\"_blank\"\n >Trusted websites</a\n >\n </div>\n </div>\n <div class=\"wrapper\">\n <div class=\"icon\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n class=\"banner-icon\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M5.3335 6.66683H5.00016C4.07969 6.66683 3.3335 7.41302 3.3335 8.3335V13.0002C3.3335 13.9206 4.07969 14.6668 5.00016 14.6668H12.3335C13.254 14.6668 14.0002 13.9206 14.0002 13.0002V8.3335C14.0002 7.41302 13.254 6.66683 12.3335 6.66683H12.0002V4.66683C12.0002 2.82588 10.5078 1.3335 8.66683 1.3335C6.82588 1.3335 5.3335 2.82588 5.3335 4.66683V6.66683ZM6.66683 6.66683H10.6668V4.66683C10.6668 3.56226 9.7714 2.66683 8.66683 2.66683C7.56226 2.66683 6.66683 3.56226 6.66683 4.66683V6.66683Z\"\n fill=\"currentColor\"\n />\n </svg>\n </div>\n <div class=\"content\">\n <div class=\"title\">Secure websites use HTTPS</div>\n <article>\n Look for a lock (<svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n class=\"banner-icon-inline\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M5.83331 8.33317H5.41665C4.26605 8.33317 3.33331 9.26591 3.33331 10.4165V16.2498C3.33331 17.4004 4.26605 18.3332 5.41665 18.3332H14.5833C15.7339 18.3332 16.6666 17.4004 16.6666 16.2498V10.4165C16.6666 9.26591 15.7339 8.33317 14.5833 8.33317H14.1666V5.83317C14.1666 3.53198 12.3012 1.6665 9.99998 1.6665C7.69879 1.6665 5.83331 3.53198 5.83331 5.83317V8.33317ZM7.49998 8.33317H12.5V5.83317C12.5 4.45246 11.3807 3.33317 9.99998 3.33317C8.61927 3.33317 7.49998 4.45246 7.49998 5.83317V8.33317Z\"\n fill=\"currentColor\"\n /></svg\n >) or https:// as an added precaution. Share sensitive information only on official, secure\n websites.\n </article>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n `;\n }\n}\nSgdsMasthead.styles = [...SgdsElement.styles, css_248z, css_248z$1, css_248z$2];\n__decorate([\n property({ type: Boolean, reflect: true })\n], SgdsMasthead.prototype, \"fluid\", void 0);\n__decorate([\n state()\n], SgdsMasthead.prototype, \"toggleVisibility\", void 0);\n\nexport { SgdsMasthead, SgdsMasthead as default };\n//# sourceMappingURL=sgds-masthead.js.map\n"],"names":["SgdsMasthead","SgdsElement","constructor","super","arguments","this","fluid","toggleVisibility","_handleKeydown","event","key","preventDefault","_toggleVisibility","render","html","styles","css_248z","css_248z$1","css_248z$2","__decorate","property","type","Boolean","reflect","prototype","state"],"mappings":"ijBAWA,MAAMA,UAAqBC,EAAAA,QACvB,WAAAC,GACIC,SAASC,WAETC,KAAKC,OAAQ,EAEbD,KAAKE,kBAAmB,CAC5B,CAEA,cAAAC,CAAeC,GACO,UAAdA,EAAMC,KAAiC,MAAdD,EAAMC,MAC/BD,EAAME,iBACNN,KAAKO,oBAEb,CAEA,iBAAAA,GACIP,KAAKE,kBAAoBF,KAAKE,gBAClC,CACA,MAAAM,GACI,OAAOC,MAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mCA6CeT,KAAKE;;6BAEXF,KAAKG;2BACPH,KAAKO;;;;;;;;;yDAS0BP,KAAKE,iBAA0B,OAAP;;;;;;;;;;;;;;;;;;qDAkB7BF,KAAKE,iBAAmB,OAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8ElF,EAEJP,EAAae,OAAS,IAAId,EAAAA,QAAYc,OAAQC,EAAAA,QAAUC,EAAAA,QAAYC,WACpEC,EAAAA,WAAW,CACPC,EAAAA,SAAS,CAAEC,KAAMC,QAASC,SAAS,KACpCvB,EAAawB,UAAW,aAAS,GACpCL,EAAAA,WAAW,CACPM,EAAAA,SACDzB,EAAawB,UAAW,wBAAoB","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../../@lit/reactive-element/reactive-element.js"),require("../../../lit-html/lit-html.js"),require("../../../lit-element/lit-element.js");var e=require("../../../@lit/reactive-element/css-tag.js").css`::slotted(a[target=_blank]):after,a[target=_blank]:after{background-color:currentColor;content:"/";display:inline-block;height:1em;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:top;width:1em}`;exports.default=e;
|
|
2
|
+
//# sourceMappingURL=anchor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"anchor.js","sources":["../../../../../../node_modules/@govtechsg/sgds-web-component/styles/anchor.js"],"sourcesContent":["import { css } from 'lit';\n\nvar css_248z = css`::slotted(a[target=_blank]):after,a[target=_blank]:after{background-color:currentColor;content:\"/\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:top;width:1em}`;\n\nexport { css_248z as default };\n//# sourceMappingURL=anchor.js.map\n"],"names":["css_248z","css"],"mappings":"8NAEIA,uDAAWC,GAAG","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../../@lit/reactive-element/reactive-element.js"),require("../../../lit-html/lit-html.js"),require("../../../lit-element/lit-element.js");var e=require("../../../@lit/reactive-element/css-tag.js").css`svg{vertical-align:middle}`;exports.default=e;
|
|
2
|
+
//# sourceMappingURL=svg.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"svg.js","sources":["../../../../../../node_modules/@govtechsg/sgds-web-component/styles/svg.js"],"sourcesContent":["import { css } from 'lit';\n\nvar css_248z = css`svg{vertical-align:middle}`;\n\nexport { css_248z as default };\n//# sourceMappingURL=svg.js.map\n"],"names":["css_248z","css"],"mappings":"8NAEIA,uDAAWC,GAAG","x_google_ignoreList":[0]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";!function(s,d){if("undefined"!=typeof document&&s){var r=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css",document.getElementById(d)||(n.id=d,r.appendChild(n),n.appendChild(document.createTextNode(s)))}}(':root {\n /* Primitive - Product Primary Color */\n --sgds-product-primary-100: #f4f2fe;\n --sgds-product-primary-200: #e1dbfb;\n --sgds-product-primary-300: #c8bdf7;\n --sgds-product-primary-400: #a999f3;\n --sgds-product-primary-500: #8a72ef;\n --sgds-product-primary-600: #6b4feb;\n --sgds-product-primary-700: #523abc;\n --sgds-product-primary-800: #3c2b8a;\n --sgds-product-primary-900: #2a1e61;\n\n /* Primitive - Purple Color */\n --sgds-purple-100: #fbf0fe;\n --sgds-purple-200: #f2d6fc;\n --sgds-purple-300: #e6adf9;\n --sgds-purple-400: #d983f6;\n --sgds-purple-500: #c94cf2;\n --sgds-purple-600: #ac1cdb;\n --sgds-purple-700: #8516a9;\n --sgds-purple-800: #641180;\n --sgds-purple-900: #460c5a;\n\n /* Primitive - Cyan Color */\n --sgds-cyan-100: #DBf9fd;\n --sgds-cyan-200: #94edfa;\n --sgds-cyan-300: #24d5ee;\n --sgds-cyan-400: #1fb5ca;\n --sgds-cyan-500: #1993a4;\n --sgds-cyan-600: #147583;\n --sgds-cyan-700: #0f5a65;\n --sgds-cyan-800: #0b434b;\n --sgds-cyan-900: #082e34;\n\n /* Primitive - Green Color */\n --sgds-green-100: #e3f9ed;\n --sgds-green-200: #b1edcb;\n --sgds-green-300: #62db96;\n --sgds-green-400: #16bd5e;\n --sgds-green-500: #129a4d;\n --sgds-green-600: #0e7c3d;\n --sgds-green-700: #0b5e2f;\n --sgds-green-800: #084523;\n --sgds-green-900: #063119;\n\n /* Primitive - Blue Color */\n --sgds-blue-100: #ecf5fe;\n --sgds-blue-200: #c8e2fb;\n --sgds-blue-300: #96c7f7;\n --sgds-blue-400: #60aaf4;\n --sgds-blue-500: #1e87ef;\n --sgds-blue-600: #0269d0;\n --sgds-blue-700: #0151a0;\n --sgds-blue-800: #013c77;\n --sgds-blue-900: #012a54;\n\n /* Primitive - Yellow Color */\n --sgds-yellow-100: #fef4cb;\n --sgds-yellow-200: #fcde63;\n --sgds-yellow-300: #e5bf29;\n --sgds-yellow-400: #c2a223;\n --sgds-yellow-500: #9d841c;\n --sgds-yellow-600: #7e6917;\n --sgds-yellow-700: #605111;\n --sgds-yellow-800: #483c0d;\n --sgds-yellow-900: #322909;\n\n /* Primitive - Red Color */\n --sgds-red-100: #fcf1f1;\n --sgds-red-200: #f8d7d7;\n --sgds-red-300: #f1b2b2;\n --sgds-red-400: #e98b8b;\n --sgds-red-500: #e05959;\n --sgds-red-600: #cf2323;\n --sgds-red-700: #a11b1b;\n --sgds-red-800: #791414;\n --sgds-red-900: #550e0e;\n\n /* Primitive - Gray Color */\n --sgds-gray-000: #ffffff;\n --sgds-gray-100: #f3f3f3;\n --sgds-gray-200: #dfdfdf;\n --sgds-gray-300: #c6c6c6;\n --sgds-gray-400: #a5a5a5;\n --sgds-gray-500: #868686;\n --sgds-gray-600: #6b6b6b;\n --sgds-gray-700: #525252;\n --sgds-gray-800: #3b3b3b;\n --sgds-gray-900: #2a2a2a;\n --sgds-gray-1000: #1a1a1a;\n --sgds-gray-1100: #0e0e0e;\n\n /* Primitive - Border Width */\n --sgds-border-width-0: 0px;\n --sgds-border-width-1: 1px;\n --sgds-border-width-2: 2px;\n --sgds-border-width-3: 3px;\n --sgds-border-width-4: 4px;\n --sgds-form-border-width-default: var(--sgds-border-width-1);\n --sgds-form-border-width-thick: var(--sgds-border-width-2);\n\n /* Primitive - Border Radius */\n --sgds-border-radius-none: 0px;\n --sgds-border-radius-xs: 2px;\n --sgds-border-radius-sm: 4px;\n --sgds-border-radius-md: 8px;\n --sgds-border-radius-lg: 12px;\n --sgds-border-radius-xl: 16px;\n --sgds-border-radius-2-xl: 24px;\n --sgds-border-radius-full: 999px;\n --sgds-form-border-radius-none: var(--sgds-border-radius-none);\n --sgds-form-border-radius-xs: var(--sgds-border-radius-xs);\n --sgds-form-border-radius-sm: var(--sgds-border-radius-sm);\n --sgds-form-border-radius-md: var(--sgds-border-radius-md);\n --sgds-form-border-radius-full: var(--sgds-border-radius-full);\n\n /* Primitive - Breakpoint */\n --sgds-breakpoint-xs: var(--sgds-dimension-320);\n --sgds-breakpoint-sm: var(--sgds-dimension-512);\n --sgds-breakpoint-md: var(--sgds-dimension-768);\n --sgds-breakpoint-lg: var(--sgds-dimension-1024);\n --sgds-breakpoint-xl: var(--sgds-dimension-1280);\n --sgds-breakpoint-2-xl: var(--sgds-dimension-1440);\n\n /* Primitive - Font Family */\n --sgds-font-family-brand: "Inter", system-ui, sans-serif;\n\n /* Primitive - Font Weight */\n --sgds-font-weight-light: 300;\n --sgds-font-weight-regular: 400;\n --sgds-font-weight-semibold: 600;\n --sgds-font-weight-bold: 700;\n\n /* Primitive - Font Size */\n --sgds-font-size-1: 0.875rem;\n --sgds-font-size-2: 1rem;\n --sgds-font-size-3: 1.25rem;\n --sgds-font-size-4: 1.5rem;\n --sgds-font-size-5: 1.75rem;\n --sgds-font-size-6: 2rem;\n --sgds-font-size-7: 2.5rem;\n --sgds-font-size-8: 3rem;\n --sgds-font-size-9: 3.5rem;\n\n /* Primitive - Icon Size */\n --sgds-icon-size-sm: 1rem;\n --sgds-icon-size-md: 1.25rem;\n --sgds-icon-size-lg: 1.5rem;\n --sgds-icon-size-xl: 2rem;\n --sgds-icon-size-2-xl: 3rem;\n --sgds-icon-size-3-xl: 4rem;\n\n /* Primitive - Letter Spacing */\n --sgds-letter-spacing-tighter: -1px;\n --sgds-letter-spacing-tight: -0.4px;\n --sgds-letter-spacing-normal: 0px;\n --sgds-letter-spacing-wide: 1px;\n --sgds-letter-spacing-wider: 2px;\n\n /* Primitive - Line Height */\n --sgds-line-height-body: 1.5;\n --sgds-line-height-heading: 1.2;\n --sgds-line-height-min: 20px;\n\n /* Primitive - Opacity */\n --sgds-opacity-0: 0;\n --sgds-opacity-5: 0.05;\n --sgds-opacity-10: 0.1;\n --sgds-opacity-20: 0.2;\n --sgds-opacity-30: 0.3;\n --sgds-opacity-40: 0.4;\n --sgds-opacity-50: 0.5;\n --sgds-opacity-60: 0.6;\n --sgds-opacity-70: 0.7;\n --sgds-opacity-80: 0.8;\n --sgds-opacity-90: 0.9;\n --sgds-opacity-100: 1;\n\n /* Primitive - Paragraph Spacing */\n --sgds-paragraph-spacing-none: 0;\n --sgds-paragraph-spacing-sm: 0.5rem;\n --sgds-paragraph-spacing-md: 1rem;\n --sgds-paragraph-spacing-lg: 1.5rem;\n --sgds-paragraph-spacing-xl: 2rem;\n\n /* Primitive - Spacer */\n --sgds-spacer-0: 0rem;\n --sgds-spacer-1: 0.125rem;\n --sgds-spacer-2: 0.25rem;\n --sgds-spacer-3: 0.5rem;\n --sgds-spacer-4: 0.75rem;\n --sgds-spacer-5: 1rem;\n --sgds-spacer-6: 1.25rem;\n --sgds-spacer-7: 1.5rem;\n --sgds-spacer-8: 2rem;\n --sgds-spacer-9: 3rem;\n --sgds-spacer-10: 4rem;\n --sgds-spacer-11: 6rem;\n --sgds-spacer-12: 8rem;\n\n /* Primitive - Dimension */\n --sgds-dimension-0: 0px;\n --sgds-dimension-1: 1px;\n --sgds-dimension-2: 2px;\n --sgds-dimension-4: 4px;\n --sgds-dimension-8: 8px;\n --sgds-dimension-12: 12px;\n --sgds-dimension-16: 16px;\n --sgds-dimension-20: 20px;\n --sgds-dimension-24: 24px;\n --sgds-dimension-32: 32px;\n --sgds-dimension-40: 40px;\n --sgds-dimension-48: 48px;\n --sgds-dimension-52: 52px;\n --sgds-dimension-56: 56px;\n --sgds-dimension-60: 60px;\n --sgds-dimension-64: 64px;\n --sgds-dimension-72: 72px;\n --sgds-dimension-76: 76px;\n --sgds-dimension-80: 80px;\n --sgds-dimension-88: 88px;\n --sgds-dimension-96: 96px;\n --sgds-dimension-112: 112px;\n --sgds-dimension-120: 120px;\n --sgds-dimension-128: 128px;\n --sgds-dimension-132: 132px;\n --sgds-dimension-136: 136px;\n --sgds-dimension-144: 144px;\n --sgds-dimension-168: 168px;\n --sgds-dimension-192: 192px;\n --sgds-dimension-224: 224px;\n --sgds-dimension-256: 256px;\n --sgds-dimension-280: 280px;\n --sgds-dimension-288: 288px;\n --sgds-dimension-320: 320px;\n --sgds-dimension-328: 328px;\n --sgds-dimension-340: 340px;\n --sgds-dimension-384: 384px;\n --sgds-dimension-480: 480px;\n --sgds-dimension-512: 512px;\n --sgds-dimension-688: 688px;\n --sgds-dimension-768: 768px;\n --sgds-dimension-1024: 1024px;\n --sgds-dimension-1280: 1280px;\n --sgds-dimension-1440: 1440px;\n\n /* Semantic - Padding */\n --sgds-padding-none: var(--sgds-spacer-0);\n --sgds-padding-3-xs: var(--sgds-spacer-1);\n --sgds-padding-2-xs: var(--sgds-spacer-2);\n --sgds-padding-xs: var(--sgds-spacer-3);\n --sgds-padding-sm: var(--sgds-spacer-4);\n --sgds-padding-md: var(--sgds-spacer-5);\n --sgds-padding-lg: var(--sgds-spacer-6);\n --sgds-padding-xl: var(--sgds-spacer-7);\n --sgds-padding-2-xl: var(--sgds-spacer-8);\n --sgds-padding-3-xl: var(--sgds-spacer-9);\n --sgds-padding-4-xl: var(--sgds-spacer-10);\n --sgds-padding-5-xl: var(--sgds-spacer-11);\n --sgds-form-padding-x: var(--sgds-padding-md);\n --sgds-form-padding-y: var(--sgds-padding-sm);\n --sgds-form-padding-inline-xs: var(--sgds-padding-3-xs);\n --sgds-form-padding-inline-sm: var(--sgds-padding-2-xs);\n --sgds-form-padding-inline-md: var(--sgds-padding-xs);\n --sgds-form-padding-inline-lg: var(--sgds-padding-sm);\n --sgds-form-padding-inline-xl: var(--sgds-padding-md);\n\n --sgds-margin-none: var(--sgds-spacer-0);\n --sgds-margin-3-xs: var(--sgds-spacer-3);\n --sgds-margin-2-xs: var(--sgds-spacer-5);\n --sgds-margin-xs: var(--sgds-spacer-6);\n --sgds-margin-sm: var(--sgds-spacer-7);\n --sgds-margin-md: var(--sgds-spacer-8);\n --sgds-margin-lg: var(--sgds-spacer-9);\n --sgds-margin-xl: var(--sgds-spacer-10);\n --sgds-margin-2-xl: var(--sgds-spacer-11);\n --sgds-margin-3-xl: var(--sgds-spacer-12);\n\n --sgds-gap-none: var(--sgds-spacer-0);\n --sgds-gap-2-xs: var(--sgds-spacer-2);\n --sgds-gap-xs: var(--sgds-spacer-3);\n --sgds-gap-sm: var(--sgds-spacer-4);\n --sgds-gap-md: var(--sgds-spacer-5);\n --sgds-gap-lg: var(--sgds-spacer-6);\n --sgds-gap-xl: var(--sgds-spacer-7);\n --sgds-gap-2-xl: var(--sgds-spacer-8);\n --sgds-form-gap-sm: var(--sgds-gap-2-xs);\n --sgds-form-gap-md: var(--sgds-gap-xs);\n --sgds-form-gap-lg: var(--sgds-gap-sm);\n --sgds-form-gap-xl: var(--sgds-gap-md);\n --sgds-form-gap-2-xl: var(--sgds-gap-xl);\n\n --sgds-form-height-3-xs: var(--sgds-dimension-12);\n --sgds-form-height-2-xs: var(--sgds-dimension-16);\n --sgds-form-height-xs: var(--sgds-dimension-20);\n --sgds-form-height-sm: var(--sgds-dimension-24);\n --sgds-form-height-md: var(--sgds-dimension-32);\n --sgds-form-height-lg: var(--sgds-dimension-40);\n --sgds-form-height-xl: var(--sgds-dimension-48);\n --sgds-form-height-2-xl: var(--sgds-dimension-56);\n\n --sgds-form-width-3-xs: var(--sgds-dimension-12);\n --sgds-form-width-2-xs: var(--sgds-dimension-16);\n --sgds-form-width-xs: var(--sgds-dimension-24);\n --sgds-form-width-sm: var(--sgds-dimension-32);\n --sgds-form-width-md: var(--sgds-dimension-40);\n --sgds-form-width-lg: var(--sgds-dimension-48);\n --sgds-form-width-xl: var(--sgds-dimension-56);\n --sgds-form-width-2-xl: var(--sgds-dimension-64);\n --sgds-form-width-3-xl: var(--sgds-dimension-72);\n --sgds-form-width-4-xl: var(--sgds-dimension-80);\n\n /* Semantic - Form Icon Size */\n --sgds-form-icon-size-sm: var(--sgds-icon-size-sm);\n --sgds-form-icon-size-md: var(--sgds-icon-size-md);\n --sgds-form-icon-size-lg: var(--sgds-icon-size-lg);\n\n --sgds-box-shadow-focus: 0px 0px 0px 4px var(--sgds-blue-400);\n --sgds-form-box-shadow-focus: var(--sgds-box-shadow-focus);\n\n /* Masthead and Mainnav Max Width and Padding */\n --sgds-mainnav-max-width: 1440px;\n --sgds-mainnav-padding-x: 2rem;\n --sgds-mainnav-mobile-padding-x: 1.25rem;\n}\n:root {\n color-scheme: only light;\n\n /* Semantic - Default Colors */\n --sgds-bg-default: var(--sgds-gray-000);\n --sgds-bg-alternate: var(--sgds-gray-100);\n --sgds-bg-fixed-light: var(--sgds-gray-000);\n --sgds-bg-fixed-dark: var(--sgds-gray-1100);\n --sgds-bg-overlay: oklch(from var(--sgds-gray-1100) l c h / 0.4);\n --sgds-bg-translucent: oklch(from var(--sgds-gray-1100) l c h / 0.1);\n --sgds-bg-translucent-subtle: oklch(from var(--sgds-gray-1100) l c h / 0.05);\n --sgds-bg-transparent: transparent;\n --sgds-surface-default: var(--sgds-gray-000);\n --sgds-surface-raised: var(--sgds-gray-100);\n --sgds-surface-inverse: var(--sgds-gray-900);\n --sgds-surface-fixed-light: var(--sgds-gray-000);\n --sgds-surface-fixed-dark: var(--sgds-gray-900);\n --sgds-color-default: var(--sgds-gray-1000);\n --sgds-color-subtle: var(--sgds-gray-700);\n --sgds-color-muted: var(--sgds-gray-300);\n --sgds-color-inverse: var(--sgds-gray-100);\n --sgds-color-fixed-light: var(--sgds-gray-100);\n --sgds-color-fixed-dark: var(--sgds-gray-1000);\n --sgds-color-transparent: transparent;\n --sgds-border-color-default: var(--sgds-gray-500);\n --sgds-border-color-emphasis: var(--sgds-gray-800);\n --sgds-border-color-muted: var(--sgds-gray-200);\n --sgds-border-color-fixed-light: var(--sgds-gray-000);\n --sgds-border-color-fixed-dark: var(--sgds-gray-1000);\n --sgds-border-color-translucent: oklch(from var(--sgds-gray-1100) l c h / 0.05);\n --sgds-border-color-transparent: transparent;\n\n /* Semantic - Primary Colors */\n --sgds-primary-bg-default: var(--sgds-product-primary-700);\n --sgds-primary-bg-muted: var(--sgds-product-primary-100);\n --sgds-primary-bg-translucent: oklch(from var(--sgds-product-primary-700) l c h / 0.1);\n --sgds-primary-surface-default: var(--sgds-product-primary-700);\n --sgds-primary-surface-emphasis: var(--sgds-product-primary-800);\n --sgds-primary-surface-muted: var(--sgds-product-primary-100);\n --sgds-primary-surface-translucent: oklch(from var(--sgds-product-primary-700) l c h / 0.1);\n --sgds-primary-color-default: var(--sgds-product-primary-600);\n --sgds-primary-color-emphasis: var(--sgds-product-primary-700);\n --sgds-primary-color-fixed-light: var(--sgds-product-primary-400);\n --sgds-primary-color-fixed-dark: var(--sgds-product-primary-700);\n --sgds-primary-border-color-default: var(--sgds-product-primary-500);\n --sgds-primary-border-color-emphasis: var(--sgds-product-primary-700);\n --sgds-primary-border-color-muted: var(--sgds-product-primary-300);\n\n /* Semantic - Success Colors */\n --sgds-success-bg-default: var(--sgds-green-700);\n --sgds-success-bg-muted: var(--sgds-green-100);\n --sgds-success-surface-default: var(--sgds-green-700);\n --sgds-success-surface-emphasis: var(--sgds-green-800);\n --sgds-success-surface-muted: var(--sgds-green-100);\n --sgds-success-color-default: var(--sgds-green-600);\n --sgds-success-color-emphasis: var(--sgds-green-700);\n --sgds-success-color-fixed-light: var(--sgds-green-400);\n --sgds-success-color-fixed-dark: var(--sgds-green-700);\n --sgds-success-border-color-default: var(--sgds-green-500);\n --sgds-success-border-color-emphasis: var(--sgds-green-700);\n --sgds-success-border-color-muted: var(--sgds-green-300);\n\n /* Semantic - Danger Colors */\n --sgds-danger-bg-default: var(--sgds-red-700);\n --sgds-danger-bg-muted: var(--sgds-red-100);\n --sgds-danger-surface-default: var(--sgds-red-700);\n --sgds-danger-surface-emphasis: var(--sgds-red-800);\n --sgds-danger-surface-muted: var(--sgds-red-100);\n --sgds-danger-color-default: var(--sgds-red-600);\n --sgds-danger-color-emphasis: var(--sgds-red-700);\n --sgds-danger-color-fixed-light: var(--sgds-red-400);\n --sgds-danger-color-fixed-dark: var(--sgds-red-700);\n --sgds-danger-border-color-default: var(--sgds-red-500);\n --sgds-danger-border-color-emphasis: var(--sgds-red-700);\n --sgds-danger-border-color-muted: var(--sgds-red-300);\n\n /* Semantic - Warning Colors */\n --sgds-warning-bg-default: var(--sgds-yellow-200);\n --sgds-warning-bg-muted: var(--sgds-yellow-100);\n --sgds-warning-surface-default: var(--sgds-yellow-200);\n --sgds-warning-surface-emphasis: var(--sgds-yellow-700);\n --sgds-warning-surface-muted: var(--sgds-yellow-100);\n --sgds-warning-color-default: var(--sgds-yellow-600);\n --sgds-warning-color-emphasis: var(--sgds-yellow-700);\n --sgds-warning-color-fixed-light: var(--sgds-yellow-300);\n --sgds-warning-color-fixed-dark: var(--sgds-yellow-700);\n --sgds-warning-border-color-default: var(--sgds-yellow-500);\n --sgds-warning-border-color-emphasis: var(--sgds-yellow-700);\n --sgds-warning-border-color-muted: var(--sgds-yellow-300);\n\n /* Semantic - Neutral Colors */\n --sgds-neutral-bg-default: var(--sgds-gray-700);\n --sgds-neutral-bg-muted: var(--sgds-gray-100);\n --sgds-neutral-surface-default: var(--sgds-gray-800);\n --sgds-neutral-surface-emphasis: var(--sgds-gray-800);\n --sgds-neutral-surface-muted: var(--sgds-gray-100);\n --sgds-neutral-color-default: var(--sgds-gray-600);\n --sgds-neutral-color-emphasis: var(--sgds-gray-700);\n --sgds-neutral-color-fixed-light: var(--sgds-gray-400);\n --sgds-neutral-color-fixed-dark: var(--sgds-gray-700);\n --sgds-neutral-border-color-default: var(--sgds-gray-500);\n --sgds-neutral-border-color-emphasis: var(--sgds-gray-700);\n --sgds-neutral-border-color-subtle: var(--sgds-gray-300);\n\n /* Semantic - Display Colors */\n --sgds-display-color-default: var(--sgds-gray-1000);\n --sgds-display-color-subtle: var(--sgds-gray-800);\n\n /* Semantic - Header Colors */\n --sgds-header-color-default: var(--sgds-gray-900);\n --sgds-header-color-subtle: var(--sgds-gray-800);\n\n /* Semantic - Body Colors */\n --sgds-body-color-default: var(--sgds-gray-1000);\n --sgds-body-color-subtle: var(--sgds-gray-700);\n\n /* Semantic - Label Colors */\n --sgds-label-color-default: var(--sgds-gray-900);\n --sgds-label-color-subtle: var(--sgds-gray-700);\n\n /* Semantic - Caption Color */\n --sgds-caption-color: var(--sgds-gray-600);\n\n /* Semantic - Link Color */\n --sgds-link-color-default: var(--sgds-blue-600);\n --sgds-link-color-emphasis: var(--sgds-blue-700);\n\n /* Semantic - Form Color */\n --sgds-form-surface-default: var(--sgds-gray-000);\n --sgds-form-surface-emphasis: var(--sgds-gray-700);\n --sgds-form-surface-subtle: var(--sgds-gray-400);\n --sgds-form-surface-muted: var(--sgds-gray-200);\n --sgds-form-surface-inverse: var(--sgds-gray-900);\n --sgds-form-surface-fixed-light: var(--sgds-gray-000);\n --sgds-form-surface-fixed-dark: var(--sgds-gray-900);\n --sgds-form-color-default: var(--sgds-gray-900);\n --sgds-form-color-subtle: var(--sgds-gray-700);\n --sgds-form-color-muted: var(--sgds-gray-300);\n --sgds-form-color-inverse: var(--sgds-gray-100);\n --sgds-form-color-fixed-light: var(--sgds-gray-000);\n --sgds-form-color-fixed-dark: var(--sgds-gray-1100);\n --sgds-form-primary-surface-default: var(--sgds-product-primary-700);\n --sgds-form-primary-surface-emphasis: var(--sgds-product-primary-800);\n --sgds-form-primary-color-default: var(--sgds-product-primary-700);\n --sgds-form-success-surface-default: var(--sgds-green-700);\n --sgds-form-success-color-default: var(--sgds-green-600);\n --sgds-form-success-border-color-default: var(--sgds-green-500);\n --sgds-form-danger-surface-default: var(--sgds-red-700);\n --sgds-form-danger-color-default: var(--sgds-red-600);\n --sgds-form-danger-border-color-default: var(--sgds-red-500);\n}\n',"lifesg-ds-masthead-stylesheet-day");
|
|
1
|
+
"use strict";!function(s,n){if("undefined"!=typeof document&&s){var d=document.head||document.getElementsByTagName("head")[0],g=document.createElement("style");g.type="text/css",document.getElementById(n)||(g.id=n,d.appendChild(g),g.appendChild(document.createTextNode(s)))}}(':root {\n /* Font Size - Display */\n --sgds-font-size-display-sm: var(--sgds-font-size-32);\n --sgds-font-size-display-md: var(--sgds-font-size-36);\n --sgds-font-size-display-lg: var(--sgds-font-size-40);\n\n /* Font Size - Heading */\n --sgds-font-size-heading-sm: var(--sgds-font-size-20);\n --sgds-font-size-heading-md: var(--sgds-font-size-24);\n --sgds-font-size-heading-lg: var(--sgds-font-size-28);\n --sgds-font-size-heading-xl: var(--sgds-font-size-32);\n\n /* Font Size - Subtitle */\n --sgds-font-size-subtitle-sm: var(--sgds-font-size-16);\n --sgds-font-size-subtitle-md: var(--sgds-font-size-18);\n\n /* Font Size - Body */\n --sgds-font-size-body-sm: var(--sgds-font-size-14);\n --sgds-font-size-body-md: var(--sgds-font-size-16);\n --sgds-font-size-body-lg: var(--sgds-font-size-18);\n\n /* Font Size - Label */\n --sgds-font-size-label-xs: var(--sgds-font-size-12);\n --sgds-font-size-label-sm: var(--sgds-font-size-14);\n --sgds-font-size-label-md: var(--sgds-font-size-16);\n --sgds-font-size-label-lg: var(--sgds-font-size-18);\n\n /* Font Size - List */\n --sgds-font-size-list-sm: var(--sgds-font-size-14);\n --sgds-font-size-list-md: var(--sgds-font-size-16);\n --sgds-font-size-list-lg: var(--sgds-font-size-18);\n\n /* Font Size - Caption */\n --sgds-font-size-caption-md: var(--sgds-font-size-14);\n\n /* Font Size - Overline */\n --sgds-font-size-overline-md: var(--sgds-font-size-14);\n\n /* Font Size - Link */\n --sgds-font-size-link-xs: var(--sgds-font-size-12);\n --sgds-font-size-link-sm: var(--sgds-font-size-14);\n --sgds-font-size-link-md: var(--sgds-font-size-16);\n --sgds-font-size-link-lg: var(--sgds-font-size-18);\n\n /* Line Height */\n --sgds-line-height-3-xs: var(--sgds-line-height-16);\n --sgds-line-height-2-xs: var(--sgds-line-height-20);\n --sgds-line-height-xs: var(--sgds-line-height-24);\n --sgds-line-height-sm: var(--sgds-line-height-24);\n --sgds-line-height-md: var(--sgds-line-height-28);\n --sgds-line-height-lg: var(--sgds-line-height-32);\n --sgds-line-height-xl: var(--sgds-line-height-40);\n --sgds-line-height-2-xl: var(--sgds-line-height-44);\n --sgds-line-height-3-xl: var(--sgds-line-height-48);\n\n /* Text - Gap */\n --sgds-text-gap-2-xs: var(--sgds-spacer-2);\n --sgds-text-gap-xs: var(--sgds-spacer-3);\n --sgds-text-gap-sm: var(--sgds-spacer-3);\n --sgds-text-gap-md: var(--sgds-spacer-4);\n --sgds-text-gap-lg: var(--sgds-spacer-5);\n --sgds-text-gap-xl: var(--sgds-spacer-6);\n --sgds-text-gap-2-xl: var(--sgds-spacer-7);\n\n /* Layout - Gap */\n --sgds-layout-gap-2-xs: var(--sgds-spacer-2);\n --sgds-layout-gap-xs: var(--sgds-spacer-3);\n --sgds-layout-gap-sm: var(--sgds-spacer-4);\n --sgds-layout-gap-md: var(--sgds-spacer-5);\n --sgds-layout-gap-lg: var(--sgds-spacer-6);\n --sgds-layout-gap-xl: var(--sgds-spacer-7);\n\n /* Layout - Padding */\n --sgds-layout-padding-xs: var(--sgds-spacer-5);\n --sgds-layout-padding-sm: var(--sgds-spacer-6);\n --sgds-layout-padding-md: var(--sgds-spacer-7);\n --sgds-layout-padding-lg: var(--sgds-spacer-8);\n --sgds-layout-padding-xl: var(--sgds-spacer-9);\n\n /* Component - Gap */\n --sgds-component-gap-xs: var(--sgds-spacer-3);\n --sgds-component-gap-sm: var(--sgds-spacer-4);\n --sgds-component-gap-md: var(--sgds-spacer-5);\n --sgds-component-gap-lg: var(--sgds-spacer-6);\n --sgds-component-gap-xl: var(--sgds-spacer-7);\n\n /* Component - Padding */\n --sgds-component-padding-xs: var(--sgds-spacer-5);\n --sgds-component-padding-sm: var(--sgds-spacer-6);\n --sgds-component-padding-md: var(--sgds-spacer-7);\n --sgds-component-padding-lg: var(--sgds-spacer-8);\n --sgds-component-padding-xl: var(--sgds-spacer-9);\n\n /* Container - Width */\n --sgds-container-width: var(--sgds-dimension-360);\n}\n\n@media screen and (min-width: 1024px) { /* For tablets and larger screens */\n :root {\n /* Font Size - Display */\n --sgds-font-size-display-sm: var(--sgds-font-size-36);\n --sgds-font-size-display-md: var(--sgds-font-size-44);\n --sgds-font-size-display-lg: var(--sgds-font-size-52);\n\n /* Font Size - Heading */\n --sgds-font-size-heading-sm: var(--sgds-font-size-22);\n --sgds-font-size-heading-md: var(--sgds-font-size-26);\n --sgds-font-size-heading-lg: var(--sgds-font-size-30);\n --sgds-font-size-heading-xl: var(--sgds-font-size-36);\n\n /* Font Size - Subtitle */\n --sgds-font-size-subtitle-sm: var(--sgds-font-size-16);\n --sgds-font-size-subtitle-md: var(--sgds-font-size-20);\n\n /* Font Size - Body */\n --sgds-font-size-body-sm: var(--sgds-font-size-14);\n --sgds-font-size-body-md: var(--sgds-font-size-16);\n --sgds-font-size-body-lg: var(--sgds-font-size-20);\n\n /* Font Size - Label */\n --sgds-font-size-label-xs: var(--sgds-font-size-12);\n --sgds-font-size-label-sm: var(--sgds-font-size-14);\n --sgds-font-size-label-md: var(--sgds-font-size-16);\n --sgds-font-size-label-lg: var(--sgds-font-size-20);\n\n /* Font Size - List */\n --sgds-font-size-list-sm: var(--sgds-font-size-14);\n --sgds-font-size-list-md: var(--sgds-font-size-16);\n --sgds-font-size-list-lg: var(--sgds-font-size-20);\n\n /* Font Size - Caption */\n --sgds-font-size-caption-md: var(--sgds-font-size-14);\n\n /* Font Size - Overline */\n --sgds-font-size-overline-md: var(--sgds-font-size-14);\n\n /* Font Size - Link */\n --sgds-font-size-link-xs: var(--sgds-font-size-12);\n --sgds-font-size-link-sm: var(--sgds-font-size-14);\n --sgds-font-size-link-md: var(--sgds-font-size-16);\n --sgds-font-size-link-lg: var(--sgds-font-size-20);\n\n /* Line Height */\n --sgds-line-height-3-xs: var(--sgds-line-height-16);\n --sgds-line-height-2-xs: var(--sgds-line-height-20);\n --sgds-line-height-xs: var(--sgds-line-height-24);\n --sgds-line-height-sm: var(--sgds-line-height-28);\n --sgds-line-height-md: var(--sgds-line-height-32);\n --sgds-line-height-lg: var(--sgds-line-height-36);\n --sgds-line-height-xl: var(--sgds-line-height-44);\n --sgds-line-height-2-xl: var(--sgds-line-height-52);\n --sgds-line-height-3-xl: var(--sgds-line-height-60);\n\n /* Text - Gap */\n --sgds-text-gap-2-xs: var(--sgds-spacer-2);\n --sgds-text-gap-xs: var(--sgds-spacer-3);\n --sgds-text-gap-sm: var(--sgds-spacer-4);\n --sgds-text-gap-md: var(--sgds-spacer-5);\n --sgds-text-gap-lg: var(--sgds-spacer-6);\n --sgds-text-gap-xl: var(--sgds-spacer-7);\n --sgds-text-gap-2-xl: var(--sgds-spacer-8);\n\n /* Layout - Gap */\n --sgds-layout-gap-2-xs: var(--sgds-spacer-4);\n --sgds-layout-gap-xs: var(--sgds-spacer-5);\n --sgds-layout-gap-sm: var(--sgds-spacer-6);\n --sgds-layout-gap-md: var(--sgds-spacer-7);\n --sgds-layout-gap-lg: var(--sgds-spacer-8);\n --sgds-layout-gap-xl: var(--sgds-spacer-9);\n\n /* Layout - Padding */\n --sgds-layout-padding-xs: var(--sgds-spacer-6);\n --sgds-layout-padding-sm: var(--sgds-spacer-7);\n --sgds-layout-padding-md: var(--sgds-spacer-8);\n --sgds-layout-padding-lg: var(--sgds-spacer-9);\n --sgds-layout-padding-xl: var(--sgds-spacer-10);\n \n /* Component - Gap */\n --sgds-component-gap-xs: var(--sgds-spacer-5);\n --sgds-component-gap-sm: var(--sgds-spacer-6);\n --sgds-component-gap-md: var(--sgds-spacer-7);\n --sgds-component-gap-lg: var(--sgds-spacer-8);\n --sgds-component-gap-xl: var(--sgds-spacer-9);\n\n /* Component - Padding */\n --sgds-component-padding-xs: var(--sgds-spacer-6);\n --sgds-component-padding-sm: var(--sgds-spacer-7);\n --sgds-component-padding-md: var(--sgds-spacer-8);\n --sgds-component-padding-lg: var(--sgds-spacer-9);\n --sgds-component-padding-xl: var(--sgds-spacer-10);\n\n /* Container - Width */\n --sgds-container-width: var(--sgds-dimension-888);\n }\n}\n\n@media screen and (min-width: 1440px) { /* For desktops */\n :root {\n /* Font Size - Display */\n --sgds-font-size-display-sm: var(--sgds-font-size-40);\n --sgds-font-size-display-md: var(--sgds-font-size-48);\n --sgds-font-size-display-lg: var(--sgds-font-size-56);\n\n /* Font Size - Heading */\n --sgds-font-size-heading-sm: var(--sgds-font-size-24);\n --sgds-font-size-heading-md: var(--sgds-font-size-28);\n --sgds-font-size-heading-lg: var(--sgds-font-size-32);\n --sgds-font-size-heading-xl: var(--sgds-font-size-40);\n\n /* Font Size - Subtitle */\n --sgds-font-size-subtitle-sm: var(--sgds-font-size-16);\n --sgds-font-size-subtitle-md: var(--sgds-font-size-20);\n\n /* Font Size - Body */\n --sgds-font-size-body-sm: var(--sgds-font-size-14);\n --sgds-font-size-body-md: var(--sgds-font-size-16);\n --sgds-font-size-body-lg: var(--sgds-font-size-20);\n\n /* Font Size - Label */\n --sgds-font-size-label-xs: var(--sgds-font-size-12);\n --sgds-font-size-label-sm: var(--sgds-font-size-14);\n --sgds-font-size-label-md: var(--sgds-font-size-16);\n --sgds-font-size-label-lg: var(--sgds-font-size-20);\n\n /* Font Size - List */\n --sgds-font-size-list-sm: var(--sgds-font-size-14);\n --sgds-font-size-list-md: var(--sgds-font-size-16);\n --sgds-font-size-list-lg: var(--sgds-font-size-20);\n\n /* Font Size - Caption */\n --sgds-font-size-caption-md: var(--sgds-font-size-14);\n\n /* Font Size - Overline */\n --sgds-font-size-overline-md: var(--sgds-font-size-14);\n\n /* Font Size - Link */\n --sgds-font-size-link-xs: var(--sgds-font-size-12);\n --sgds-font-size-link-sm: var(--sgds-font-size-14);\n --sgds-font-size-link-md: var(--sgds-font-size-16);\n --sgds-font-size-link-lg: var(--sgds-font-size-20);\n\n /* Line Height */\n --sgds-line-height-3-xs: var(--sgds-line-height-16);\n --sgds-line-height-2-xs: var(--sgds-line-height-20);\n --sgds-line-height-xs: var(--sgds-line-height-24);\n --sgds-line-height-sm: var(--sgds-line-height-28);\n --sgds-line-height-md: var(--sgds-line-height-32);\n --sgds-line-height-lg: var(--sgds-line-height-40);\n --sgds-line-height-xl: var(--sgds-line-height-48);\n --sgds-line-height-2-xl: var(--sgds-line-height-56);\n --sgds-line-height-3-xl: var(--sgds-line-height-64);\n\n /* Text - Gap */\n --sgds-text-gap-2-xs: var(--sgds-spacer-2);\n --sgds-text-gap-xs: var(--sgds-spacer-3);\n --sgds-text-gap-sm: var(--sgds-spacer-4);\n --sgds-text-gap-md: var(--sgds-spacer-5);\n --sgds-text-gap-lg: var(--sgds-spacer-6);\n --sgds-text-gap-xl: var(--sgds-spacer-7);\n --sgds-text-gap-2-xl: var(--sgds-spacer-8);\n\n /* Layout - Gap */\n --sgds-layout-gap-2-xs: var(--sgds-spacer-5);\n --sgds-layout-gap-xs: var(--sgds-spacer-6);\n --sgds-layout-gap-sm: var(--sgds-spacer-7);\n --sgds-layout-gap-md: var(--sgds-spacer-8);\n --sgds-layout-gap-lg: var(--sgds-spacer-9);\n --sgds-layout-gap-xl: var(--sgds-spacer-10);\n\n /* Layout - Padding */\n --sgds-layout-padding-xs: var(--sgds-spacer-7);\n --sgds-layout-padding-sm: var(--sgds-spacer-8);\n --sgds-layout-padding-md: var(--sgds-spacer-9);\n --sgds-layout-padding-lg: var(--sgds-spacer-10);\n --sgds-layout-padding-xl: var(--sgds-spacer-11);\n\n /* Component - Gap */\n --sgds-component-gap-xs: var(--sgds-spacer-6);\n --sgds-component-gap-sm: var(--sgds-spacer-7);\n --sgds-component-gap-md: var(--sgds-spacer-8);\n --sgds-component-gap-lg: var(--sgds-spacer-9);\n --sgds-component-gap-xl: var(--sgds-spacer-10);\n\n /* Component - Padding */\n --sgds-component-padding-xs: var(--sgds-spacer-7);\n --sgds-component-padding-sm: var(--sgds-spacer-8);\n --sgds-component-padding-md: var(--sgds-spacer-9);\n --sgds-component-padding-lg: var(--sgds-spacer-10);\n --sgds-component-padding-xl: var(--sgds-spacer-11);\n\n /* Container - Width */\n --sgds-container-width: var(--sgds-dimension-1312);\n }\n}\n\n:root {\n /* Primitive - Product Primary Color */\n --sgds-product-primary-100: #f4f2fe;\n --sgds-product-primary-200: #e1dbfb;\n --sgds-product-primary-300: #c8bdf7;\n --sgds-product-primary-400: #a999f3;\n --sgds-product-primary-500: #8a72ef;\n --sgds-product-primary-600: #6b4feb;\n --sgds-product-primary-700: #523abc;\n --sgds-product-primary-800: #3c2b8a;\n --sgds-product-primary-900: #2a1e61;\n\n /* Primitive - Purple Color */\n --sgds-purple-100: #fbf0fe;\n --sgds-purple-200: #f2d6fc;\n --sgds-purple-300: #e6adf9;\n --sgds-purple-400: #d983f6;\n --sgds-purple-500: #c94cf2;\n --sgds-purple-600: #ac1cdb;\n --sgds-purple-700: #8516a9;\n --sgds-purple-800: #641180;\n --sgds-purple-900: #460c5a;\n\n /* Primitive - Cyan Color */\n --sgds-cyan-100: #e0f7fc;\n --sgds-cyan-200: #a8e9f7;\n --sgds-cyan-300: #49d2ef;\n --sgds-cyan-400: #00b4da;\n --sgds-cyan-500: #0092b1;\n --sgds-cyan-600: #00758d;\n --sgds-cyan-700: #005a6d;\n --sgds-cyan-800: #004352;\n --sgds-cyan-900: #002f38;\n\n /* Primitive - Green Color */\n --sgds-green-100: #e3f9ed;\n --sgds-green-200: #b1edcb;\n --sgds-green-300: #62db96;\n --sgds-green-400: #16bd5e;\n --sgds-green-500: #129a4d;\n --sgds-green-600: #0e7c3d;\n --sgds-green-700: #0b5e2f;\n --sgds-green-800: #084523;\n --sgds-green-900: #063119;\n\n /* Primitive - Blue Color */\n --sgds-blue-100: #ecf5fe;\n --sgds-blue-200: #c8e2fb;\n --sgds-blue-300: #96c7f7;\n --sgds-blue-400: #60aaf4;\n --sgds-blue-500: #1e87ef;\n --sgds-blue-600: #0269d0;\n --sgds-blue-700: #0151a0;\n --sgds-blue-800: #013c77;\n --sgds-blue-900: #012a54;\n\n /* Primitive - Yellow Color */\n --sgds-yellow-100: #fef4cb;\n --sgds-yellow-200: #fcde63;\n --sgds-yellow-300: #e5bf29;\n --sgds-yellow-400: #c2a223;\n --sgds-yellow-500: #9d841c;\n --sgds-yellow-600: #7e6917;\n --sgds-yellow-700: #605111;\n --sgds-yellow-800: #483c0d;\n --sgds-yellow-900: #322909;\n\n /* Primitive - Red Color */\n --sgds-red-100: #fcf1f1;\n --sgds-red-200: #f8d7d7;\n --sgds-red-300: #f1b2b2;\n --sgds-red-400: #e98b8b;\n --sgds-red-500: #e05959;\n --sgds-red-600: #cf2323;\n --sgds-red-700: #a11b1b;\n --sgds-red-800: #791414;\n --sgds-red-900: #550e0e;\n\n /* Primitive - Gray Color */\n --sgds-gray-000: #ffffff;\n --sgds-gray-50: #f7f7f7;\n --sgds-gray-100: #f3f3f3;\n --sgds-gray-200: #dfdfdf;\n --sgds-gray-300: #c6c6c6;\n --sgds-gray-400: #a5a5a5;\n --sgds-gray-500: #868686;\n --sgds-gray-600: #6b6b6b;\n --sgds-gray-700: #525252;\n --sgds-gray-800: #3b3b3b;\n --sgds-gray-900: #2a2a2a;\n --sgds-gray-1000: #1a1a1a;\n --sgds-gray-1100: #0e0e0e;\n\n /* Primitive - Border Width */\n --sgds-border-width-0: 0px;\n --sgds-border-width-1: 1px;\n --sgds-border-width-2: 2px;\n --sgds-border-width-3: 3px;\n --sgds-border-width-4: 4px;\n --sgds-form-border-width-default: var(--sgds-border-width-1);\n --sgds-form-border-width-thick: var(--sgds-border-width-2);\n\n /* Primitive - Border Radius */\n --sgds-border-radius-none: 0px;\n --sgds-border-radius-xs: 2px;\n --sgds-border-radius-sm: 4px;\n --sgds-border-radius-md: 8px;\n --sgds-border-radius-lg: 12px;\n --sgds-border-radius-xl: 16px;\n --sgds-border-radius-2-xl: 24px;\n --sgds-border-radius-3-xl: 32px;\n --sgds-border-radius-full: 999px;\n --sgds-form-border-radius-none: var(--sgds-border-radius-none);\n --sgds-form-border-radius-xs: var(--sgds-border-radius-xs);\n --sgds-form-border-radius-sm: var(--sgds-border-radius-sm);\n --sgds-form-border-radius-md: var(--sgds-border-radius-md);\n --sgds-form-border-radius-full: var(--sgds-border-radius-full);\n\n /* Primitive - Breakpoint */\n --sgds-breakpoint-xs: var(--sgds-dimension-320);\n --sgds-breakpoint-sm: var(--sgds-dimension-512);\n --sgds-breakpoint-md: var(--sgds-dimension-768);\n --sgds-breakpoint-lg: var(--sgds-dimension-1024);\n --sgds-breakpoint-xl: var(--sgds-dimension-1280);\n --sgds-breakpoint-2-xl: var(--sgds-dimension-1440);\n\n /* Primitive - Breakpoint with sticky side bar*/\n --sgds-breakpoint-sbar-md: var(--sgds-dimension-768);\n --sgds-breakpoint-sbar-lg: var(--sgds-dimension-1024);\n --sgds-breakpoint-sbar-xl: var(--sgds-dimension-1280);\n --sgds-breakpoint-sbar-2-xl: var(--sgds-dimension-1440);\n --sgds-breakpoint-sbar-3-xl: var(--sgds-dimension-1680px);\n\n /* Primitive - Font Family */\n --sgds-font-family-brand: "Inter", system-ui, sans-serif;\n\n /* Primitive - Font Weight */\n --sgds-font-weight-light: 300;\n --sgds-font-weight-regular: 400;\n --sgds-font-weight-semibold: 600;\n --sgds-font-weight-bold: 700;\n\n /* Primitive - Font Size */\n /* --sgds-font-size-0 to --sgds-font-size-9 is deprecated in v3.7.0 */\n --sgds-font-size-0: 0.75rem;\n --sgds-font-size-1: 0.875rem;\n --sgds-font-size-2: 1rem;\n --sgds-font-size-3: 1.25rem;\n --sgds-font-size-4: 1.5rem;\n --sgds-font-size-5: 1.75rem;\n --sgds-font-size-6: 2rem;\n --sgds-font-size-7: 2.5rem;\n --sgds-font-size-8: 3rem;\n --sgds-font-size-9: 3.5rem;\n --sgds-font-size-12: 0.75rem;\n --sgds-font-size-14: 0.875rem;\n --sgds-font-size-16: 1rem;\n --sgds-font-size-18: 1.125rem;\n --sgds-font-size-20: 1.25rem;\n --sgds-font-size-22: 1.375rem;\n --sgds-font-size-24: 1.5rem;\n --sgds-font-size-26: 1.625rem;\n --sgds-font-size-28: 1.75rem;\n --sgds-font-size-30: 1.875rem;\n --sgds-font-size-32: 2rem;\n --sgds-font-size-36: 2.25rem;\n --sgds-font-size-40: 2.5rem;\n --sgds-font-size-44: 2.75rem;\n --sgds-font-size-48: 3rem;\n --sgds-font-size-52: 3.25rem;\n --sgds-font-size-56: 3.5rem;\n\n /* Primitive - Icon Size */\n --sgds-icon-size-xs: 0.75rem;\n --sgds-icon-size-sm: 1rem;\n --sgds-icon-size-md: 1.25rem;\n --sgds-icon-size-lg: 1.5rem;\n --sgds-icon-size-xl: 2rem;\n --sgds-icon-size-2-xl: 3rem;\n --sgds-icon-size-3-xl: 4rem;\n\n /* Primitive - Letter Spacing */\n --sgds-letter-spacing-tighter: -1px;\n --sgds-letter-spacing-tight: -0.4px;\n --sgds-letter-spacing-normal: 0px;\n --sgds-letter-spacing-wide: 1px;\n --sgds-letter-spacing-wider: 2px;\n\n /* Primitive - Line Height */\n --sgds-line-height-16: 16px;\n --sgds-line-height-20: 20px;\n --sgds-line-height-24: 24px;\n --sgds-line-height-28: 28px;\n --sgds-line-height-32: 32px;\n --sgds-line-height-36: 36px;\n --sgds-line-height-40: 40px;\n --sgds-line-height-44: 44px;\n --sgds-line-height-48: 48px;\n --sgds-line-height-52: 52px;\n --sgds-line-height-56: 56px;\n --sgds-line-height-60: 60px;\n --sgds-line-height-64: 64px;\n\n /* Primitive - Opacity */\n --sgds-opacity-0: 0;\n --sgds-opacity-3: 0.03;\n --sgds-opacity-5: 0.05;\n --sgds-opacity-10: 0.1;\n --sgds-opacity-20: 0.2;\n --sgds-opacity-30: 0.3;\n --sgds-opacity-40: 0.4;\n --sgds-opacity-50: 0.5;\n --sgds-opacity-60: 0.6;\n --sgds-opacity-70: 0.7;\n --sgds-opacity-80: 0.8;\n --sgds-opacity-90: 0.9;\n --sgds-opacity-100: 1;\n\n /* Primitive - Paragraph Spacing */\n --sgds-paragraph-spacing-none: 0;\n --sgds-paragraph-spacing-sm: 0.5rem;\n --sgds-paragraph-spacing-md: 1rem;\n --sgds-paragraph-spacing-lg: 1.5rem;\n --sgds-paragraph-spacing-xl: 2rem;\n\n /* Primitive - List Spacing */\n --sgds-list-spacing-sm: 0.5rem;\n --sgds-list-spacing-md: 0.75rem;\n --sgds-list-spacing-lg: 1rem;\n\n /* Primitive - Spacer */\n --sgds-spacer-0: 0rem;\n --sgds-spacer-1: 0.125rem;\n --sgds-spacer-2: 0.25rem;\n --sgds-spacer-3: 0.5rem;\n --sgds-spacer-4: 0.75rem;\n --sgds-spacer-5: 1rem;\n --sgds-spacer-6: 1.25rem;\n --sgds-spacer-7: 1.5rem;\n --sgds-spacer-8: 2rem;\n --sgds-spacer-9: 3rem;\n --sgds-spacer-10: 4rem;\n --sgds-spacer-11: 6rem;\n --sgds-spacer-12: 8rem;\n\n /* Primitive - Dimension */\n --sgds-dimension-0: 0px;\n --sgds-dimension-1: 1px;\n --sgds-dimension-2: 2px;\n --sgds-dimension-4: 4px;\n --sgds-dimension-8: 8px;\n --sgds-dimension-12: 12px;\n --sgds-dimension-16: 16px;\n --sgds-dimension-20: 20px;\n --sgds-dimension-24: 24px;\n --sgds-dimension-28: 28px;\n --sgds-dimension-32: 32px;\n --sgds-dimension-40: 40px;\n --sgds-dimension-48: 48px;\n --sgds-dimension-52: 52px;\n --sgds-dimension-56: 56px;\n --sgds-dimension-60: 60px;\n --sgds-dimension-64: 64px;\n --sgds-dimension-68: 68px;\n --sgds-dimension-72: 72px;\n --sgds-dimension-76: 76px;\n --sgds-dimension-80: 80px;\n --sgds-dimension-88: 88px;\n --sgds-dimension-96: 96px;\n --sgds-dimension-112: 112px;\n --sgds-dimension-120: 120px;\n --sgds-dimension-128: 128px;\n --sgds-dimension-132: 132px;\n --sgds-dimension-136: 136px;\n --sgds-dimension-144: 144px;\n --sgds-dimension-160: 160px;\n --sgds-dimension-168: 168px;\n --sgds-dimension-192: 192px;\n --sgds-dimension-224: 224px;\n --sgds-dimension-256: 256px;\n --sgds-dimension-280: 280px;\n --sgds-dimension-288: 288px;\n --sgds-dimension-320: 320px;\n --sgds-dimension-328: 328px;\n --sgds-dimension-332: 332px;\n --sgds-dimension-340: 340px;\n --sgds-dimension-344: 344px;\n --sgds-dimension-360: 360px;\n --sgds-dimension-384: 384px;\n --sgds-dimension-400: 400px;\n --sgds-dimension-480: 480px;\n --sgds-dimension-512: 512px;\n --sgds-dimension-640: 640px;\n --sgds-dimension-688: 688px;\n --sgds-dimension-768: 768px;\n --sgds-dimension-800: 800px;\n --sgds-dimension-840: 840px;\n --sgds-dimension-864: 864px;\n --sgds-dimension-872: 872px;\n --sgds-dimension-888: 888px;\n --sgds-dimension-960: 960px;\n --sgds-dimension-1024: 1024px;\n --sgds-dimension-1168: 1168px;\n --sgds-dimension-1280: 1280px;\n --sgds-dimension-1296: 1296px;\n --sgds-dimension-1312: 1312px;\n --sgds-dimension-1440: 1440px;\n --sgds-dimension-1680px: 1680px;\n\n /* Semantic - Padding */\n --sgds-padding-none: var(--sgds-spacer-0);\n --sgds-padding-3-xs: var(--sgds-spacer-1);\n --sgds-padding-2-xs: var(--sgds-spacer-2);\n --sgds-padding-xs: var(--sgds-spacer-3);\n --sgds-padding-sm: var(--sgds-spacer-4);\n --sgds-padding-md: var(--sgds-spacer-5);\n --sgds-padding-lg: var(--sgds-spacer-6);\n --sgds-padding-xl: var(--sgds-spacer-7);\n --sgds-padding-2-xl: var(--sgds-spacer-8);\n --sgds-padding-3-xl: var(--sgds-spacer-9);\n --sgds-padding-4-xl: var(--sgds-spacer-10);\n --sgds-padding-5-xl: var(--sgds-spacer-11);\n --sgds-form-padding-x: var(--sgds-padding-md);\n --sgds-form-padding-y: var(--sgds-padding-sm);\n --sgds-form-padding-inline-xs: var(--sgds-padding-3-xs);\n --sgds-form-padding-inline-sm: var(--sgds-padding-2-xs);\n --sgds-form-padding-inline-md: var(--sgds-padding-xs);\n --sgds-form-padding-inline-lg: var(--sgds-padding-sm);\n --sgds-form-padding-inline-xl: var(--sgds-padding-md);\n\n /* NEW - MARGIN */\n --sgds-margin-none: var(--sgds-spacer-0);\n --sgds-margin-3-xs: var(--sgds-spacer-1);\n --sgds-margin-2-xs: var(--sgds-spacer-2);\n --sgds-margin-xs: var(--sgds-spacer-3);\n --sgds-margin-sm: var(--sgds-spacer-4);\n --sgds-margin-md: var(--sgds-spacer-5);\n --sgds-margin-lg: var(--sgds-spacer-6);\n --sgds-margin-xl: var(--sgds-spacer-7);\n --sgds-margin-2-xl: var(--sgds-spacer-8);\n --sgds-margin-3-xl: var(--sgds-spacer-9);\n --sgds-margin-4-xl: var(--sgds-spacer-10);\n --sgds-margin-5-xl: var(--sgds-spacer-11);\n\n --sgds-gutter-sm: var(--sgds-dimension-16);\n --sgds-gutter-md: var(--sgds-dimension-24);\n --sgds-gutter-lg: var(--sgds-dimension-32);\n\n --sgds-gap-none: var(--sgds-spacer-0);\n --sgds-gap-2-xs: var(--sgds-spacer-2);\n --sgds-gap-xs: var(--sgds-spacer-3);\n --sgds-gap-sm: var(--sgds-spacer-4);\n --sgds-gap-md: var(--sgds-spacer-5);\n --sgds-gap-lg: var(--sgds-spacer-6);\n --sgds-gap-xl: var(--sgds-spacer-7);\n --sgds-gap-2-xl: var(--sgds-spacer-8);\n --sgds-gap-3-xl: var(--sgds-spacer-9);\n --sgds-form-gap-sm: var(--sgds-gap-2-xs);\n --sgds-form-gap-md: var(--sgds-gap-xs);\n --sgds-form-gap-lg: var(--sgds-gap-sm);\n --sgds-form-gap-xl: var(--sgds-gap-md);\n --sgds-form-gap-2-xl: var(--sgds-gap-xl);\n\n --sgds-form-height-3-xs: var(--sgds-dimension-12);\n --sgds-form-height-2-xs: var(--sgds-dimension-16);\n --sgds-form-height-xs: var(--sgds-dimension-20);\n --sgds-form-height-sm: var(--sgds-dimension-24);\n --sgds-form-height-md: var(--sgds-dimension-32);\n --sgds-form-height-lg: var(--sgds-dimension-40);\n --sgds-form-height-xl: var(--sgds-dimension-48);\n --sgds-form-height-2-xl: var(--sgds-dimension-56);\n\n --sgds-form-width-3-xs: var(--sgds-dimension-12);\n --sgds-form-width-2-xs: var(--sgds-dimension-16);\n --sgds-form-width-xs: var(--sgds-dimension-24);\n --sgds-form-width-sm: var(--sgds-dimension-32);\n --sgds-form-width-md: var(--sgds-dimension-40);\n --sgds-form-width-lg: var(--sgds-dimension-48);\n --sgds-form-width-xl: var(--sgds-dimension-56);\n --sgds-form-width-2-xl: var(--sgds-dimension-64);\n --sgds-form-width-3-xl: var(--sgds-dimension-72);\n --sgds-form-width-4-xl: var(--sgds-dimension-80);\n\n /* Semantic - Form Icon Size */\n --sgds-form-icon-size-sm: var(--sgds-icon-size-sm);\n --sgds-form-icon-size-md: var(--sgds-icon-size-md);\n --sgds-form-icon-size-lg: var(--sgds-icon-size-lg);\n\n --sgds-outline-focus: var(--sgds-border-width-2) solid var(--sgds-blue-400);\n --sgds-outline-offset-focus: calc(-1 * var(--sgds-border-width-2));\n --sgds-form-outline-focus: var(--sgds-outline-focus);\n --sgds-form-outline-offset-focus: var(--sgds-outline-offset-focus);\n\n /* Semantic - Text Max Width */\n --sgds-text-max-width: var(--sgds-dimension-864);\n\n /* Semantic - Container Max Width */\n --sgds-container-max-width-md: var(--sgds-dimension-768);\n --sgds-container-max-width-lg: var(--sgds-dimension-888);\n --sgds-container-max-width-xl: var(--sgds-dimension-1168);\n --sgds-container-max-width-2-xl: var(--sgds-dimension-1312);\n --sgds-container-max-width-3-xl: var(--sgds-dimension-1440);\n\n /* Masthead and Mainnav Max Width and Padding */\n --sgds-mainnav-max-width: 1440px;\n --sgds-mainnav-padding-x: 2rem;\n --sgds-mainnav-mobile-padding-x: 1.25rem;\n\n /* Foundation - Motion Easing */\n --sgds-motion-easing-enter: cubic-bezier(0.1, 0, 0.5, 0);\n --sgds-motion-easing-exit: cubic-bezier(0.15, 0.6, 0.6, 1);\n --sgds-motion-easing-standard: cubic-bezier(0.25, 0, 0.25, 1);\n\n /* Foundation - Motion Duration */\n --sgds-motion-duration-faster: 100ms;\n --sgds-motion-duration-fast: 200ms;\n --sgds-motion-duration-standard: 300ms;\n --sgds-motion-duration-slow: 400ms;\n --sgds-motion-duration-slower: 500ms;\n\n /* Foundation - Z-Index Primitive */\n --sgds-z-index-0: 0;\n --sgds-z-index-100: 100;\n --sgds-z-index-200: 200;\n --sgds-z-index-400: 400;\n --sgds-z-index-800: 800;\n --sgds-z-index-1600: 1600;\n\n /* Semantic - Z-Index */\n --sgds-z-index-base: var(--sgds-z-index-0);\n --sgds-z-index-raised: var(--sgds-z-index-100);\n --sgds-z-index-sticky: var(--sgds-z-index-200);\n --sgds-z-index-floating: var(--sgds-z-index-400);\n --sgds-z-index-overlay: var(--sgds-z-index-800);\n --sgds-z-index-modal: var(--sgds-z-index-1600);\n /* Elevation */\n --sgds-elevation-surface-1: 0 0 2px 0 rgba(14, 14, 14, 0.16);\n --sgds-elevation-surface-2: 0 0 2px 0 rgba(14, 14, 14, 0.16), 0 2px 4px 0 rgba(14, 14, 14, 0.08);\n --sgds-elevation-surface-3: 0 0 2px 0 rgba(14, 14, 14, 0.16), 0 4px 8px 0 rgba(14, 14, 14, 0.08);\n --sgds-elevation-surface-4: 0 0 2px 0 rgba(14, 14, 14, 0.16), 0 8px 16px 0 rgba(14, 14, 14, 0.08);\n --sgds-elevation-surface-5: 0 0 2px 0 rgba(14, 14, 14, 0.16), 0 16px 32px 0 rgba(14, 14, 14, 0.08);\n --sgds-elevation-edge-top: 0 -2px 4px 0 rgba(14, 14, 14, 0.08);\n --sgds-elevation-edge-bottom: 0 2px 4px 0 rgba(14, 14, 14, 0.08);\n}\n:root {\n color-scheme: only light;\n --sgds-color-scheme: only light;\n\n /* Semantic - Default Colors */\n --sgds-bg-default: var(--sgds-gray-000);\n --sgds-bg-alternate: var(--sgds-gray-50);\n --sgds-bg-fixed-light: var(--sgds-gray-000);\n --sgds-bg-fixed-dark: var(--sgds-gray-1100);\n --sgds-bg-overlay: oklch(from var(--sgds-gray-1100) l c h / 0.5);\n --sgds-bg-translucent: oklch(from var(--sgds-gray-1100) l c h / 0.1);\n --sgds-bg-translucent-subtle: oklch(from var(--sgds-gray-1100) l c h / 0.05);\n --sgds-bg-transparent: transparent;\n --sgds-bg-translucent-inverse: oklch(from var(--sgds-gray-000) l c h / 0.2);\n --sgds-bg-translucent-fixed-dark: oklch(from var(--sgds-gray-1100) l c h / 0.2);\n --sgds-bg-translucent-fixed-light: oklch(from var(--sgds-gray-000) l c h / 0.2);\n --sgds-surface-default: var(--sgds-gray-000);\n --sgds-surface-raised: var(--sgds-gray-100);\n --sgds-surface-inverse: var(--sgds-gray-900);\n --sgds-surface-fixed-light: var(--sgds-gray-000);\n --sgds-surface-fixed-dark: var(--sgds-gray-900);\n --sgds-color-default: var(--sgds-gray-1000);\n --sgds-color-subtle: var(--sgds-gray-700);\n --sgds-color-muted: var(--sgds-gray-300);\n --sgds-color-inverse: var(--sgds-gray-100);\n --sgds-color-fixed-light: var(--sgds-gray-100);\n --sgds-color-fixed-dark: var(--sgds-gray-1000);\n --sgds-color-transparent: transparent;\n --sgds-border-color-default: var(--sgds-gray-500);\n --sgds-border-color-emphasis: var(--sgds-gray-800);\n --sgds-border-color-muted: var(--sgds-gray-200);\n --sgds-border-color-fixed-light: var(--sgds-gray-000);\n --sgds-border-color-fixed-dark: var(--sgds-gray-1000);\n --sgds-border-color-translucent: oklch(from var(--sgds-gray-1100) l c h / 0.05);\n --sgds-border-color-transparent: transparent;\n\n /* Semantic - Primary Colors */\n --sgds-primary-bg-default: var(--sgds-product-primary-700);\n --sgds-primary-bg-muted: var(--sgds-product-primary-100);\n --sgds-primary-bg-translucent: oklch(from var(--sgds-product-primary-700) l c h / 0.1);\n --sgds-primary-surface-default: var(--sgds-product-primary-600);\n --sgds-primary-surface-emphasis: var(--sgds-product-primary-700);\n --sgds-primary-surface-muted: var(--sgds-product-primary-100);\n --sgds-primary-surface-translucent: oklch(from var(--sgds-product-primary-700) l c h / 0.1);\n --sgds-primary-color-default: var(--sgds-product-primary-600);\n --sgds-primary-color-emphasis: var(--sgds-product-primary-700);\n --sgds-primary-color-fixed-light: var(--sgds-product-primary-400);\n --sgds-primary-color-fixed-dark: var(--sgds-product-primary-600);\n --sgds-primary-border-color-default: var(--sgds-product-primary-600);\n --sgds-primary-border-color-emphasis: var(--sgds-product-primary-700);\n --sgds-primary-border-color-muted: var(--sgds-product-primary-200);\n\n /* Semantic - Accent Colors */\n --sgds-accent-bg-default: var(--sgds-blue-700);\n --sgds-accent-bg-muted: var(--sgds-blue-100);\n --sgds-accent-surface-default: var(--sgds-blue-600);\n --sgds-accent-surface-emphasis: var(--sgds-blue-700);\n --sgds-accent-surface-muted: var(--sgds-blue-100);\n --sgds-accent-color-default: var(--sgds-blue-600);\n --sgds-accent-color-emphasis: var(--sgds-blue-700);\n --sgds-accent-color-fixed-light: var(--sgds-blue-400);\n --sgds-accent-color-fixed-dark: var(--sgds-blue-600);\n --sgds-accent-border-color-default: var(--sgds-blue-500);\n --sgds-accent-border-color-emphasis: var(--sgds-blue-700);\n --sgds-accent-border-color-muted: var(--sgds-blue-200);\n\n /* Semantic - Success Colors */\n --sgds-success-bg-default: var(--sgds-green-700);\n --sgds-success-bg-muted: var(--sgds-green-100);\n --sgds-success-surface-default: var(--sgds-green-600);\n --sgds-success-surface-emphasis: var(--sgds-green-700);\n --sgds-success-surface-muted: var(--sgds-green-100);\n --sgds-success-color-default: var(--sgds-green-600);\n --sgds-success-color-emphasis: var(--sgds-green-700);\n --sgds-success-color-fixed-light: var(--sgds-green-400);\n --sgds-success-color-fixed-dark: var(--sgds-green-600);\n --sgds-success-border-color-default: var(--sgds-green-600);\n --sgds-success-border-color-emphasis: var(--sgds-green-700);\n --sgds-success-border-color-muted: var(--sgds-green-200);\n\n /* Semantic - Danger Colors */\n --sgds-danger-bg-default: var(--sgds-red-700);\n --sgds-danger-bg-muted: var(--sgds-red-100);\n --sgds-danger-surface-default: var(--sgds-red-600);\n --sgds-danger-surface-emphasis: var(--sgds-red-700);\n --sgds-danger-surface-muted: var(--sgds-red-100);\n --sgds-danger-surface-translucent: oklch(from var(--sgds-red-700) l c h / 0.08);\n --sgds-danger-color-default: var(--sgds-red-600);\n --sgds-danger-color-emphasis: var(--sgds-red-700);\n --sgds-danger-color-fixed-light: var(--sgds-red-400);\n --sgds-danger-color-fixed-dark: var(--sgds-red-600);\n --sgds-danger-border-color-default: var(--sgds-red-600);\n --sgds-danger-border-color-emphasis: var(--sgds-red-700);\n --sgds-danger-border-color-muted: var(--sgds-red-200);\n\n /* Semantic - Warning Colors */\n --sgds-warning-bg-default: var(--sgds-yellow-200);\n --sgds-warning-bg-muted: var(--sgds-yellow-100);\n --sgds-warning-surface-default: var(--sgds-yellow-200);\n --sgds-warning-surface-emphasis: var(--sgds-yellow-600);\n --sgds-warning-surface-muted: var(--sgds-yellow-100);\n --sgds-warning-color-default: var(--sgds-yellow-600);\n --sgds-warning-color-emphasis: var(--sgds-yellow-700);\n --sgds-warning-color-fixed-light: var(--sgds-yellow-300);\n --sgds-warning-color-fixed-dark: var(--sgds-yellow-600);\n --sgds-warning-border-color-default: var(--sgds-yellow-600);\n --sgds-warning-border-color-emphasis: var(--sgds-yellow-700);\n --sgds-warning-border-color-muted: var(--sgds-yellow-200);\n\n /* Semantic - Purple Colors */\n --sgds-purple-bg-default: var(--sgds-purple-700);\n --sgds-purple-bg-muted: var(--sgds-purple-100);\n --sgds-purple-surface-default: var(--sgds-purple-600);\n --sgds-purple-surface-emphasis: var(--sgds-purple-700);\n --sgds-purple-surface-muted: var(--sgds-purple-100);\n --sgds-purple-color-default: var(--sgds-purple-600);\n --sgds-purple-color-emphasis: var(--sgds-purple-700);\n --sgds-purple-color-fixed-light: var(--sgds-purple-400);\n --sgds-purple-color-fixed-dark: var(--sgds-purple-600);\n --sgds-purple-border-color-default: var(--sgds-purple-500);\n --sgds-purple-border-color-emphasis: var(--sgds-purple-700);\n --sgds-purple-border-color-muted: var(--sgds-purple-200);\n\n /* Semantic - Cyan Colors */\n --sgds-cyan-bg-default: var(--sgds-cyan-700);\n --sgds-cyan-bg-muted: var(--sgds-cyan-100);\n --sgds-cyan-surface-default: var(--sgds-cyan-600);\n --sgds-cyan-surface-emphasis: var(--sgds-cyan-700);\n --sgds-cyan-surface-muted: var(--sgds-cyan-100);\n --sgds-cyan-color-default: var(--sgds-cyan-600);\n --sgds-cyan-color-emphasis: var(--sgds-cyan-700);\n --sgds-cyan-color-fixed-light: var(--sgds-cyan-400);\n --sgds-cyan-color-fixed-dark: var(--sgds-cyan-600);\n --sgds-cyan-border-color-default: var(--sgds-cyan-500);\n --sgds-cyan-border-color-emphasis: var(--sgds-cyan-700);\n --sgds-cyan-border-color-muted: var(--sgds-cyan-200);\n\n /* Semantic - Neutral Colors */\n --sgds-neutral-bg-default: var(--sgds-gray-700);\n --sgds-neutral-bg-muted: var(--sgds-gray-100);\n --sgds-neutral-surface-default: var(--sgds-gray-700);\n --sgds-neutral-surface-emphasis: var(--sgds-gray-800);\n --sgds-neutral-surface-muted: var(--sgds-gray-100);\n --sgds-neutral-surface-translucent: oklch(from var(--sgds-gray-1100) l c h / 0.15);\n --sgds-neutral-color-default: var(--sgds-gray-600);\n --sgds-neutral-color-emphasis: var(--sgds-gray-700);\n --sgds-neutral-color-fixed-light: var(--sgds-gray-400);\n --sgds-neutral-color-fixed-dark: var(--sgds-gray-600);\n --sgds-neutral-border-color-default: var(--sgds-gray-600);\n --sgds-neutral-border-color-emphasis: var(--sgds-gray-700);\n --sgds-neutral-border-color-muted: var(--sgds-gray-200);\n\n /* Semantic - Display Colors */\n --sgds-display-color-default: var(--sgds-gray-1000);\n --sgds-display-color-subtle: var(--sgds-gray-800);\n\n /* Semantic - Heading Colors */\n --sgds-heading-color-default: var(--sgds-gray-900);\n --sgds-heading-color-subtle: var(--sgds-gray-800);\n\n /* Semantic - Body Colors */\n --sgds-body-color-default: var(--sgds-gray-1000);\n --sgds-body-color-subtle: var(--sgds-gray-700);\n\n /* Semantic - Label Colors */\n --sgds-label-color-default: var(--sgds-gray-900);\n --sgds-label-color-subtle: var(--sgds-gray-700);\n\n /* Semantic - Link Color */\n --sgds-link-color-default: var(--sgds-blue-600);\n --sgds-link-color-emphasis: var(--sgds-blue-700);\n\n /* Semantic - Form Color */\n --sgds-form-surface-default: var(--sgds-gray-000);\n --sgds-form-surface-raised: var(--sgds-gray-100);\n --sgds-form-surface-emphasis: var(--sgds-gray-700);\n --sgds-form-surface-subtle: var(--sgds-gray-400);\n --sgds-form-surface-muted: var(--sgds-gray-200);\n --sgds-form-surface-inverse: var(--sgds-gray-900);\n --sgds-form-surface-fixed-light: var(--sgds-gray-000);\n --sgds-form-surface-fixed-dark: var(--sgds-gray-900);\n --sgds-form-color-default: var(--sgds-gray-900);\n --sgds-form-color-subtle: var(--sgds-gray-700);\n --sgds-form-color-muted: var(--sgds-gray-300);\n --sgds-form-color-inverse: var(--sgds-gray-100);\n --sgds-form-color-fixed-light: var(--sgds-gray-000);\n --sgds-form-color-fixed-dark: var(--sgds-gray-1100);\n --sgds-form-primary-surface-default: var(--sgds-product-primary-600);\n --sgds-form-primary-surface-emphasis: var(--sgds-product-primary-700);\n --sgds-form-primary-color-default: var(--sgds-product-primary-600);\n --sgds-form-success-surface-default: var(--sgds-green-600);\n --sgds-form-success-color-default: var(--sgds-green-600);\n --sgds-form-success-border-color-default: var(--sgds-green-500);\n --sgds-form-danger-surface-default: var(--sgds-red-600);\n --sgds-form-danger-color-default: var(--sgds-red-600);\n --sgds-form-danger-border-color-default: var(--sgds-red-500);\n}\n',"lifesg-ds-masthead-stylesheet-day");
|
|
2
2
|
//# sourceMappingURL=day.css.js.map
|