@genesislcap/rapid-design-system 14.162.5 → 14.163.0

package/dist/custom-elements.json

@@ -4304,13 +4304,21 @@
           },
           "default": "{\n  title: 'Badge',\n  component: 'rapid-badge',\n}"
         },
+        {
+          "kind": "variable",
+          "name": "All",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  render: () => html`\n    <div style=\"${wrapperStyle}\">\n      ${repeat(\n        badges,\n        (item) => item,\n        (item) => html`\n          <rapid-badge fill=\"${item}\" color=\"text\">Rapid Badge</rapid-badge>\n        `,\n      )}\n    </div>\n  `,\n}"
+        },
         {
           "kind": "variable",
           "name": "Primary",
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    fill: 'primary',\n    badgeText: 'Rapid Badge',\n    badgeText2: '12',\n  },\n  argTypes: {\n    fill: {\n      control: 'select',\n      options: ['primary', 'neutral'],\n    },\n  },\n  render: ({ fill, badgeText, badgeText2 }) => html`\n    <div style=\"${wrapperStyle}\">\n      <rapid-badge fill=\"${fill}\" color=\"text\">${badgeText}</rapid-badge>\n      <rapid-badge fill=\"${fill}\" color=\"text\">${badgeText2}</rapid-badge>\n    </div>\n  `,\n}"
+          "default": "{\n  args: {\n    fill: 'primary',\n    badgeText: 'Rapid Badge',\n    badgeText2: '12',\n  },\n  argTypes: {\n    fill: {\n      control: 'select',\n      options: badges,\n    },\n  },\n  render: ({ fill, badgeText, badgeText2 }) => html`\n    <div style=\"${wrapperStyle}\">\n      <rapid-badge fill=\"${fill}\" color=\"text\">${badgeText}</rapid-badge>\n      <rapid-badge fill=\"${fill}\" color=\"text\">${badgeText2}</rapid-badge>\n    </div>\n  `,\n}"
         },
         {
           "kind": "variable",
@@ -4318,7 +4326,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    fill: 'neutral',\n    badgeText: 'Rapid Badge',\n    badgeText2: '12',\n  },\n  argTypes: {\n    fill: {\n      control: 'select',\n      options: ['primary', 'neutral'],\n    },\n  },\n  render: ({ fill, badgeText, badgeText2 }) => html`\n    <div style=\"${wrapperStyle}\">\n      <rapid-badge fill=\"${fill}\" color=\"text\">${badgeText}</rapid-badge>\n      <rapid-badge fill=\"${fill}\" color=\"text\">${badgeText2}</rapid-badge>\n    </div>\n  `,\n}"
+          "default": "{\n  args: {\n    fill: 'neutral',\n    badgeText: 'Rapid Badge',\n    badgeText2: '12',\n  },\n  argTypes: {\n    fill: {\n      control: 'select',\n      options: badges,\n    },\n  },\n  render: ({ fill, badgeText, badgeText2 }) => html`\n    <div style=\"${wrapperStyle}\">\n      <rapid-badge fill=\"${fill}\" color=\"text\">${badgeText}</rapid-badge>\n      <rapid-badge fill=\"${fill}\" color=\"text\">${badgeText2}</rapid-badge>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -4330,6 +4338,14 @@
             "module": "src/badge/badge.stories.ts"
           }
         },
+        {
+          "kind": "js",
+          "name": "All",
+          "declaration": {
+            "name": "All",
+            "module": "src/badge/badge.stories.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "Primary",
@@ -35375,7 +35391,7 @@
           "type": {
             "text": "string"
           },
-          "default": "'12px'"
+          "default": "'13px'"
         },
         {
           "kind": "variable",
@@ -35383,7 +35399,7 @@
           "type": {
             "text": "string"
           },
-          "default": "'16px'"
+          "default": "'19px'"
         },
         {
           "kind": "variable",
@@ -35391,7 +35407,7 @@
           "type": {
             "text": "string"
           },
-          "default": "'10px'"
+          "default": "'12px'"
         },
         {
           "kind": "variable",
@@ -35399,7 +35415,7 @@
           "type": {
             "text": "string"
           },
-          "default": "'16px'"
+          "default": "'18px'"
         },
         {
           "kind": "variable",
@@ -35407,7 +35423,7 @@
           "type": {
             "text": "string"
           },
-          "default": "'16px'"
+          "default": "'15px'"
         },
         {
           "kind": "variable",
@@ -35415,7 +35431,7 @@
           "type": {
             "text": "string"
           },
-          "default": "'24px'"
+          "default": "'21px'"
         },
         {
           "kind": "variable",
@@ -35423,7 +35439,7 @@
           "type": {
             "text": "string"
           },
-          "default": "'20px'"
+          "default": "'16px'"
         },
         {
           "kind": "variable",
@@ -35431,7 +35447,7 @@
           "type": {
             "text": "string"
           },
-          "default": "'28px'"
+          "default": "'22px'"
         },
         {
           "kind": "variable",
@@ -35439,7 +35455,7 @@
           "type": {
             "text": "string"
           },
-          "default": "'28px'"
+          "default": "'17px'"
         },
         {
           "kind": "variable",
@@ -35447,7 +35463,7 @@
           "type": {
             "text": "string"
           },
-          "default": "'36px'"
+          "default": "'23px'"
         },
         {
           "kind": "variable",
@@ -35455,7 +35471,7 @@
           "type": {
             "text": "string"
           },
-          "default": "'34px'"
+          "default": "'18x'"
         },
         {
           "kind": "variable",
@@ -35463,7 +35479,7 @@
           "type": {
             "text": "string"
           },
-          "default": "'44px'"
+          "default": "'24px'"
         },
         {
           "kind": "variable",
@@ -35471,7 +35487,7 @@
           "type": {
             "text": "string"
           },
-          "default": "'46px'"
+          "default": "'19px'"
         },
         {
           "kind": "variable",
@@ -35479,7 +35495,7 @@
           "type": {
             "text": "string"
           },
-          "default": "'56px'"
+          "default": "'25px'"
         },
         {
           "kind": "variable",
@@ -35487,7 +35503,7 @@
           "type": {
             "text": "string"
           },
-          "default": "'60px'"
+          "default": "'20px'"
         },
         {
           "kind": "variable",
@@ -35495,7 +35511,7 @@
           "type": {
             "text": "string"
           },
-          "default": "'72px'"
+          "default": "'26px'"
         }
       ],
       "exports": [

package/dist/dts/_config/values/typography.d.ts

@@ -1,20 +1,20 @@
 export declare const bodyFontValue = "\"Segoe UI\", Arial, Helvetica, sans-serif";
 export declare const typeRampBaseFontSizeValue = "14px";
 export declare const typeRampBaseLineHeightValue = "20px";
-export declare const typeRampMinus1FontSizeValue = "12px";
-export declare const typeRampMinus1LineHeightValue = "16px";
-export declare const typeRampMinus2FontSizeValue = "10px";
-export declare const typeRampMinus2LineHeightValue = "16px";
-export declare const typeRampPlus1FontSizeValue = "16px";
-export declare const typeRampPlus1LineHeightValue = "24px";
-export declare const typeRampPlus2FontSizeValue = "20px";
-export declare const typeRampPlus2LineHeightValue = "28px";
-export declare const typeRampPlus3FontSizeValue = "28px";
-export declare const typeRampPlus3LineHeightValue = "36px";
-export declare const typeRampPlus4FontSizeValue = "34px";
-export declare const typeRampPlus4LineHeightValue = "44px";
-export declare const typeRampPlus5FontSizeValue = "46px";
-export declare const typeRampPlus5LineHeightValue = "56px";
-export declare const typeRampPlus6FontSizeValue = "60px";
-export declare const typeRampPlus6LineHeightValue = "72px";
+export declare const typeRampMinus1FontSizeValue = "13px";
+export declare const typeRampMinus1LineHeightValue = "19px";
+export declare const typeRampMinus2FontSizeValue = "12px";
+export declare const typeRampMinus2LineHeightValue = "18px";
+export declare const typeRampPlus1FontSizeValue = "15px";
+export declare const typeRampPlus1LineHeightValue = "21px";
+export declare const typeRampPlus2FontSizeValue = "16px";
+export declare const typeRampPlus2LineHeightValue = "22px";
+export declare const typeRampPlus3FontSizeValue = "17px";
+export declare const typeRampPlus3LineHeightValue = "23px";
+export declare const typeRampPlus4FontSizeValue = "18x";
+export declare const typeRampPlus4LineHeightValue = "24px";
+export declare const typeRampPlus5FontSizeValue = "19px";
+export declare const typeRampPlus5LineHeightValue = "25px";
+export declare const typeRampPlus6FontSizeValue = "20px";
+export declare const typeRampPlus6LineHeightValue = "26px";
 //# sourceMappingURL=typography.d.ts.map

package/dist/dts/_config/values/typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../src/_config/values/typography.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,+CAA6C,CAAC;AACxE,eAAO,MAAM,yBAAyB,SAAS,CAAC;AAChD,eAAO,MAAM,2BAA2B,SAAS,CAAC;AAClD,eAAO,MAAM,2BAA2B,SAAS,CAAC;AAClD,eAAO,MAAM,6BAA6B,SAAS,CAAC;AACpD,eAAO,MAAM,2BAA2B,SAAS,CAAC;AAClD,eAAO,MAAM,6BAA6B,SAAS,CAAC;AACpD,eAAO,MAAM,0BAA0B,SAAS,CAAC;AACjD,eAAO,MAAM,4BAA4B,SAAS,CAAC;AACnD,eAAO,MAAM,0BAA0B,SAAS,CAAC;AACjD,eAAO,MAAM,4BAA4B,SAAS,CAAC;AACnD,eAAO,MAAM,0BAA0B,SAAS,CAAC;AACjD,eAAO,MAAM,4BAA4B,SAAS,CAAC;AACnD,eAAO,MAAM,0BAA0B,SAAS,CAAC;AACjD,eAAO,MAAM,4BAA4B,SAAS,CAAC;AACnD,eAAO,MAAM,0BAA0B,SAAS,CAAC;AACjD,eAAO,MAAM,4BAA4B,SAAS,CAAC;AACnD,eAAO,MAAM,0BAA0B,SAAS,CAAC;AACjD,eAAO,MAAM,4BAA4B,SAAS,CAAC"}
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../src/_config/values/typography.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,+CAA6C,CAAC;AACxE,eAAO,MAAM,yBAAyB,SAAS,CAAC;AAChD,eAAO,MAAM,2BAA2B,SAAS,CAAC;AAClD,eAAO,MAAM,2BAA2B,SAAS,CAAC;AAClD,eAAO,MAAM,6BAA6B,SAAS,CAAC;AACpD,eAAO,MAAM,2BAA2B,SAAS,CAAC;AAClD,eAAO,MAAM,6BAA6B,SAAS,CAAC;AACpD,eAAO,MAAM,0BAA0B,SAAS,CAAC;AACjD,eAAO,MAAM,4BAA4B,SAAS,CAAC;AACnD,eAAO,MAAM,0BAA0B,SAAS,CAAC;AACjD,eAAO,MAAM,4BAA4B,SAAS,CAAC;AACnD,eAAO,MAAM,0BAA0B,SAAS,CAAC;AACjD,eAAO,MAAM,4BAA4B,SAAS,CAAC;AACnD,eAAO,MAAM,0BAA0B,QAAQ,CAAC;AAChD,eAAO,MAAM,4BAA4B,SAAS,CAAC;AACnD,eAAO,MAAM,0BAA0B,SAAS,CAAC;AACjD,eAAO,MAAM,4BAA4B,SAAS,CAAC;AACnD,eAAO,MAAM,0BAA0B,SAAS,CAAC;AACjD,eAAO,MAAM,4BAA4B,SAAS,CAAC"}

package/dist/dts/badge/badge.stories.d.ts

@@ -1,6 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/web-components';
 declare const meta: Meta;
 export default meta;
+export declare const All: StoryObj;
 export declare const Primary: StoryObj;
 export declare const Neutral: StoryObj;
 //# sourceMappingURL=badge.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.stories.d.ts","sourceRoot":"","sources":["../../../src/badge/badge.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;AAIpB,eAAO,MAAM,OAAO,EAAE,QAkBrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,QAkBrB,CAAC"}
+{"version":3,"file":"badge.stories.d.ts","sourceRoot":"","sources":["../../../src/badge/badge.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,GAAG,EAAE,QAYjB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,QAkBrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,QAkBrB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"badge.styles.d.ts","sourceRoot":"","sources":["../../../src/badge/badge.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,gBAAgB,YAClB,wBAAwB,cACrB,2BAA2B,KACtC,aAcF,CAAC"}
+{"version":3,"file":"badge.styles.d.ts","sourceRoot":"","sources":["../../../src/badge/badge.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,gBAAgB,YAClB,wBAAwB,cACrB,2BAA2B,KACtC,aAoBF,CAAC"}

package/dist/esm/_config/values/typography.js

@@ -1,19 +1,19 @@
 export const bodyFontValue = '"Segoe UI", Arial, Helvetica, sans-serif';
 export const typeRampBaseFontSizeValue = '14px';
 export const typeRampBaseLineHeightValue = '20px';
-export const typeRampMinus1FontSizeValue = '12px';
-export const typeRampMinus1LineHeightValue = '16px';
-export const typeRampMinus2FontSizeValue = '10px';
-export const typeRampMinus2LineHeightValue = '16px';
-export const typeRampPlus1FontSizeValue = '16px';
-export const typeRampPlus1LineHeightValue = '24px';
-export const typeRampPlus2FontSizeValue = '20px';
-export const typeRampPlus2LineHeightValue = '28px';
-export const typeRampPlus3FontSizeValue = '28px';
-export const typeRampPlus3LineHeightValue = '36px';
-export const typeRampPlus4FontSizeValue = '34px';
-export const typeRampPlus4LineHeightValue = '44px';
-export const typeRampPlus5FontSizeValue = '46px';
-export const typeRampPlus5LineHeightValue = '56px';
-export const typeRampPlus6FontSizeValue = '60px';
-export const typeRampPlus6LineHeightValue = '72px';
+export const typeRampMinus1FontSizeValue = '13px';
+export const typeRampMinus1LineHeightValue = '19px';
+export const typeRampMinus2FontSizeValue = '12px';
+export const typeRampMinus2LineHeightValue = '18px';
+export const typeRampPlus1FontSizeValue = '15px';
+export const typeRampPlus1LineHeightValue = '21px';
+export const typeRampPlus2FontSizeValue = '16px';
+export const typeRampPlus2LineHeightValue = '22px';
+export const typeRampPlus3FontSizeValue = '17px';
+export const typeRampPlus3LineHeightValue = '23px';
+export const typeRampPlus4FontSizeValue = '18x';
+export const typeRampPlus4LineHeightValue = '24px';
+export const typeRampPlus5FontSizeValue = '19px';
+export const typeRampPlus5LineHeightValue = '25px';
+export const typeRampPlus6FontSizeValue = '20px';
+export const typeRampPlus6LineHeightValue = '26px';

package/dist/esm/badge/badge.stories.js

@@ -1,10 +1,21 @@
 import { html } from 'lit-html';
+import { repeat } from 'lit-html/directives/repeat.js';
 const meta = {
     title: 'Badge',
     component: 'rapid-badge',
 };
 export default meta;
+const badges = ['primary', 'neutral', 'warning', 'danger', 'success', 'sell', 'buy'];
 const wrapperStyle = 'display: flex; justify-content: center; gap: 16px;';
+export const All = {
+    render: () => html `
+    <div style="${wrapperStyle}">
+      ${repeat(badges, (item) => item, (item) => html `
+          <rapid-badge fill="${item}" color="text">Rapid Badge</rapid-badge>
+        `)}
+    </div>
+  `,
+};
 export const Primary = {
     args: {
         fill: 'primary',
@@ -14,7 +25,7 @@ export const Primary = {
     argTypes: {
         fill: {
             control: 'select',
-            options: ['primary', 'neutral'],
+            options: badges,
         },
     },
     render: ({ fill, badgeText, badgeText2 }) => html `
@@ -33,7 +44,7 @@ export const Neutral = {
     argTypes: {
         fill: {
             control: 'select',
-            options: ['primary', 'neutral'],
+            options: badges,
         },
     },
     render: ({ fill, badgeText, badgeText2 }) => html `

package/dist/esm/badge/badge.styles.js

@@ -6,6 +6,12 @@ export const rapidBadgeStyles = (context, definition) => css `
   :host {
     --badge-fill-primary: var(--accent-fill-rest);
     --badge-fill-neutral: var(--neutral-fill-rest);
+    --badge-fill-success: var(--success-color);
+    --badge-fill-danger: var(--error-color);
+    --badge-fill-warning: var(--warning-color);
+    --badge-fill-buy: var(--buy-color);
+    --badge-fill-sell: var(--sell-color);
+
     --badge-color-text: var(--neutral-foreground-rest);
 
     font-size: var(--type-ramp-minus-2-font-size);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/rapid-design-system",
   "description": "Rapid Design System",
-  "version": "14.162.5",
+  "version": "14.163.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.162.5",
-    "@genesislcap/rollup-builder": "14.162.5",
-    "@genesislcap/ts-builder": "14.162.5",
-    "@genesislcap/uvu-playwright-builder": "14.162.5",
-    "@genesislcap/vite-builder": "14.162.5",
-    "@genesislcap/webpack-builder": "14.162.5",
+    "@genesislcap/genx": "14.163.0",
+    "@genesislcap/rollup-builder": "14.163.0",
+    "@genesislcap/ts-builder": "14.163.0",
+    "@genesislcap/uvu-playwright-builder": "14.163.0",
+    "@genesislcap/vite-builder": "14.163.0",
+    "@genesislcap/webpack-builder": "14.163.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.162.5",
-    "@genesislcap/foundation-ui": "14.162.5",
+    "@genesislcap/foundation-logger": "14.163.0",
+    "@genesislcap/foundation-ui": "14.163.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": "47733285b6e2d7988941967021ea4a48e9613aba"
+  "gitHead": "e141f8ae65838f2eb2f88f47da9d738566c2eda7"
 }