@iress-oss/ids-components 6.0.0-alpha.17 → 6.0.0-alpha.19

package/dist/components/Tag/Tag.styles.js

@@ -1,8 +1,10 @@
-import { s as r } from "../../sva-B7kca5XO.js";
-const t = r({
+import { s as o } from "../../sva-B7kca5XO.js";
+const t = o({
   slots: ["root", "content", "deleteButton"],
   base: {
     root: {
+      // Performance: CSS containment limits style recalculation scope
+      contain: "layout style",
       alignItems: "center",
       bg: "colour.neutral.20",
       border: "divider",
@@ -53,6 +55,12 @@ const t = r({
           },
           _active: {
             boxShadow: "color-mix(in srgb, {colors.colour.primary.surface}, transparent 60%) 0px 0px 0px 3px"
+          },
+          _focus: {
+            outline: "[none]"
+          },
+          _focusVisible: {
+            layerStyle: "elevation.focus"
           }
         }
       }

package/dist/components/Toggle/Toggle.styles.js

@@ -10,6 +10,8 @@ const t = e({
   ],
   base: {
     toggleBase: {
+      // Performance: CSS containment (no paint to allow focus ring/shadow)
+      contain: "layout style",
       display: "inline-flex",
       gap: "spacing.1",
       color: "colour.primary.fill",

package/dist/components/Tooltip/Tooltip.styles.js

@@ -1,5 +1,5 @@
-import { s as o } from "../../sva-B7kca5XO.js";
-const a = o({
+import { s as t } from "../../sva-B7kca5XO.js";
+const a = t({
   slots: ["root", "activator", "content"],
   base: {
     root: {
@@ -8,6 +8,8 @@ const a = o({
     },
     activator: {},
     content: {
+      // Performance: CSS containment limits style recalculation scope
+      contain: "layout style paint",
       zIndex: "600",
       width: "[max-content]",
       maxWidth: "[20em]",

package/dist/{index-Bm5rQqn5.js → index-0AvnPY9d.js}

@@ -8,7 +8,7 @@ const s = {
     variable: "var(--borders-divider)"
   },
   "borders.input": {
-    value: "1px solid var(--iress-colour-neutral-70, #5D6C7E)",
+    value: "1px solid var(--iress-colour-neutral-70, #6D7278)",
     variable: "var(--borders-input)"
   },
   "borders.placeholder": {
@@ -16,7 +16,7 @@ const s = {
     variable: "var(--borders-placeholder)"
   },
   "borders.hover": {
-    value: "1px solid var(--iress-colour-primary-fill, #1D1F4B)",
+    value: "1px solid var(--iress-colour-primary-fill, #003271)",
     variable: "var(--borders-hover)"
   },
   "borders.table": {
@@ -24,11 +24,11 @@ const s = {
     variable: "var(--borders-table)"
   },
   "colors.colour.primary.fill": {
-    value: "var(--iress-colour-primary-fill, #1D1F4B)",
+    value: "var(--iress-colour-primary-fill, #003271)",
     variable: "var(--colors-colour\\.primary\\.fill)"
   },
   "colors.colour.primary.fillHover": {
-    value: "var(--iress-colour-primary-fill-hover, #0D0E24)",
+    value: "var(--iress-colour-primary-fill-hover, #002352)",
     variable: "var(--colors-colour\\.primary\\.fill-hover)"
   },
   "colors.colour.primary.onFill": {
@@ -36,15 +36,15 @@ const s = {
     variable: "var(--colors-colour\\.primary\\.on-fill)"
   },
   "colors.colour.primary.surface": {
-    value: "var(--iress-colour-primary-surface, #E9E9ED)",
+    value: "var(--iress-colour-primary-surface, #EBF3FF)",
     variable: "var(--colors-colour\\.primary\\.surface)"
   },
   "colors.colour.primary.surfaceHover": {
-    value: "var(--iress-colour-primary-surface-hover, #D2D2DB)",
+    value: "var(--iress-colour-primary-surface-hover, #DCEAFE)",
     variable: "var(--colors-colour\\.primary\\.surface-hover)"
   },
   "colors.colour.primary.text": {
-    value: "var(--iress-colour-primary-text, #141F4D)",
+    value: "var(--iress-colour-primary-text, #003271)",
     variable: "var(--colors-colour\\.primary\\.text)"
   },
   "colors.colour.neutral.10": {
@@ -72,7 +72,7 @@ const s = {
     variable: "var(--colors-colour\\.neutral\\.60)"
   },
   "colors.colour.neutral.70": {
-    value: "var(--iress-colour-neutral-70, #5D6C7E)",
+    value: "var(--iress-colour-neutral-70, #6D7278)",
     variable: "var(--colors-colour\\.neutral\\.70)"
   },
   "colors.colour.neutral.80": {
@@ -80,7 +80,7 @@ const s = {
     variable: "var(--colors-colour\\.neutral\\.80)"
   },
   "colors.colour.neutral.90": {
-    value: "var(--iress-colour-neutral-90, #13213F)",
+    value: "var(--iress-colour-neutral-90, #141F4D)",
     variable: "var(--colors-colour\\.neutral\\.90)"
   },
   "colors.colour.accent.1": {
@@ -112,7 +112,7 @@ const s = {
     variable: "var(--colors-colour\\.system\\.success\\.surface-hover)"
   },
   "colors.colour.system.success.text": {
-    value: "var(--iress-colour-system-success-text, #0A2E25)",
+    value: "var(--iress-colour-system-success-text, #124d3d)",
     variable: "var(--colors-colour\\.system\\.success\\.text)"
   },
   "colors.colour.system.danger.fill": {
@@ -136,7 +136,7 @@ const s = {
     variable: "var(--colors-colour\\.system\\.danger\\.surface-hover)"
   },
   "colors.colour.system.danger.text": {
-    value: "var(--iress-colour-system-danger-text, #2D0909)",
+    value: "var(--iress-colour-system-danger-text, #8a1f1f)",
     variable: "var(--colors-colour\\.system\\.danger\\.text)"
   },
   "colors.colour.system.warning.fill": {
@@ -156,7 +156,7 @@ const s = {
     variable: "var(--colors-colour\\.system\\.warning\\.surface)"
   },
   "colors.colour.system.warning.text": {
-    value: "var(--iress-colour-system-warning-text, #2B1F00)",
+    value: "var(--iress-colour-system-warning-text, #6b4700)",
     variable: "var(--colors-colour\\.system\\.warning\\.text)"
   },
   "colors.colour.system.warning.surfaceHover": {
@@ -180,7 +180,7 @@ const s = {
     variable: "var(--colors-colour\\.system\\.info\\.surface)"
   },
   "colors.colour.system.info.text": {
-    value: "var(--iress-colour-system-info-text, #121D33)",
+    value: "var(--iress-colour-system-info-text, #203a75)",
     variable: "var(--colors-colour\\.system\\.info\\.text)"
   },
   "colors.colour.system.info.surfaceHover": {
@@ -188,7 +188,7 @@ const s = {
     variable: "var(--colors-colour\\.system\\.info\\.surface-hover)"
   },
   "colors.colour.system.backdrop.fill": {
-    value: "var(--iress-colour-system-backdrop-fill, #393F46CC)",
+    value: "var(--iress-colour-system-backdrop-fill, #61656bcc)",
     variable: "var(--colors-colour\\.system\\.backdrop\\.fill)"
   },
   "colors.colour.data.subtle.10": {
@@ -276,7 +276,7 @@ const s = {
     variable: "var(--colors-alt)"
   },
   "colors.muted": {
-    value: "var(--iress-colour-neutral-70, #5D6C7E)",
+    value: "var(--iress-colour-neutral-70, #6D7278)",
     variable: "var(--colors-muted)"
   },
   "colors.text": {