@lax-wp/design-system 0.14.42 → 0.14.43

package/dist/components/icons/ShieldIcon.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),r=require("../../constants/colors.cjs.js"),s=34/36,t=({fill:o=r.COLORS.primary[600],size:e=36,className:n})=>i.jsx("svg",{width:e*s,height:e,viewBox:"0 0 34 36",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n,"aria-hidden":"true",children:i.jsx("path",{d:"M16.9678 0C17.293 0 17.6183 0.0706991 17.9152 0.205027L31.2278 5.85389C32.7832 6.51139 33.9427 8.04556 33.9356 9.89788C33.9003 16.9112 31.0157 29.7431 18.8343 35.5758C17.6536 36.1414 16.282 36.1414 15.1014 35.5758C2.91991 29.7431 0.0353817 16.9112 3.21574e-05 9.89788C-0.00703776 8.04556 1.15243 6.51139 2.70781 5.85389L16.0275 0.205027C16.3174 0.0706991 16.6426 0 16.9678 0ZM16.9678 4.7227V31.447C26.7243 26.7243 29.3472 16.2679 29.4109 9.99686L16.9678 4.7227Z",fill:o})});t.displayName="ShieldIcon";exports.ShieldIcon=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),t=require("../../constants/colors.cjs.js"),d=34/36,o=({fill:l=t.COLORS.primary[600],size:e=36,className:n})=>i.jsx("svg",{width:e*d,height:e,viewBox:"0 0 34 36",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n,"aria-hidden":"true",children:i.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.9678 0C17.293 0 17.6183 0.0706991 17.9152 0.205027L31.2278 5.85389C32.7832 6.51139 33.9427 8.04556 33.9356 9.89788C33.9003 16.9112 31.0157 29.7431 18.8343 35.5758C17.6536 36.1414 16.282 36.1414 15.1014 35.5758C2.91991 29.7431 0.0353817 16.9112 3.21574e-05 9.89788C-0.00703776 8.04556 1.15243 6.51139 2.70781 5.85389L16.0275 0.205027C16.3174 0.0706991 16.6426 0 16.9678 0ZM16.9678 4.7227V31.447C26.7243 26.7243 29.3472 16.2679 29.4109 9.99686L16.9678 4.7227Z",fill:l})});o.displayName="ShieldIcon";exports.ShieldIcon=o;
 //# sourceMappingURL=ShieldIcon.cjs.js.map

package/dist/components/icons/ShieldIcon.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShieldIcon.cjs.js","sources":["../../../src/components/icons/ShieldIcon.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { COLORS } from '../../constants/colors';\n\nexport interface ShieldIconProps {\n  /** Icon fill colour. Defaults to the primary brand colour (`primary-600`).\n   *  Pass `currentColor` to inherit the surrounding text colour instead. */\n  fill?: string;\n  /** Icon height in pixels — the width scales with the artwork's 34:36 ratio */\n  size?: number;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/** Intrinsic artwork dimensions — kept in sync with the viewBox */\nconst ASPECT_RATIO = 34 / 36;\n\n/**\n * ShieldIcon renders the brand shield mark (half-filled security badge).\n *\n * @example\n * ```tsx\n * <ShieldIcon size={36} />\n * <ShieldIcon fill=\"currentColor\" className=\"text-neutral-400\" />\n * ```\n */\nexport const ShieldIcon: FC<ShieldIconProps> = ({\n  fill = COLORS.primary[600],\n  size = 36,\n  className,\n}) => (\n  <svg\n    width={size * ASPECT_RATIO}\n    height={size}\n    viewBox='0 0 34 36'\n    fill='none'\n    xmlns='http://www.w3.org/2000/svg'\n    className={className}\n    aria-hidden='true'\n  >\n    <path\n      d='M16.9678 0C17.293 0 17.6183 0.0706991 17.9152 0.205027L31.2278 5.85389C32.7832 6.51139 33.9427 8.04556 33.9356 9.89788C33.9003 16.9112 31.0157 29.7431 18.8343 35.5758C17.6536 36.1414 16.282 36.1414 15.1014 35.5758C2.91991 29.7431 0.0353817 16.9112 3.21574e-05 9.89788C-0.00703776 8.04556 1.15243 6.51139 2.70781 5.85389L16.0275 0.205027C16.3174 0.0706991 16.6426 0 16.9678 0ZM16.9678 4.7227V31.447C26.7243 26.7243 29.3472 16.2679 29.4109 9.99686L16.9678 4.7227Z'\n      fill={fill}\n    />\n  </svg>\n);\n\nShieldIcon.displayName = 'ShieldIcon';\n"],"names":["ASPECT_RATIO","ShieldIcon","fill","COLORS","size","className","jsx"],"mappings":"gKAcMA,EAAe,GAAK,GAWbC,EAAkC,CAAC,CAC9C,KAAAC,EAAOC,EAAAA,OAAO,QAAQ,GAAG,EACzB,KAAAC,EAAO,GACP,UAAAC,CACF,IACEC,EAAAA,IAAC,MAAA,CACC,MAAOF,EAAOJ,EACd,OAAQI,EACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,UAAAC,EACA,cAAY,OAEZ,SAAAC,EAAAA,IAAC,OAAA,CACC,EAAE,gdACF,KAAAJ,CAAA,CAAA,CACF,CACF,EAGFD,EAAW,YAAc"}
+{"version":3,"file":"ShieldIcon.cjs.js","sources":["../../../src/components/icons/ShieldIcon.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { COLORS } from '../../constants/colors';\n\nexport interface ShieldIconProps {\n  /** Icon fill colour. Defaults to the primary brand colour (`primary-600`).\n   *  Pass `currentColor` to inherit the surrounding text colour instead. */\n  fill?: string;\n  /** Icon height in pixels — the width scales with the artwork's 34:36 ratio */\n  size?: number;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/** Intrinsic artwork dimensions — kept in sync with the viewBox */\nconst ASPECT_RATIO = 34 / 36;\n\n/**\n * ShieldIcon renders the brand shield mark (half-filled security badge).\n *\n * @example\n * ```tsx\n * <ShieldIcon size={36} />\n * <ShieldIcon fill=\"currentColor\" className=\"text-neutral-400\" />\n * ```\n */\nexport const ShieldIcon: FC<ShieldIconProps> = ({\n  fill = COLORS.primary[600],\n  size = 36,\n  className,\n}) => (\n  <svg\n    width={size * ASPECT_RATIO}\n    height={size}\n    viewBox='0 0 34 36'\n    fill='none'\n    xmlns='http://www.w3.org/2000/svg'\n    className={className}\n    aria-hidden='true'\n  >\n    <path\n      fillRule='evenodd'\n      clipRule='evenodd'\n      d='M16.9678 0C17.293 0 17.6183 0.0706991 17.9152 0.205027L31.2278 5.85389C32.7832 6.51139 33.9427 8.04556 33.9356 9.89788C33.9003 16.9112 31.0157 29.7431 18.8343 35.5758C17.6536 36.1414 16.282 36.1414 15.1014 35.5758C2.91991 29.7431 0.0353817 16.9112 3.21574e-05 9.89788C-0.00703776 8.04556 1.15243 6.51139 2.70781 5.85389L16.0275 0.205027C16.3174 0.0706991 16.6426 0 16.9678 0ZM16.9678 4.7227V31.447C26.7243 26.7243 29.3472 16.2679 29.4109 9.99686L16.9678 4.7227Z'\n      fill={fill}\n    />\n  </svg>\n);\n\nShieldIcon.displayName = 'ShieldIcon';\n"],"names":["ASPECT_RATIO","ShieldIcon","fill","COLORS","size","className","jsx"],"mappings":"gKAcMA,EAAe,GAAK,GAWbC,EAAkC,CAAC,CAC9C,KAAAC,EAAOC,EAAAA,OAAO,QAAQ,GAAG,EACzB,KAAAC,EAAO,GACP,UAAAC,CACF,IACEC,EAAAA,IAAC,MAAA,CACC,MAAOF,EAAOJ,EACd,OAAQI,EACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,UAAAC,EACA,cAAY,OAEZ,SAAAC,EAAAA,IAAC,OAAA,CACC,SAAS,UACT,SAAS,UACT,EAAE,gdACF,KAAAJ,CAAA,CAAA,CACF,CACF,EAGFD,EAAW,YAAc"}

package/dist/components/icons/ShieldIcon.es.js

@@ -1,30 +1,32 @@
-import { jsx as o } from "react/jsx-runtime";
-import { COLORS as e } from "../../constants/colors.es.js";
-const C = 34 / 36, h = ({
-  fill: r = e.primary[600],
-  size: i = 36,
-  className: t
-}) => /* @__PURE__ */ o(
+import { jsx as i } from "react/jsx-runtime";
+import { COLORS as l } from "../../constants/colors.es.js";
+const n = 34 / 36, r = ({
+  fill: o = l.primary[600],
+  size: e = 36,
+  className: d
+}) => /* @__PURE__ */ i(
   "svg",
   {
-    width: i * C,
-    height: i,
+    width: e * n,
+    height: e,
     viewBox: "0 0 34 36",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    className: t,
+    className: d,
     "aria-hidden": "true",
-    children: /* @__PURE__ */ o(
+    children: /* @__PURE__ */ i(
       "path",
       {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
         d: "M16.9678 0C17.293 0 17.6183 0.0706991 17.9152 0.205027L31.2278 5.85389C32.7832 6.51139 33.9427 8.04556 33.9356 9.89788C33.9003 16.9112 31.0157 29.7431 18.8343 35.5758C17.6536 36.1414 16.282 36.1414 15.1014 35.5758C2.91991 29.7431 0.0353817 16.9112 3.21574e-05 9.89788C-0.00703776 8.04556 1.15243 6.51139 2.70781 5.85389L16.0275 0.205027C16.3174 0.0706991 16.6426 0 16.9678 0ZM16.9678 4.7227V31.447C26.7243 26.7243 29.3472 16.2679 29.4109 9.99686L16.9678 4.7227Z",
-        fill: r
+        fill: o
       }
     )
   }
 );
-h.displayName = "ShieldIcon";
+r.displayName = "ShieldIcon";
 export {
-  h as ShieldIcon
+  r as ShieldIcon
 };
 //# sourceMappingURL=ShieldIcon.es.js.map

package/dist/components/icons/ShieldIcon.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShieldIcon.es.js","sources":["../../../src/components/icons/ShieldIcon.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { COLORS } from '../../constants/colors';\n\nexport interface ShieldIconProps {\n  /** Icon fill colour. Defaults to the primary brand colour (`primary-600`).\n   *  Pass `currentColor` to inherit the surrounding text colour instead. */\n  fill?: string;\n  /** Icon height in pixels — the width scales with the artwork's 34:36 ratio */\n  size?: number;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/** Intrinsic artwork dimensions — kept in sync with the viewBox */\nconst ASPECT_RATIO = 34 / 36;\n\n/**\n * ShieldIcon renders the brand shield mark (half-filled security badge).\n *\n * @example\n * ```tsx\n * <ShieldIcon size={36} />\n * <ShieldIcon fill=\"currentColor\" className=\"text-neutral-400\" />\n * ```\n */\nexport const ShieldIcon: FC<ShieldIconProps> = ({\n  fill = COLORS.primary[600],\n  size = 36,\n  className,\n}) => (\n  <svg\n    width={size * ASPECT_RATIO}\n    height={size}\n    viewBox='0 0 34 36'\n    fill='none'\n    xmlns='http://www.w3.org/2000/svg'\n    className={className}\n    aria-hidden='true'\n  >\n    <path\n      d='M16.9678 0C17.293 0 17.6183 0.0706991 17.9152 0.205027L31.2278 5.85389C32.7832 6.51139 33.9427 8.04556 33.9356 9.89788C33.9003 16.9112 31.0157 29.7431 18.8343 35.5758C17.6536 36.1414 16.282 36.1414 15.1014 35.5758C2.91991 29.7431 0.0353817 16.9112 3.21574e-05 9.89788C-0.00703776 8.04556 1.15243 6.51139 2.70781 5.85389L16.0275 0.205027C16.3174 0.0706991 16.6426 0 16.9678 0ZM16.9678 4.7227V31.447C26.7243 26.7243 29.3472 16.2679 29.4109 9.99686L16.9678 4.7227Z'\n      fill={fill}\n    />\n  </svg>\n);\n\nShieldIcon.displayName = 'ShieldIcon';\n"],"names":["ASPECT_RATIO","ShieldIcon","fill","COLORS","size","className","jsx"],"mappings":";;AAcA,MAAMA,IAAe,KAAK,IAWbC,IAAkC,CAAC;AAAA,EAC9C,MAAAC,IAAOC,EAAO,QAAQ,GAAG;AAAA,EACzB,MAAAC,IAAO;AAAA,EACP,WAAAC;AACF,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAOF,IAAOJ;AAAA,IACd,QAAQI;AAAA,IACR,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACN,WAAAC;AAAA,IACA,eAAY;AAAA,IAEZ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAAJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AACF;AAGFD,EAAW,cAAc;"}
+{"version":3,"file":"ShieldIcon.es.js","sources":["../../../src/components/icons/ShieldIcon.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { COLORS } from '../../constants/colors';\n\nexport interface ShieldIconProps {\n  /** Icon fill colour. Defaults to the primary brand colour (`primary-600`).\n   *  Pass `currentColor` to inherit the surrounding text colour instead. */\n  fill?: string;\n  /** Icon height in pixels — the width scales with the artwork's 34:36 ratio */\n  size?: number;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/** Intrinsic artwork dimensions — kept in sync with the viewBox */\nconst ASPECT_RATIO = 34 / 36;\n\n/**\n * ShieldIcon renders the brand shield mark (half-filled security badge).\n *\n * @example\n * ```tsx\n * <ShieldIcon size={36} />\n * <ShieldIcon fill=\"currentColor\" className=\"text-neutral-400\" />\n * ```\n */\nexport const ShieldIcon: FC<ShieldIconProps> = ({\n  fill = COLORS.primary[600],\n  size = 36,\n  className,\n}) => (\n  <svg\n    width={size * ASPECT_RATIO}\n    height={size}\n    viewBox='0 0 34 36'\n    fill='none'\n    xmlns='http://www.w3.org/2000/svg'\n    className={className}\n    aria-hidden='true'\n  >\n    <path\n      fillRule='evenodd'\n      clipRule='evenodd'\n      d='M16.9678 0C17.293 0 17.6183 0.0706991 17.9152 0.205027L31.2278 5.85389C32.7832 6.51139 33.9427 8.04556 33.9356 9.89788C33.9003 16.9112 31.0157 29.7431 18.8343 35.5758C17.6536 36.1414 16.282 36.1414 15.1014 35.5758C2.91991 29.7431 0.0353817 16.9112 3.21574e-05 9.89788C-0.00703776 8.04556 1.15243 6.51139 2.70781 5.85389L16.0275 0.205027C16.3174 0.0706991 16.6426 0 16.9678 0ZM16.9678 4.7227V31.447C26.7243 26.7243 29.3472 16.2679 29.4109 9.99686L16.9678 4.7227Z'\n      fill={fill}\n    />\n  </svg>\n);\n\nShieldIcon.displayName = 'ShieldIcon';\n"],"names":["ASPECT_RATIO","ShieldIcon","fill","COLORS","size","className","jsx"],"mappings":";;AAcA,MAAMA,IAAe,KAAK,IAWbC,IAAkC,CAAC;AAAA,EAC9C,MAAAC,IAAOC,EAAO,QAAQ,GAAG;AAAA,EACzB,MAAAC,IAAO;AAAA,EACP,WAAAC;AACF,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAOF,IAAOJ;AAAA,IACd,QAAQI;AAAA,IACR,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACN,WAAAC;AAAA,IACA,eAAY;AAAA,IAEZ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAAJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AACF;AAGFD,EAAW,cAAc;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lax-wp/design-system",
   "private": false,
-  "version": "0.14.42",
+  "version": "0.14.43",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",