@purpurds/action 8.3.1 → 8.5.0

package/.rush/temp/ci_build/@purpurds/action/{1e9fbd77681d84685e1e18bc8d108ae74d0ad664.untar.log → e8dc068efb7725b4feaf7534e931cbb37b485fcf.untar.log}

@@ -1,5 +1,5 @@
-Start time: Thu Oct 09 2025 09:34:50 GMT+0000 (Coordinated Universal Time)
-Invoking "/usr/bin/tar -x -m -f /opt/actions-runner/_work/teliasaurus/teliasaurus/purpur/common/temp/build-cache/ci_build/@purpurds/action/1e9fbd77681d84685e1e18bc8d108ae74d0ad664"
+Start time: Mon Oct 20 2025 13:53:20 GMT+0000 (Coordinated Universal Time)
+Invoking "/usr/bin/tar -x -m -f /opt/actions-runner/_work/teliasaurus/teliasaurus/purpur/common/temp/build-cache/ci_build/@purpurds/action/e8dc068efb7725b4feaf7534e931cbb37b485fcf"
 
 ======= BEGIN PROCESS INPUT ======
 

package/.rush/temp/operation/ci_build/all.log

@@ -12,7 +12,7 @@ rendering chunks...
 [vite:dts] Start generate declaration files...
 computing gzip size...
 dist/action.cjs.js  0.34 kB │ gzip: 0.26 kB │ map: 1.60 kB
-[vite:dts] Declaration files built in 1472ms.
+[vite:dts] Declaration files built in 1339ms.
 
 dist/action.es.js  0.30 kB │ gzip: 0.23 kB │ map: 1.63 kB
-✓ built in 1.57s
+✓ built in 1.46s

package/.rush/temp/operation/ci_build/log-chunks.jsonl

@@ -12,7 +12,7 @@
 {"kind":"O","text":"\u001b[36m[vite:dts]\u001b[32m Start generate declaration files...\u001b[39m\n"}
 {"kind":"O","text":"computing gzip size...\n"}
 {"kind":"O","text":"\u001b[2mdist/\u001b[22m\u001b[36maction.cjs.js  \u001b[39m\u001b[1m\u001b[2m0.34 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.26 kB\u001b[22m\u001b[2m │ map: 1.60 kB\u001b[22m\n"}
-{"kind":"O","text":"\u001b[32m\u001b[36m[vite:dts]\u001b[32m Declaration files built in 1472ms.\n"}
+{"kind":"O","text":"\u001b[32m\u001b[36m[vite:dts]\u001b[32m Declaration files built in 1339ms.\n"}
 {"kind":"O","text":"\u001b[39m\n"}
 {"kind":"O","text":"\u001b[2mdist/\u001b[22m\u001b[36maction.es.js  \u001b[39m\u001b[1m\u001b[2m0.30 kB\u001b[22m\u001b[1m\u001b[22m\u001b[2m │ gzip: 0.23 kB\u001b[22m\u001b[2m │ map: 1.63 kB\u001b[22m\n"}
-{"kind":"O","text":"\u001b[32m✓ built in 1.57s\u001b[39m\n"}
+{"kind":"O","text":"\u001b[32m✓ built in 1.46s\u001b[39m\n"}

package/.rush/temp/operation/ci_build/state.json

@@ -1,3 +1,3 @@
 {
-  "nonCachedDurationMs": 4113.339612
+  "nonCachedDurationMs": 3410.0988249999996
 }

package/.rush/temp/operation/test_unit/state.json

@@ -1,3 +1,3 @@
 {
-  "nonCachedDurationMs": 964.4182359999977
+  "nonCachedDurationMs": 1000.8349520000046
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/action",
-  "version": "8.3.1",
+  "version": "8.5.0",
   "license": "AGPL-3.0-only",
   "main": "./dist/action.cjs.js",
   "types": "./dist/action.d.ts",
@@ -14,7 +14,7 @@
   },
   "source": "src/action.tsx",
   "dependencies": {
-    "@purpurds/tokens": "8.3.1"
+    "@purpurds/tokens": "8.5.0"
   },
   "devDependencies": {
     "@storybook/react": "^9.0.18",

package/src/action.scss

@@ -1,26 +1,12 @@
-@mixin action {
+@mixin color {
   $root: &;
 
-  align-items: center;
-  border-radius: var(--purpur-border-radius-full);
-  border-width: 0;
-  cursor: pointer;
-  display: inline-flex;
-  font-size: var(--purpur-typography-scale-100);
-  font-family: var(--purpur-typography-family-default);
-  font-weight: var(--purpur-typography-weight-medium);
-  gap: var(--purpur-spacing-100);
-  justify-content: center;
-  line-height: var(--purpur-spacing-300);
-  outline: 0;
   position: relative;
-  text-decoration: none;
+  outline: 0;
   transition: all var(--purpur-motion-duration-100) ease;
-  width: auto;
 
   &:focus {
     &::before {
-      border-radius: var(--purpur-border-radius-full);
       box-shadow: 0 0 0 var(--purpur-border-width-sm) var(--purpur-color-border-interactive-focus);
       content: "";
       display: block;
@@ -35,46 +21,6 @@
     }
   }
 
-  svg {
-    display: block;
-  }
-
-  &--xs {
-    padding: var(--purpur-spacing-50) var(--purpur-spacing-250);
-
-    &#{$root}--icon-only {
-      padding: var(--purpur-spacing-100);
-    }
-  }
-
-  &--sm {
-    padding: var(--purpur-spacing-100) var(--purpur-spacing-250);
-
-    &#{$root}--icon-only {
-      padding: var(--purpur-spacing-100);
-    }
-  }
-
-  &--md {
-    padding: var(--purpur-spacing-150) var(--purpur-spacing-300);
-
-    &#{$root}--icon-only {
-      padding: var(--purpur-spacing-150);
-    }
-  }
-
-  &--lg {
-    padding: var(--purpur-spacing-200) var(--purpur-spacing-400);
-
-    &#{$root}--icon-only {
-      padding: var(--purpur-spacing-200);
-    }
-  }
-
-  &--full-width {
-    width: 100%;
-  }
-
   &--primary {
     background-color: var(--purpur-color-background-interactive-primary);
     color: var(--purpur-color-text-interactive-on-primary);
@@ -161,3 +107,67 @@
     }
   }
 }
+
+@mixin action {
+  $root: &;
+
+  align-items: center;
+  border-radius: var(--purpur-border-radius-full);
+  border-width: 0;
+  cursor: pointer;
+  display: inline-flex;
+  font-size: var(--purpur-typography-scale-100);
+  font-family: var(--purpur-typography-family-default);
+  font-weight: var(--purpur-typography-weight-medium);
+  gap: var(--purpur-spacing-100);
+  justify-content: center;
+  line-height: var(--purpur-spacing-300);
+  text-decoration: none;
+  width: auto;
+
+  &:focus::before {
+    border-radius: var(--purpur-border-radius-full);
+  }
+
+  svg {
+    display: block;
+  }
+
+  &--xs {
+    padding: var(--purpur-spacing-50) var(--purpur-spacing-250);
+
+    &#{$root}--icon-only {
+      padding: var(--purpur-spacing-100);
+    }
+  }
+
+  &--sm {
+    padding: var(--purpur-spacing-100) var(--purpur-spacing-250);
+
+    &#{$root}--icon-only {
+      padding: var(--purpur-spacing-100);
+    }
+  }
+
+  &--md {
+    padding: var(--purpur-spacing-150) var(--purpur-spacing-300);
+
+    &#{$root}--icon-only {
+      padding: var(--purpur-spacing-150);
+    }
+  }
+
+  &--lg {
+    padding: var(--purpur-spacing-200) var(--purpur-spacing-400);
+
+    &#{$root}--icon-only {
+      padding: var(--purpur-spacing-200);
+    }
+  }
+
+  &--full-width {
+    width: 100%;
+  }
+
+  @include color();
+}