@ukho/admiralty-core 5.7.0 → 5.7.1--canary.9727084.0

package/themes/default.css

@@ -97,6 +97,8 @@
   --colour-block-blue-text-colour: #ffffff;
   --colour-block-bright-blue-text-colour: #09315b;
 
+  --admiralty-input-native-icon-filter: none;
+
   /** Typographic Scale **/
   --admiralty-font-size--3: 0.688rem;
   --admiralty-font-size--2: 0.75rem;
@@ -227,7 +229,9 @@
 
     --colour-block-blue-background-colour: #2b323a;
     --colour-block-blue-text-colour: #ffffff;
-    --colour-block-bright-blue-text-colour: #ffffff;
+    --colour-block-bright-blue-text-colour: #333333;
+
+    --admiralty-input-native-icon-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg);
   }
 }
 
@@ -329,6 +333,8 @@ body.admiralty-light-mode {
   --colour-block-blue-background-colour: #09315b;
   --colour-block-blue-text-colour: #ffffff;
   --colour-block-bright-blue-text-colour: #09315b;
+
+  --admiralty-input-native-icon-filter: none;
 }
 
 /** Theme Toggle: Force Dark Mode **/
@@ -424,7 +430,9 @@ body.admiralty-dark-mode {
 
   --colour-block-blue-background-colour: #2b323a;
   --colour-block-blue-text-colour: #ffffff;
-  --colour-block-bright-blue-text-colour: #ffffff;
+  --colour-block-bright-blue-text-colour: #333333;
+
+  --admiralty-input-native-icon-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg);
 }
 
 /** Theme Toggle: Prevent double dark mode application when theme toggle is in use **/
@@ -519,8 +527,10 @@ body.admiralty-dark-mode {
     --admiralty-card-heading-text-colour: #ffffff;
     --admiralty-card-heading-border-colour: #404040;
 
+    --admiralty-input-native-icon-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg);
+
     --colour-block-blue-background-colour: #2b323a;
     --colour-block-blue-text-colour: #ffffff;
-    --colour-block-bright-blue-text-colour: #ffffff;
+    --colour-block-bright-blue-text-colour: #333333;
   }
 }

package/dist/admiralty/p-192995ac.entry.js

@@ -1 +0,0 @@
-import{r as o,c as l,h as c}from"./p-uO9JpdnI.js";const t=class{constructor(c){o(this,c),this.colourBlockLinkClicked=l(this,"colourBlockLinkClicked"),this.colour="admiralty-blue",this.accessibleLabel="",this.suppressRedirect=!1,this.enableCardEvent=!1}hasLink(){return Boolean(this.linkText&&this.href)}shouldEnableBlockInteraction(){return this.enableCardEvent||this.hasLink()}getInteractiveAriaLabel(){var o;return null!==(o=[this.accessibleLabel,this.linkText,this.heading,this.actionText].map((o=>null==o?void 0:o.trim())).filter((o=>Boolean(o)))[0])&&void 0!==o?o:"Interactive colour block"}isInteractiveTarget(o){const l=o.currentTarget instanceof HTMLElement?o.currentTarget:null;return o.composedPath().some((o=>{if(!(o instanceof HTMLElement))return!1;const c=o.closest('a, button, input, select, textarea, [role="button"], [role="link"]');return null!==c&&c!==l}))}triggerLinkAction(){this.linkElement&&(this.linkElement.focus({preventScroll:!0}),this.linkElement.click())}onBlockClick(o){this.shouldEnableBlockInteraction()&&(!this.hasLink()||this.isInteractiveTarget(o)?this.enableCardEvent&&!this.hasLink()&&this.handleClickAction(o):this.triggerLinkAction())}onBlockKeyDown(o){if(this.shouldEnableBlockInteraction()&&!this.isInteractiveTarget(o)){if(this.hasLink()){if("Enter"!==o.key)return;return o.preventDefault(),void this.triggerLinkAction()}"Enter"!==o.key&&" "!==o.key||(o.preventDefault(),this.enableCardEvent&&this.handleClickAction(o))}}handleClickAction(o){this.suppressRedirect&&o.preventDefault(),o.stopPropagation(),this.colourBlockLinkClicked.emit()}render(){return c("div",{key:"82671203101e6587a78ae5a232aa55feb1a5f14d",class:{colourBlock:!0,[this.colour]:!0,"is-interactive":this.shouldEnableBlockInteraction()},style:{height:this.height?`${this.height}px`:void 0,width:this.width?`${this.width}px`:void 0},role:this.shouldEnableBlockInteraction()?this.hasLink()?"link":"button":void 0,tabIndex:this.shouldEnableBlockInteraction()?0:void 0,"aria-label":this.shouldEnableBlockInteraction()?this.getInteractiveAriaLabel():void 0,onClick:o=>this.onBlockClick(o),onKeyDown:o=>this.onBlockKeyDown(o)},c("h2",{key:"e39a855fc9d6262b4b8ae468d6a70d11b9840dba"},this.heading),c("div",{key:"b2d9433db9491d6e6118bd2e32f7acbb09965c9f",class:{content:!0}},c("slot",{key:"42249a6efa66ba69965cb4729bf9dfae9e468b75"})),this.actionText?c("admiralty-button",{variant:"text",class:"clickAction",onClick:o=>this.handleClickAction(o)},c("span",null,this.actionText)):null,this.linkText&&this.href?c("a",{class:"clickAction",href:this.href,onClick:o=>this.handleClickAction(o),ref:o=>this.linkElement=o},c("span",null,this.linkText)):null)}};t.style=".visually-hidden.sc-admiralty-colour-block:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-colour-block{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-colour-block{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-colour-block{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-colour-block{display:none}}.colourBlock.sc-admiralty-colour-block{height:100%;width:100%;max-width:100%;padding:var(--admiralty-colour-block-padding, 30px 18px);display:flex;flex-direction:column;box-sizing:border-box}.colourBlock.is-interactive.sc-admiralty-colour-block{cursor:pointer}.colourBlock.is-interactive.sc-admiralty-colour-block:hover{filter:brightness(0.95)}.colourBlock.is-interactive.sc-admiralty-colour-block:active{filter:brightness(0.9)}.colourBlock.is-interactive.sc-admiralty-colour-block:focus-visible{outline:3px solid var(--admiralty-focus-colour);outline-offset:2px}.colourBlock.sc-admiralty-colour-block .content.sc-admiralty-colour-block{flex-grow:1}.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block{align-self:flex-end;cursor:pointer}.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block:focus *.sc-admiralty-colour-block{color:var(--admiralty-focus-contrast) !important}.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block span.sc-admiralty-colour-block{font-weight:var(--admiralty-colour-block-action-font-weight, var(--admiralty-font-weight-medium));font-size:var(--admiralty-colour-block-action-font-size, var(--admiralty-font-size-1));line-height:30px}@media (max-width: 1023px){.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block span.sc-admiralty-colour-block{font-size:var(--admiralty-colour-block-action-not-desktop-font-size, var(--admiralty-font-size-0));line-height:30px}}.colourBlock.admiralty-blue.sc-admiralty-colour-block{background-color:var(--colour-block-blue-background-colour);--admiralty-colour-primary:var(--colour-block-blue-text-colour);--colour-block-text-colour:var(--colour-block-blue-text-colour)}.colourBlock.admiralty-blue.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--colour-block-blue-text-colour)}.colourBlock.teal.sc-admiralty-colour-block{background-color:var(--admiralty-colour-secondary);--admiralty-colour-primary:var(--admiralty-colour-secondary-contrast);--colour-block-text-colour:var(--admiralty-colour-secondary-contrast)}.colourBlock.teal.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--admiralty-colour-secondary-contrast)}.colourBlock.bright-blue.sc-admiralty-colour-block{background-color:var(--admiralty-colour-tertiary);--admiralty-colour-primary:var(--colour-block-bright-blue-text-colour);--colour-block-text-colour:var(--colour-block-bright-blue-text-colour)}.colourBlock.bright-blue.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--colour-block-bright-blue-text-colour)}.colourBlock.bright-blue.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--colour-block-bright-blue-text-colour)}admiralty-colour-block.sc-admiralty-colour-block a.sc-admiralty-colour-block,admiralty-colour-block.sc-admiralty-colour-block h1.sc-admiralty-colour-block,admiralty-colour-block.sc-admiralty-colour-block h2.sc-admiralty-colour-block,admiralty-colour-block.sc-admiralty-colour-block h3.sc-admiralty-colour-block,admiralty-colour-block.sc-admiralty-colour-block h4.sc-admiralty-colour-block,admiralty-colour-block.sc-admiralty-colour-block h5.sc-admiralty-colour-block,admiralty-colour-block.sc-admiralty-colour-block h6.sc-admiralty-colour-block{color:var(--colour-block-text-colour, var(--admiralty-colour-primary))}";export{t as admiralty_colour_block}