@abgov/design-tokens 2.2.3 → 2.3.0

package/data/component-design-tokens/container-design-tokens.json

@@ -12,7 +12,7 @@
     "type": "border"
   },
   "container-shadow": {
-    "value": "{shadow.200}",
+    "value": "none",
     "type": "other"
   },
   "container-padding": {
@@ -165,4 +165,4 @@
     },
     "type": "border"
   }
-}
+}

package/data/component-design-tokens/temporary-notification-design-tokens.json

@@ -99,6 +99,28 @@
     "type": "color",
     "description": "Progress bar fill color"
   },
+  "temporary-notification-shadow": {
+    "value": [
+      {
+        "x": "0",
+        "y": "0",
+        "blur": "2",
+        "spread": "0",
+        "color": "rgba(0,0,0,0.3)",
+        "type": "dropShadow"
+      },
+      {
+        "x": "0",
+        "y": "16",
+        "blur": "32",
+        "spread": "-8",
+        "color": "rgba(0,0,0,0.35)",
+        "type": "dropShadow"
+      }
+    ],
+    "type": "boxShadow",
+    "description": "Raised shadow for notification surface"
+  },
   "temporary-notification-transition-duration": {
     "value": "0.3s",
     "type": "time",

package/dist/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 13 Apr 2026 16:49:30 GMT
+ * Generated on Tue, 14 Apr 2026 20:31:42 GMT
  */
 
 :root {
@@ -226,6 +226,7 @@
   --goa-tooltip-max-width: 400px;
   --goa-temporary-notification-animation-distance: 100px;
   --goa-temporary-notification-transition-duration: 0.3s;
+  --goa-temporary-notification-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3), 0px 16px 32px -8px rgba(0,0,0,0.35);
   --goa-temporary-notification-progress-bar-height: 6px;
   --goa-temporary-notification-min-width-desktop: 360px;
   --goa-temporary-notification-max-width: 640px;
@@ -305,6 +306,7 @@
   --goa-date-input-day-color-bg: transparent;
   --goa-date-input-day-size: 2.5rem;
   --goa-date-input-calendar-width: 280px;
+  --goa-container-shadow: none;
   --goa-callout-l-with-heading-body-padding: 0 1.25rem 1.25rem;
   --goa-callout-body-padding: 1.25rem;
   --goa-button-tertiary-text-decoration: none;
@@ -880,7 +882,6 @@
   --goa-container-heading-padding: var(--goa-space-s);
   --goa-container-padding-compact: var(--goa-space-m);
   --goa-container-padding: var(--goa-space-xl);
-  --goa-container-shadow: var(--goa-shadow-200);
   --goa-container-border: var(--goa-border-width-s) solid var(--goa-color-greyscale-200);
   --goa-container-border-radius: var(--goa-border-radius-xl);
   --goa-checkbox-size: var(--goa-space-l);

package/dist/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 13 Apr 2026 16:49:30 GMT
+// Generated on Tue, 14 Apr 2026 20:31:42 GMT
 
 $goa-accordion-color-bg-heading: #ffffff;
 $goa-accordion-color-bg-content: #ffffff;
@@ -241,7 +241,7 @@ $goa-checkbox-label-font-size-compact: 400 1rem/1.375rem acumin-variable, helvet
 $goa-checkbox-size: 1.5rem;
 $goa-container-border-radius: 0.75rem;
 $goa-container-border: 1px solid #cdcdcd;
-$goa-container-shadow: 0px 3px 1px -1px #1a1a1a12;
+$goa-container-shadow: none;
 $goa-container-padding: 2rem;
 $goa-container-padding-compact: 1rem;
 $goa-container-heading: 600 1.25rem/1.5rem acumin-variable, helvetica-neue, arial, sans-serif;
@@ -912,6 +912,7 @@ $goa-temporary-notification-progress-bar-height: 6px;
 $goa-temporary-notification-progress-bar-border-radius: 0.625rem;
 $goa-temporary-notification-progress-bar-color-bg: #9f9f9f;
 $goa-temporary-notification-progress-bar-color-fill: #ffffff;
+$goa-temporary-notification-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3), 0px 16px 32px -8px rgba(0,0,0,0.35);
 $goa-temporary-notification-transition-duration: 0.3s;
 $goa-temporary-notification-animation-distance: 100px;
 $goa-text-area-border: inset 0 0 0 1px #808080;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/design-tokens",
-  "version": "2.2.3",
+  "version": "2.3.0",
   "main": "./index.js",
   "repository": {
     "type": "git",