@abgov/design-tokens 1.7.0 → 1.8.0

package/data/component-design-tokens/linear-progress-design-tokens.json

@@ -0,0 +1,42 @@
+{
+  "linear-progress-height": {
+    "value": "{space.2xs}",
+    "type": "sizing",
+    "description": "4px - Height of the progress bar track"
+  },
+  "linear-progress-border-radius": {
+    "value": "{borderRadius.m}",
+    "type": "borderRadius",
+    "description": "8px - Border radius of progress bar and indicator"
+  },
+  "linear-progress-color-track": {
+    "value": "{color.greyscale.200}",
+    "type": "color",
+    "description": "Background color of the progress bar track"
+  },
+  "linear-progress-color-indicator": {
+    "value": "{color.info.default}",
+    "type": "color",
+    "description": "Color of the progress indicator (both determinate and indeterminate)"
+  },
+  "linear-progress-percentage-gap": {
+    "value": "{space.xs}",
+    "type": "spacing",
+    "description": "8px - Gap between the progress bar and percentage text"
+  },
+  "linear-progress-percentage-color": {
+    "value": "{color.text.secondary}",
+    "type": "color",
+    "description": "Color of the percentage text"
+  },
+  "linear-progress-percentage-text": {
+    "value": "{typography.body.xs}",
+    "type": "other",
+    "description": "Typography for the percentage text (14px/20px)"
+  },
+  "linear-progress-percentage-width": {
+    "value": "4ch",
+    "type": "sizing",
+    "description": "Fixed width for percentage text to prevent layout shift"
+  }
+}

package/dist/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 23 Apr 2025 19:26:57 GMT
+ * Generated on Tue, 02 Dec 2025 21:56:43 GMT
  */
 
 :root {
@@ -147,6 +147,7 @@
   --goa-circular-progress-color-background: rgba(255, 255, 255, 0.9);
   --goa-popover-shadow: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.25));
   --goa-modal-shadow: 6px 6px 6px 6px rgba(0,0,0,0.16);
+  --goa-linear-progress-percentage-width: 4ch;
   --goa-text-input-transition: box-shadow 0.05s ease-in;
   --goa-app-header-nav-color-bg-link-item-in-menu: transparent;
   --goa-app-header-nav-color-bg-link-item-focus: transparent;
@@ -337,6 +338,11 @@
   --goa-microsite-header-color-bg: var(--goa-color-greyscale-100);
   --goa-microsite-header-beta-badge-color: var(--goa-color-brand-default);
   --goa-microsite-header-alpha-badge-color: var(--goa-color-warning-default);
+  --goa-linear-progress-percentage-gap: var(--goa-space-xs);
+  --goa-linear-progress-color-indicator: var(--goa-color-info-default);
+  --goa-linear-progress-color-track: var(--goa-color-greyscale-200);
+  --goa-linear-progress-border-radius: var(--goa-border-radius-m);
+  --goa-linear-progress-height: var(--goa-space-2xs);
   --goa-text-input-color-icon: var(--goa-color-greyscale-black);
   --goa-text-input-size-icon: var(--goa-icon-size-4);
   --goa-text-input-space-btw-icon-text: var(--goa-space-xs);
@@ -692,6 +698,8 @@
   --goa-microsite-header-color-version-number: var(--goa-color-text-secondary);
   --goa-microsite-header-beta-badge-color-text: var(--goa-color-text-light);
   --goa-microsite-header-alpha-badge-color-text: var(--goa-color-text-default);
+  --goa-linear-progress-percentage-text: var(--goa-typography-body-xs);
+  --goa-linear-progress-percentage-color: var(--goa-color-text-secondary);
   --goa-text-input-typography: var(--goa-typography-body-m);
   --goa-text-input-padding: 7px var(--goa-text-input-padding-lr) 9px;
   --goa-text-input-lt-content-color-text: var(--goa-color-text-default);

package/dist/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 23 Apr 2025 19:26:57 GMT
+// Generated on Tue, 02 Dec 2025 21:56:43 GMT
 
 $goa-accordion-color-bg-heading: #f1f1f1;
 $goa-accordion-color-bg-content: #ffffff;
@@ -452,6 +452,14 @@ $goa-text-input-size-icon: 1.5rem;
 $goa-text-input-color-icon: #333333;
 $goa-text-input-transition: box-shadow 0.05s ease-in;
 $goa-text-input-typography: 400 1.125rem/1.75rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
+$goa-linear-progress-height: 0.25rem;
+$goa-linear-progress-border-radius: 0.25rem;
+$goa-linear-progress-color-track: #dcdcdc;
+$goa-linear-progress-color-indicator: #004a8f;
+$goa-linear-progress-percentage-gap: 0.5rem;
+$goa-linear-progress-percentage-color: #666666;
+$goa-linear-progress-percentage-text: 400 0.875rem/1.25rem acumin-pro-semi-condensed, helvetica-neue, arial, sans-serif;
+$goa-linear-progress-percentage-width: 4ch;
 $goa-microsite-header-alpha-badge-color: #f9ce2d;
 $goa-microsite-header-alpha-badge-color-text: #333333;
 $goa-microsite-header-beta-badge-color: #0081a2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/design-tokens",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "main": "./index.js",
   "repository": {
     "type": "git",
@@ -15,13 +15,11 @@
     "design-tokens"
   ],
   "devDependencies": {
+    "style-dictionary": "^3.7.1",
     "jest": "^29.2.1",
     "rimraf": "^3.0.2",
     "semantic-release": "^24.2.3"
   },
-  "dependencies": {
-    "style-dictionary": "^3.7.1"
-  },
   "scripts": {
     "build": "node index.js",
     "test": "jest && rimraf ./tmp",