@genesislcap/rapid-design-system 14.224.3 → 14.225.0

package/dist/custom-elements.json

@@ -18597,6 +18597,14 @@
           "type": {
             "text": "StoryObj"
           }
+        },
+        {
+          "kind": "variable",
+          "name": "labelStyle",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  args: {\n    disabled: false,\n    autoPosition: true,\n    position: 'below',\n    search: false,\n    all: false,\n  },\n  render: ({ autoPosition, position, search, all }) => html`\n    <div style=\"min-height: 300px;\">\n      <rapid-multiselect\n        name=\"${name}\"\n        .options=\"${notificationSeverities}\"\n        auto-position=\"${autoPosition}\"\n        position=\"${position}\"\n        search=\"${search}\"\n        all=\"${all}\"\n      ></rapid-multiselect>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -18655,6 +18663,14 @@
             "name": "ContainsSearch",
             "module": "src/multiselect/multiselect.stories.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "labelStyle",
+          "declaration": {
+            "name": "labelStyle",
+            "module": "src/multiselect/multiselect.stories.ts"
+          }
         }
       ]
     },

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

@@ -7,4 +7,5 @@ export declare const DisabledOptions: StoryObj;
 export declare const AutoPosition: StoryObj;
 export declare const Creatable: StoryObj;
 export declare const ContainsSearch: StoryObj;
+export declare const labelStyle: StoryObj;
 //# sourceMappingURL=multiselect.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"multiselect.stories.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.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;AA6IpB,eAAO,MAAM,OAAO,EAAE,QAA6C,CAAC;AACpE,eAAO,MAAM,QAAQ,EAAE,QAA0D,CAAC;AAElF,eAAO,MAAM,eAAe,EAAE,QAG5B,CAAC;AAEH,eAAO,MAAM,YAAY,EAAE,QAKzB,CAAC;AAEH,eAAO,MAAM,SAAS,EAAE,QAMtB,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,QAG3B,CAAC"}
+{"version":3,"file":"multiselect.stories.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.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;AAmKpB,eAAO,MAAM,OAAO,EAAE,QAA6C,CAAC;AACpE,eAAO,MAAM,QAAQ,EAAE,QAA0D,CAAC;AAElF,eAAO,MAAM,eAAe,EAAE,QAG5B,CAAC;AAEH,eAAO,MAAM,YAAY,EAAE,QAKzB,CAAC;AAEH,eAAO,MAAM,SAAS,EAAE,QAMtB,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,QAG3B,CAAC;AAEH,eAAO,MAAM,UAAU,EAAE,QAoBxB,CAAC"}

package/dist/esm/multiselect/multiselect.stories.js

@@ -4,6 +4,28 @@ const meta = {
     component: 'rapid-multiselect',
 };
 export default meta;
+const notificationSeverities = [
+    {
+        value: 'Information',
+        label: 'Information',
+        labelStyle: 'color: var(--info-color)',
+    },
+    {
+        value: 'Warning',
+        label: 'Warning',
+        labelStyle: 'color: var(--warning-color)',
+    },
+    {
+        value: 'Serious',
+        label: 'Serious',
+        labelStyle: 'color: var(--serious-notify-color)',
+    },
+    {
+        value: 'Critical',
+        label: 'Critical',
+        labelStyle: 'color: var(--error-color)',
+    },
+];
 const countriesList = [
     'Afghanistan',
     'Aland Islands',
@@ -143,3 +165,24 @@ export const ContainsSearch = makeStory({
     text: 'Search By Contains',
     filterByContains: true,
 });
+export const labelStyle = {
+    args: {
+        disabled: false,
+        autoPosition: true,
+        position: 'below',
+        search: false,
+        all: false,
+    },
+    render: ({ autoPosition, position, search, all }) => html `
+    <div style="min-height: 300px;">
+      <rapid-multiselect
+        name="${name}"
+        .options="${notificationSeverities}"
+        auto-position="${autoPosition}"
+        position="${position}"
+        search="${search}"
+        all="${all}"
+      ></rapid-multiselect>
+    </div>
+  `,
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/rapid-design-system",
   "description": "Rapid Design System",
-  "version": "14.224.3",
+  "version": "14.225.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.224.3",
-    "@genesislcap/rollup-builder": "14.224.3",
-    "@genesislcap/ts-builder": "14.224.3",
-    "@genesislcap/uvu-playwright-builder": "14.224.3",
-    "@genesislcap/vite-builder": "14.224.3",
-    "@genesislcap/webpack-builder": "14.224.3",
+    "@genesislcap/genx": "14.225.0",
+    "@genesislcap/rollup-builder": "14.225.0",
+    "@genesislcap/ts-builder": "14.225.0",
+    "@genesislcap/uvu-playwright-builder": "14.225.0",
+    "@genesislcap/vite-builder": "14.225.0",
+    "@genesislcap/webpack-builder": "14.225.0",
     "@storybook/addon-coverage": "^1.0.1",
     "@storybook/addon-essentials": "^8.0.0",
     "@storybook/addon-links": "^8.0.0",
@@ -60,9 +60,9 @@
     "storybook": "^8.0.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-logger": "14.224.3",
-    "@genesislcap/foundation-ui": "14.224.3",
-    "@genesislcap/foundation-utils": "14.224.3",
+    "@genesislcap/foundation-logger": "14.225.0",
+    "@genesislcap/foundation-ui": "14.225.0",
+    "@genesislcap/foundation-utils": "14.225.0",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -80,5 +80,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "c8dd345a780c86ffda75f9cb26603565071d6422"
+  "gitHead": "722fe99cebb2564d2b85b5d5d0de5f2d3a33e7aa"
 }