@genesislcap/rapid-design-system 14.182.2 → 14.182.3-alpha-75765564b4e.0

package/dist/dts/button/button.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../src/button/button.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAgCpB,eAAO,MAAM,OAAO,EAAE,QAsBrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,QAKpC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,QAKnC,CAAC"}
+{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../src/button/button.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAuCpB,eAAO,MAAM,OAAO,EAAE,QAsBrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,QAKpC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,QAKnC,CAAC"}

package/dist/dts/button/button.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/button/button.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAqJpC,eAAO,MAAM,iBAAiB,YACnB,wBAAwB,cACrB,2BAA2B,KACtC,aASA,CAAC"}
+{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/button/button.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AA8KpC,eAAO,MAAM,iBAAiB,YACnB,wBAAwB,cACrB,2BAA2B,KACtC,aAUA,CAAC"}

package/dist/esm/button/button.stories.js

@@ -28,7 +28,14 @@ const StylesMapperTemplate = {
   `,
 };
 const FastAppearanceValues = ['accent', 'neutral', 'outline', 'stealth', 'lightweight'];
-const RapidAppearanceValues = ['primary', 'primary-outline', 'neutral', 'neutral-outline', 'link'];
+const RapidAppearanceValues = [
+    'primary',
+    'primary-outline',
+    'neutral',
+    'neutral-outline',
+    'link',
+    'secondary-orange',
+];
 export const Default = {
     args: {
         appearance: 'primary',

package/dist/esm/button/button.styles.js

@@ -25,6 +25,30 @@ const rapidPrimaryStyles = css `
     border: calc(var(--stroke-width) * 1px) solid var(--accent-fill-rest);
   }
 `;
+const rapidSecondaryOrangeStyles = css `
+  :host([appearance='secondary-orange']) {
+    background: color-mix(in srgb, var(--error-color), transparent 50%);
+    border: calc(var(--stroke-width) * 1px) solid var(--error-color);
+  }
+
+  :host([appearance='secondary-orange']:hover) {
+    background: var(--error-color);
+  }
+
+  :host([appearance='secondary-orange'][disabled]),
+  :host([appearance='secondary-orange'][disabled]):hover,
+  :host([appearance='secondary-orange'][disabled]):active {
+    background: color-mix(in srgb, var(--error-color), transparent 70%);
+    border: calc(var(--stroke-width) * 1px) solid var(--error-color);
+    color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 50%);
+    opacity: 100%;
+  }
+
+  :host([appearance='secondary-orange']:active) {
+    background: color-mix(in srgb, var(--error-color), transparent 70%);
+    border: calc(var(--stroke-width) * 1px) solid var(--error-color);
+  }
+`;
 const rapidPrimaryOutlineStyles = css `
   :host([appearance='primary-outline']) {
     background: none;
@@ -142,4 +166,4 @@ const baseStyles = (context, definition) => css `
 export const rapidButtonStyles = (context, definition) => css `
     ${foundationButtonStyles(context, definition)}
     ${baseStyles(context, definition)}
-  `.withBehaviors(appearanceBehavior('primary', rapidPrimaryStyles), appearanceBehavior('primary-outline', rapidPrimaryOutlineStyles), appearanceBehavior('neutral-outline', rapidNeutralOutlineStyles), appearanceBehavior('link', rapidLinkStyles));
+  `.withBehaviors(appearanceBehavior('primary', rapidPrimaryStyles), appearanceBehavior('secondary-orange', rapidSecondaryOrangeStyles), appearanceBehavior('primary-outline', rapidPrimaryOutlineStyles), appearanceBehavior('neutral-outline', rapidNeutralOutlineStyles), appearanceBehavior('link', rapidLinkStyles));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/rapid-design-system",
   "description": "Rapid Design System",
-  "version": "14.182.2",
+  "version": "14.182.3-alpha-75765564b4e.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -29,12 +29,12 @@
   },
   "devDependencies": {
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^4.0.0",
-    "@genesislcap/genx": "14.182.2",
-    "@genesislcap/rollup-builder": "14.182.2",
-    "@genesislcap/ts-builder": "14.182.2",
-    "@genesislcap/uvu-playwright-builder": "14.182.2",
-    "@genesislcap/vite-builder": "14.182.2",
-    "@genesislcap/webpack-builder": "14.182.2",
+    "@genesislcap/genx": "14.182.3-alpha-75765564b4e.0",
+    "@genesislcap/rollup-builder": "14.182.3-alpha-75765564b4e.0",
+    "@genesislcap/ts-builder": "14.182.3-alpha-75765564b4e.0",
+    "@genesislcap/uvu-playwright-builder": "14.182.3-alpha-75765564b4e.0",
+    "@genesislcap/vite-builder": "14.182.3-alpha-75765564b4e.0",
+    "@genesislcap/webpack-builder": "14.182.3-alpha-75765564b4e.0",
     "@storybook/addon-coverage": "^1.0.1",
     "@storybook/addon-essentials": "^8.0.0",
     "@storybook/addon-links": "^8.0.0",
@@ -51,8 +51,8 @@
     "storybook": "^8.0.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-logger": "14.182.2",
-    "@genesislcap/foundation-ui": "14.182.2",
+    "@genesislcap/foundation-logger": "14.182.3-alpha-75765564b4e.0",
+    "@genesislcap/foundation-ui": "14.182.3-alpha-75765564b4e.0",
     "@microsoft/fast-colors": "^5.3.1",
     "@microsoft/fast-components": "^2.30.6",
     "@microsoft/fast-element": "^1.12.0",
@@ -70,5 +70,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "797302335de36cae641850d319e01bd258f5d6fa"
+  "gitHead": "db534c9b74fd9c9813f573cea0962819667eec93"
 }