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

package/dist/custom-elements.json

@@ -26588,7 +26588,7 @@
         {
           "kind": "variable",
           "name": "rapidSnackbarStyles",
-          "default": "css`\n  ${foundationSnackbarStyles}\n  .snackbar {\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-2);\n    background-color: var(--neutral-layer-1);\n    padding: calc((var(--design-unit) - 2) * 1px) calc(var(--design-unit) * 4px);\n  }\n\n  :host([type='error']) .snackbar::after {\n    background-color: var(--error-color);\n  }\n\n  .content {\n    font: var(--body-font);\n    font-size: var(--type-ramp-minus-2-font-size);\n    color: var(--neutral-foreground-rest);\n  }\n\n  .action {\n    gap: calc(var(--design-unit) * 2px);\n  }\n`"
+          "default": "css`\n  ${foundationSnackbarStyles}\n  .snackbar {\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-2);\n    background-color: var(--neutral-layer-1);\n    padding: calc((var(--design-unit) - 2) * 1px) calc(var(--design-unit) * 4px);\n  }\n\n  :host([type='error']) .snackbar::after {\n    background-color: var(--error-color);\n  }\n\n  .content {\n    font-family: var(--body-font);\n    font-size: var(--type-ramp-minus-2-font-size);\n    color: var(--neutral-foreground-rest);\n  }\n\n  .action {\n    gap: calc(var(--design-unit) * 2px);\n  }\n`"
         }
       ],
       "exports": [

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/dist/esm/snackbar/snackbar.styles.js

@@ -13,7 +13,7 @@ export const rapidSnackbarStyles = css `
   }
 
   .content {
-    font: var(--body-font);
+    font-family: var(--body-font);
     font-size: var(--type-ramp-minus-2-font-size);
     color: var(--neutral-foreground-rest);
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/rapid-design-system",
   "description": "Rapid Design System",
-  "version": "14.182.1",
+  "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.1",
-    "@genesislcap/rollup-builder": "14.182.1",
-    "@genesislcap/ts-builder": "14.182.1",
-    "@genesislcap/uvu-playwright-builder": "14.182.1",
-    "@genesislcap/vite-builder": "14.182.1",
-    "@genesislcap/webpack-builder": "14.182.1",
+    "@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.1",
-    "@genesislcap/foundation-ui": "14.182.1",
+    "@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": "269302eb913285781ee3875d82c4eddc34eb8aa9"
+  "gitHead": "db534c9b74fd9c9813f573cea0962819667eec93"
 }