@genesislcap/rapid-design-system 14.213.0 → 14.214.0

package/dist/custom-elements.json

@@ -721,6 +721,14 @@
       "path": "src/_config/index.ts",
       "declarations": [],
       "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./styles"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -10084,7 +10092,7 @@
         {
           "kind": "variable",
           "name": "rapidDialogStyles",
-          "default": "css`\n  ${foundationDialogStyles}\n  :host {\n    --color-error: var(--error-color);\n    --color-success: var(--success-color);\n    --dialog-background: ${neutralLayer2};\n\n    font-family: var(--body-font);\n    font-size: var(--type-ramp-base-font-size);\n    line-height: var(--type-ramp-base-line-height);\n  }\n\n  dialog {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n    text-align: left;\n    line-height: normal;\n    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 35%);\n  }\n\n  .top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    color: var(--neutral-foreground-rest);\n    margin-bottom: calc(var(--design-unit) * 2px);\n    font-weight: 500;\n  }\n\n  .bottom {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    color: var(--neutral-foreground-rest);\n    gap: calc(var(--design-unit) * 2px);\n  }\n\n  :host slot:first-of-type {\n    color: ${neutralForegroundRest};\n  }\n\n  ::slotted(rapid-button) {\n    margin-top: calc(var(--design-unit) * 4px - 1px);\n  }\n\n  .content-wrapper {\n    min-width: var(--dialog-min-width);\n    min-height: var(--dialog-min-height);\n    height: fit-content;\n    width: fit-content;\n    max-width: var(--dialog-max-width);\n    max-height: var(--dialog-max-height);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: stretch;\n  }\n\n  .close-icon:hover svg {\n    background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 95%);\n  }\n\n  .close-icon svg g path {\n    fill: color-mix(in srgb, var(--neutral-foreground-rest), transparent 50%);\n  }\n\n  .close-icon:hover svg g path {\n    fill: var(--neutral-foreground-rest);\n  }\n\n  .close-icon:active svg {\n    background-color: var(--neutral-layer-4);\n  }\n\n  .close-icon:active svg g path {\n    fill: color-mix(in srgb, var(--neutral-foreground-rest), transparent 67%);\n  }\n`"
+          "default": "css`\n  ${foundationDialogStyles}\n  :host {\n    --dialog-background: ${neutralLayer2};\n\n    font-family: var(--body-font);\n    font-size: var(--type-ramp-base-font-size);\n    line-height: var(--type-ramp-base-line-height);\n  }\n\n  dialog {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n    text-align: left;\n    line-height: normal;\n    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 35%);\n  }\n\n  .top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    color: var(--neutral-foreground-rest);\n    margin-bottom: calc(var(--design-unit) * 2px);\n    font-weight: 500;\n  }\n\n  .bottom {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    color: var(--neutral-foreground-rest);\n    gap: calc(var(--design-unit) * 2px);\n  }\n\n  :host slot:first-of-type {\n    color: ${neutralForegroundRest};\n  }\n\n  ::slotted(rapid-button) {\n    margin-top: calc(var(--design-unit) * 4px - 1px);\n  }\n\n  .content-wrapper {\n    min-width: var(--dialog-min-width);\n    min-height: var(--dialog-min-height);\n    height: fit-content;\n    width: fit-content;\n    max-width: var(--dialog-max-width);\n    max-height: var(--dialog-max-height);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: stretch;\n  }\n\n  .close-icon:hover svg {\n    background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 95%);\n  }\n\n  .close-icon svg g path {\n    fill: color-mix(in srgb, var(--neutral-foreground-rest), transparent 50%);\n  }\n\n  .close-icon:hover svg g path {\n    fill: var(--neutral-foreground-rest);\n  }\n\n  .close-icon:active svg {\n    background-color: var(--neutral-layer-4);\n  }\n\n  .close-icon:active svg g path {\n    fill: color-mix(in srgb, var(--neutral-foreground-rest), transparent 67%);\n  }\n`"
         }
       ],
       "exports": [
@@ -34501,6 +34509,73 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/styles/colors.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "rapidDefaultFillColor"
+        },
+        {
+          "kind": "variable",
+          "name": "rapidDefaultCardFillColor"
+        },
+        {
+          "kind": "variable",
+          "name": "rapidDefaultCardPalette"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "rapidDefaultFillColor",
+          "declaration": {
+            "name": "rapidDefaultFillColor",
+            "module": "src/_config/styles/colors.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "rapidDefaultCardFillColor",
+          "declaration": {
+            "name": "rapidDefaultCardFillColor",
+            "module": "src/_config/styles/colors.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "rapidDefaultCardPalette",
+          "declaration": {
+            "name": "rapidDefaultCardPalette",
+            "module": "src/_config/styles/colors.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/styles/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./colors"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./external/roboto-font"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/_config/tokens/custom.ts",
@@ -37206,6 +37281,83 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/styles/external/roboto-font/index.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "robotoFontFaces",
+          "default": "`\n  @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')\n`"
+        },
+        {
+          "kind": "function",
+          "name": "loadRobotoFontFaces"
+        },
+        {
+          "kind": "variable",
+          "name": "robotoFontFamily",
+          "type": {
+            "text": "string"
+          },
+          "default": "'Roboto, \"Segoe UI\", Arial, Helvetica, sans-serif'"
+        },
+        {
+          "kind": "function",
+          "name": "mixinRobotoFont",
+          "parameters": [
+            {
+              "name": "style",
+              "default": "FontStyle.Normal",
+              "type": {
+                "text": "FontStyle"
+              }
+            },
+            {
+              "name": "weight",
+              "default": "FontWeight.Regular",
+              "type": {
+                "text": "FontWeight"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "robotoFontFaces",
+          "declaration": {
+            "name": "robotoFontFaces",
+            "module": "src/_config/styles/external/roboto-font/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "loadRobotoFontFaces",
+          "declaration": {
+            "name": "loadRobotoFontFaces",
+            "module": "src/_config/styles/external/roboto-font/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "robotoFontFamily",
+          "declaration": {
+            "name": "robotoFontFamily",
+            "module": "src/_config/styles/external/roboto-font/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "mixinRobotoFont",
+          "declaration": {
+            "name": "mixinRobotoFont",
+            "module": "src/_config/styles/external/roboto-font/index.ts"
+          }
+        }
+      ]
     }
   ]
 }

package/dist/dts/_common/color.hex.d.ts

@@ -6,6 +6,28 @@ export declare enum ColorHEX {
     warning = "#FFB660",
     info = "#11C9FC",
     buy = "#7ACC79",
-    sell = "#F14376"
+    sell = "#F14376",
+    chartPink = "#fb8176",
+    longGreen = "#7acc79",
+    shortPink = "#f14376",
+    warningYellow = "#fcb35f",
+    green = "#44c14c",
+    lightGreen = "#69cd70",
+    red = "#ef4d28",
+    lightRed = "#ee6588",
+    dodgerBlue = "#33a9ff",
+    lightDodgerBlue = "#5cbaff",
+    violet = "#9b1e74",
+    lightViolet = "#b528af",
+    white = "#f9f9f9",
+    silver = "#c1c1c1",
+    salomie = "#ffdf94",
+    lightSalomie = "#ccb276",
+    melon = "#ffbbb2",
+    lightMelon = "#cc968e",
+    portage = "#8a99f5",
+    lightPortage = "#adb8f8",
+    ice = "#97f4eb",
+    lightIce = "#6befe2"
 }
 //# sourceMappingURL=color.hex.d.ts.map

package/dist/dts/_common/color.hex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color.hex.d.ts","sourceRoot":"","sources":["../../../src/_common/color.hex.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAClB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,YAAY;IACjB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,IAAI,YAAY;IAChB,GAAG,YAAY;IACf,IAAI,YAAY;CACjB"}
+{"version":3,"file":"color.hex.d.ts","sourceRoot":"","sources":["../../../src/_common/color.hex.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAClB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,YAAY;IACjB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,IAAI,YAAY;IAChB,GAAG,YAAY;IACf,IAAI,YAAY;IAEhB,SAAS,YAAY;IACrB,SAAS,YAAY;IACrB,SAAS,YAAY;IACrB,aAAa,YAAY;IACzB,KAAK,YAAY;IACjB,UAAU,YAAY;IACtB,GAAG,YAAY;IACf,QAAQ,YAAY;IACpB,UAAU,YAAY;IACtB,eAAe,YAAY;IAC3B,MAAM,YAAY;IAClB,WAAW,YAAY;IACvB,KAAK,YAAY;IACjB,MAAM,YAAY;IAClB,OAAO,YAAY;IACnB,YAAY,YAAY;IACxB,KAAK,YAAY;IACjB,UAAU,YAAY;IACtB,OAAO,YAAY;IACnB,YAAY,YAAY;IACxB,GAAG,YAAY;IACf,QAAQ,YAAY;CACrB"}

package/dist/dts/_config/index.d.ts

@@ -1,3 +1,4 @@
+export * from './styles';
 export * from './tokens';
 export * from './values';
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/_config/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/_config/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/_config/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}

package/dist/dts/_config/styles/colors.d.ts

@@ -0,0 +1,9 @@
+import { PaletteRGB, SwatchRGB } from '@microsoft/fast-components';
+/**
+ * @internal
+ */
+export declare const rapidBGColorHEX = "#585858";
+export declare const rapidDefaultFillColor: SwatchRGB;
+export declare const rapidDefaultCardFillColor: SwatchRGB;
+export declare const rapidDefaultCardPalette: PaletteRGB;
+//# sourceMappingURL=colors.d.ts.map

package/dist/dts/_config/styles/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/_config/styles/colors.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEnE;;GAEG;AACH,eAAO,MAAM,eAAe,YAAY,CAAC;AAEzC,eAAO,MAAM,qBAAqB,WAIjC,CAAC;AAMF,eAAO,MAAM,yBAAyB,WAIrC,CAAC;AACF,eAAO,MAAM,uBAAuB,YAA6C,CAAC"}

package/dist/dts/_config/styles/external/roboto-font/index.d.ts

@@ -0,0 +1,6 @@
+import { FontStyle, FontWeight } from '@genesislcap/foundation-utils';
+export declare const robotoFontFaces = "\n  @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')\n";
+export declare const loadRobotoFontFaces: () => void;
+export declare const robotoFontFamily = "Roboto, \"Segoe UI\", Arial, Helvetica, sans-serif";
+export declare const mixinRobotoFont: (style?: FontStyle, weight?: FontWeight) => string;
+//# sourceMappingURL=index.d.ts.map

package/dist/dts/_config/styles/external/roboto-font/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/_config/styles/external/roboto-font/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAA+B,MAAM,+BAA+B,CAAC;AAEnG,eAAO,MAAM,eAAe,wKAE3B,CAAC;AAEF,eAAO,MAAM,mBAAmB,YAE/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,uDAAqD,CAAC;AAEnF,eAAO,MAAM,eAAe,WACnB,SAAS,WACR,UAAU,WAC8B,CAAC"}

package/dist/dts/_config/styles/index.d.ts

@@ -0,0 +1,3 @@
+export * from './colors';
+export * from './external/roboto-font';
+//# sourceMappingURL=index.d.ts.map

package/dist/dts/_config/styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/_config/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,wBAAwB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.styles.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,iDAgF7B,CAAC"}
+{"version":3,"file":"dialog.styles.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,iDA8E7B,CAAC"}

package/dist/esm/_common/color.hex.js

@@ -8,4 +8,27 @@ export var ColorHEX;
     ColorHEX["info"] = "#11C9FC";
     ColorHEX["buy"] = "#7ACC79";
     ColorHEX["sell"] = "#F14376";
+    // others
+    ColorHEX["chartPink"] = "#fb8176";
+    ColorHEX["longGreen"] = "#7acc79";
+    ColorHEX["shortPink"] = "#f14376";
+    ColorHEX["warningYellow"] = "#fcb35f";
+    ColorHEX["green"] = "#44c14c";
+    ColorHEX["lightGreen"] = "#69cd70";
+    ColorHEX["red"] = "#ef4d28";
+    ColorHEX["lightRed"] = "#ee6588";
+    ColorHEX["dodgerBlue"] = "#33a9ff";
+    ColorHEX["lightDodgerBlue"] = "#5cbaff";
+    ColorHEX["violet"] = "#9b1e74";
+    ColorHEX["lightViolet"] = "#b528af";
+    ColorHEX["white"] = "#f9f9f9";
+    ColorHEX["silver"] = "#c1c1c1";
+    ColorHEX["salomie"] = "#ffdf94";
+    ColorHEX["lightSalomie"] = "#ccb276";
+    ColorHEX["melon"] = "#ffbbb2";
+    ColorHEX["lightMelon"] = "#cc968e";
+    ColorHEX["portage"] = "#8a99f5";
+    ColorHEX["lightPortage"] = "#adb8f8";
+    ColorHEX["ice"] = "#97f4eb";
+    ColorHEX["lightIce"] = "#6befe2";
 })(ColorHEX || (ColorHEX = {}));

package/dist/esm/_config/index.js

@@ -1,2 +1,3 @@
+export * from './styles';
 export * from './tokens';
 export * from './values';

package/dist/esm/_config/styles/colors.js

@@ -0,0 +1,14 @@
+import { parseColorHexRGB } from '@microsoft/fast-colors';
+import { PaletteRGB, SwatchRGB } from '@microsoft/fast-components';
+/**
+ * @internal
+ */
+export const rapidBGColorHEX = '#585858';
+const rapidBGColor = parseColorHexRGB(rapidBGColorHEX);
+export const rapidDefaultFillColor = SwatchRGB.create(rapidBGColor.r, rapidBGColor.g, rapidBGColor.b);
+/**
+ * @internal
+ */
+const rapidCardBGColor = parseColorHexRGB('#202126');
+export const rapidDefaultCardFillColor = SwatchRGB.create(rapidCardBGColor.r, rapidCardBGColor.g, rapidCardBGColor.b);
+export const rapidDefaultCardPalette = PaletteRGB.from(rapidDefaultCardFillColor);

package/dist/esm/_config/styles/external/roboto-font/index.js

@@ -0,0 +1,9 @@
+import { FontStyle, FontWeight, getFontMixin, loadFontFaces } from '@genesislcap/foundation-utils';
+export const robotoFontFaces = `
+  @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')
+`;
+export const loadRobotoFontFaces = () => {
+    loadFontFaces(robotoFontFaces, 'roboto-font-faces');
+};
+export const robotoFontFamily = 'Roboto, "Segoe UI", Arial, Helvetica, sans-serif';
+export const mixinRobotoFont = (style = FontStyle.Normal, weight = FontWeight.Regular) => getFontMixin(robotoFontFamily, style, weight);

package/dist/esm/_config/styles/index.js

@@ -0,0 +1,2 @@
+export * from './colors';
+export * from './external/roboto-font';

package/dist/esm/dialog/dialog.styles.js

@@ -4,8 +4,6 @@ import { css } from '@microsoft/fast-element';
 export const rapidDialogStyles = css `
   ${foundationDialogStyles}
   :host {
-    --color-error: var(--error-color);
-    --color-success: var(--success-color);
     --dialog-background: ${neutralLayer2};
 
     font-family: var(--body-font);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/rapid-design-system",
   "description": "Rapid Design System",
-  "version": "14.213.0",
+  "version": "14.214.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -37,12 +37,12 @@
   },
   "devDependencies": {
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/genx": "14.213.0",
-    "@genesislcap/rollup-builder": "14.213.0",
-    "@genesislcap/ts-builder": "14.213.0",
-    "@genesislcap/uvu-playwright-builder": "14.213.0",
-    "@genesislcap/vite-builder": "14.213.0",
-    "@genesislcap/webpack-builder": "14.213.0",
+    "@genesislcap/genx": "14.214.0",
+    "@genesislcap/rollup-builder": "14.214.0",
+    "@genesislcap/ts-builder": "14.214.0",
+    "@genesislcap/uvu-playwright-builder": "14.214.0",
+    "@genesislcap/vite-builder": "14.214.0",
+    "@genesislcap/webpack-builder": "14.214.0",
     "@storybook/addon-coverage": "^1.0.1",
     "@storybook/addon-essentials": "^8.0.0",
     "@storybook/addon-links": "^8.0.0",
@@ -60,8 +60,9 @@
     "storybook": "^8.0.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-logger": "14.213.0",
-    "@genesislcap/foundation-ui": "14.213.0",
+    "@genesislcap/foundation-logger": "14.214.0",
+    "@genesislcap/foundation-ui": "14.214.0",
+    "@genesislcap/foundation-utils": "14.214.0",
     "@microsoft/fast-colors": "^5.3.1",
     "@microsoft/fast-components": "^2.30.6",
     "@microsoft/fast-element": "^1.12.0",
@@ -79,5 +80,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "70f38494437517fe4ccfca280abbed212b72a809"
+  "gitHead": "12de0640c63d111cb448bd3204a9d2133afb9c49"
 }