@genesislcap/foundation-zero 14.160.0 → 14.160.1-beta.88ffd67.0

package/README.md

@@ -11,9 +11,30 @@ For the purpose of this POC, Zero is our first design system. In simplistic term
 [![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lerna.js.org/)
 [![TypeScript](https://img.shields.io/badge/%3C%2F%3E-TypeScript-%230074c1.svg)](https://www.typescriptlang.org/)
 
+
+## Installation
+
+To enable this module in your application, follow the steps below.
+
+1. Add `@genesislcap/foundation-zero` as a dependency in your `package.json` file. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.
+
+```json
+{
+  ...
+  "dependencies": {
+    ...
+    "@genesislcap/foundation-zero": "latest"
+    ...
+  },
+  ...
+}
+```
+
+## [API Docs](./docs/api/index.md)
+
 ## License
 
-Note: this project provides front end dependencies and uses licensed components listed in the next section, thus licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.
+Note: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.
 
 ### Licensed components
 Genesis low-code platform

package/dist/custom-elements.json

@@ -26936,7 +26936,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/segmented-control/index.ts",
+      "path": "src/segmented-item/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -26944,7 +26944,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./segmented-control.template"
+            "package": "./segmented-item.template"
           }
         },
         {
@@ -26952,7 +26952,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./segmented-control.styles"
+            "package": "./segmented-item.styles"
           }
         },
         {
@@ -26960,58 +26960,18 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./segmented-control"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/segmented-control/segmented-control.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Segmented Control',\n  component: 'zero-segmented-control',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <div style=\"${wrapperStyle}\">\n      <zero-segmented-control>\n        <label slot=\"label\">Neutral Segment Control (label slot)</label>\n        <zero-segmented-item>Segmented Item</zero-segmented-item>\n        <zero-segmented-item>Segmented Item</zero-segmented-item>\n        <zero-segmented-item>Segmented Item</zero-segmented-item>\n      </zero-segmented-control>\n\n      <zero-segmented-control appearance=\"primary\">\n        <label slot=\"label\">Primary Segment Control (label slot)</label>\n        <zero-segmented-item>Segmented Item</zero-segmented-item>\n        <zero-segmented-item>Segmented Item</zero-segmented-item>\n        <zero-segmented-item>Segmented Item</zero-segmented-item>\n      </zero-segmented-control>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/segmented-control/segmented-control.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/segmented-control/segmented-control.stories.ts"
+            "package": "./segmented-item"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/segmented-control/segmented-control.styles.ts",
+      "path": "src/segmented-item/segmented-item.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroSegmentedControlStyles",
+          "name": "zeroSegmentedItemStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -27027,7 +26987,7 @@
             {
               "name": "definition",
               "type": {
-                "text": "FoundationElementDefinition"
+                "text": "RadioOptions"
               }
             }
           ]
@@ -27036,24 +26996,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroSegmentedControlStyles",
+          "name": "zeroSegmentedItemStyles",
           "declaration": {
-            "name": "zeroSegmentedControlStyles",
-            "module": "src/segmented-control/segmented-control.styles.ts"
+            "name": "zeroSegmentedItemStyles",
+            "module": "src/segmented-item/segmented-item.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/segmented-control/segmented-control.template.ts",
+      "path": "src/segmented-item/segmented-item.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroSegmentedControlTemplate",
+          "name": "zeroSegmentedItemTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<SegmentedControl>"
+              "text": "ViewTemplate<SegmentedItem>"
             }
           },
           "parameters": [
@@ -27075,43 +27035,32 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroSegmentedControlTemplate",
+          "name": "zeroSegmentedItemTemplate",
           "declaration": {
-            "name": "zeroSegmentedControlTemplate",
-            "module": "src/segmented-control/segmented-control.template.ts"
+            "name": "zeroSegmentedItemTemplate",
+            "module": "src/segmented-item/segmented-item.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/segmented-control/segmented-control.ts",
+      "path": "src/segmented-item/segmented-item.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SegmentedControl",
+          "name": "SegmentedItem",
           "superclass": {
-            "name": "FoundationSegmentedControl",
+            "name": "FoundationFoundationRadio",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-segmented-control",
-          "customElement": true,
-          "members": [
-            {
-              "kind": "method",
-              "name": "valueChanged",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "SegmentedControl",
-                "module": "src/segmented-control/segmented-control.ts"
-              }
-            }
-          ]
+          "tagName": "%%prefix%%-segmented-item",
+          "customElement": true
         },
         {
           "kind": "variable",
-          "name": "zeroSegmentedControlShadowOptions",
+          "name": "zeroSegmentedItemShadowOptions",
           "type": {
             "text": "ShadowRootInit"
           },
@@ -27119,7 +27068,7 @@
         },
         {
           "kind": "variable",
-          "name": "defaultSegmentedControlConfig",
+          "name": "defaultSegmentedItemConfig",
           "type": {
             "text": "object"
           },
@@ -27127,49 +27076,49 @@
         },
         {
           "kind": "variable",
-          "name": "zeroSegmentedControl",
-          "description": "The Zero Segmented Control",
+          "name": "zeroSegmentedItem",
+          "description": "The Zero Segmented item",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SegmentedControl",
+          "name": "SegmentedItem",
           "declaration": {
-            "name": "SegmentedControl",
-            "module": "src/segmented-control/segmented-control.ts"
+            "name": "SegmentedItem",
+            "module": "src/segmented-item/segmented-item.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroSegmentedControlShadowOptions",
+          "name": "zeroSegmentedItemShadowOptions",
           "declaration": {
-            "name": "zeroSegmentedControlShadowOptions",
-            "module": "src/segmented-control/segmented-control.ts"
+            "name": "zeroSegmentedItemShadowOptions",
+            "module": "src/segmented-item/segmented-item.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultSegmentedControlConfig",
+          "name": "defaultSegmentedItemConfig",
           "declaration": {
-            "name": "defaultSegmentedControlConfig",
-            "module": "src/segmented-control/segmented-control.ts"
+            "name": "defaultSegmentedItemConfig",
+            "module": "src/segmented-item/segmented-item.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroSegmentedControl",
+          "name": "zeroSegmentedItem",
           "declaration": {
-            "name": "zeroSegmentedControl",
-            "module": "src/segmented-control/segmented-control.ts"
+            "name": "zeroSegmentedItem",
+            "module": "src/segmented-item/segmented-item.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/segmented-item/index.ts",
+      "path": "src/segmented-control/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -27177,7 +27126,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./segmented-item.template"
+            "package": "./segmented-control.template"
           }
         },
         {
@@ -27185,7 +27134,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./segmented-item.styles"
+            "package": "./segmented-control.styles"
           }
         },
         {
@@ -27193,18 +27142,58 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./segmented-item"
+            "package": "./segmented-control"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/segmented-item/segmented-item.styles.ts",
+      "path": "src/segmented-control/segmented-control.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta"
+          },
+          "default": "{\n  title: 'Segmented Control',\n  component: 'zero-segmented-control',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Primary",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  render: () => html`\n    <div style=\"${wrapperStyle}\">\n      <zero-segmented-control>\n        <label slot=\"label\">Neutral Segment Control (label slot)</label>\n        <zero-segmented-item>Segmented Item</zero-segmented-item>\n        <zero-segmented-item>Segmented Item</zero-segmented-item>\n        <zero-segmented-item>Segmented Item</zero-segmented-item>\n      </zero-segmented-control>\n\n      <zero-segmented-control appearance=\"primary\">\n        <label slot=\"label\">Primary Segment Control (label slot)</label>\n        <zero-segmented-item>Segmented Item</zero-segmented-item>\n        <zero-segmented-item>Segmented Item</zero-segmented-item>\n        <zero-segmented-item>Segmented Item</zero-segmented-item>\n      </zero-segmented-control>\n    </div>\n  `,\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/segmented-control/segmented-control.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Primary",
+          "declaration": {
+            "name": "Primary",
+            "module": "src/segmented-control/segmented-control.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/segmented-control/segmented-control.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroSegmentedItemStyles",
+          "name": "zeroSegmentedControlStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -27220,7 +27209,7 @@
             {
               "name": "definition",
               "type": {
-                "text": "RadioOptions"
+                "text": "FoundationElementDefinition"
               }
             }
           ]
@@ -27229,24 +27218,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroSegmentedItemStyles",
+          "name": "zeroSegmentedControlStyles",
           "declaration": {
-            "name": "zeroSegmentedItemStyles",
-            "module": "src/segmented-item/segmented-item.styles.ts"
+            "name": "zeroSegmentedControlStyles",
+            "module": "src/segmented-control/segmented-control.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/segmented-item/segmented-item.template.ts",
+      "path": "src/segmented-control/segmented-control.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "zeroSegmentedItemTemplate",
+          "name": "zeroSegmentedControlTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<SegmentedItem>"
+              "text": "ViewTemplate<SegmentedControl>"
             }
           },
           "parameters": [
@@ -27268,32 +27257,43 @@
       "exports": [
         {
           "kind": "js",
-          "name": "zeroSegmentedItemTemplate",
+          "name": "zeroSegmentedControlTemplate",
           "declaration": {
-            "name": "zeroSegmentedItemTemplate",
-            "module": "src/segmented-item/segmented-item.template.ts"
+            "name": "zeroSegmentedControlTemplate",
+            "module": "src/segmented-control/segmented-control.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/segmented-item/segmented-item.ts",
+      "path": "src/segmented-control/segmented-control.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SegmentedItem",
+          "name": "SegmentedControl",
           "superclass": {
-            "name": "FoundationFoundationRadio",
+            "name": "FoundationSegmentedControl",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-segmented-item",
-          "customElement": true
+          "tagName": "%%prefix%%-segmented-control",
+          "customElement": true,
+          "members": [
+            {
+              "kind": "method",
+              "name": "valueChanged",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "SegmentedControl",
+                "module": "src/segmented-control/segmented-control.ts"
+              }
+            }
+          ]
         },
         {
           "kind": "variable",
-          "name": "zeroSegmentedItemShadowOptions",
+          "name": "zeroSegmentedControlShadowOptions",
           "type": {
             "text": "ShadowRootInit"
           },
@@ -27301,7 +27301,7 @@
         },
         {
           "kind": "variable",
-          "name": "defaultSegmentedItemConfig",
+          "name": "defaultSegmentedControlConfig",
           "type": {
             "text": "object"
           },
@@ -27309,42 +27309,42 @@
         },
         {
           "kind": "variable",
-          "name": "zeroSegmentedItem",
-          "description": "The Zero Segmented item",
+          "name": "zeroSegmentedControl",
+          "description": "The Zero Segmented Control",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SegmentedItem",
+          "name": "SegmentedControl",
           "declaration": {
-            "name": "SegmentedItem",
-            "module": "src/segmented-item/segmented-item.ts"
+            "name": "SegmentedControl",
+            "module": "src/segmented-control/segmented-control.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroSegmentedItemShadowOptions",
+          "name": "zeroSegmentedControlShadowOptions",
           "declaration": {
-            "name": "zeroSegmentedItemShadowOptions",
-            "module": "src/segmented-item/segmented-item.ts"
+            "name": "zeroSegmentedControlShadowOptions",
+            "module": "src/segmented-control/segmented-control.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultSegmentedItemConfig",
+          "name": "defaultSegmentedControlConfig",
           "declaration": {
-            "name": "defaultSegmentedItemConfig",
-            "module": "src/segmented-item/segmented-item.ts"
+            "name": "defaultSegmentedControlConfig",
+            "module": "src/segmented-control/segmented-control.ts"
           }
         },
         {
           "kind": "js",
-          "name": "zeroSegmentedItem",
+          "name": "zeroSegmentedControl",
           "declaration": {
-            "name": "zeroSegmentedItem",
-            "module": "src/segmented-item/segmented-item.ts"
+            "name": "zeroSegmentedControl",
+            "module": "src/segmented-control/segmented-control.ts"
           }
         }
       ]

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-zero",
   "description": "Genesis Foundation Zero Design System",
-  "version": "14.160.0",
+  "version": "14.160.1-beta.88ffd67.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -67,12 +67,12 @@
   },
   "devDependencies": {
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^4.0.0",
-    "@genesislcap/genx": "14.160.0",
-    "@genesislcap/rollup-builder": "14.160.0",
-    "@genesislcap/ts-builder": "14.160.0",
-    "@genesislcap/uvu-playwright-builder": "14.160.0",
-    "@genesislcap/vite-builder": "14.160.0",
-    "@genesislcap/webpack-builder": "14.160.0",
+    "@genesislcap/genx": "14.160.1-beta.88ffd67.0",
+    "@genesislcap/rollup-builder": "14.160.1-beta.88ffd67.0",
+    "@genesislcap/ts-builder": "14.160.1-beta.88ffd67.0",
+    "@genesislcap/uvu-playwright-builder": "14.160.1-beta.88ffd67.0",
+    "@genesislcap/vite-builder": "14.160.1-beta.88ffd67.0",
+    "@genesislcap/webpack-builder": "14.160.1-beta.88ffd67.0",
     "@storybook/addon-coverage": "^1.0.1",
     "@storybook/addon-essentials": "^8.0.0",
     "@storybook/addon-links": "^8.0.0",
@@ -89,10 +89,10 @@
     "storybook": "^8.0.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.160.0",
-    "@genesislcap/foundation-logger": "14.160.0",
-    "@genesislcap/foundation-ui": "14.160.0",
-    "@genesislcap/foundation-utils": "14.160.0",
+    "@genesislcap/foundation-comms": "14.160.1-beta.88ffd67.0",
+    "@genesislcap/foundation-logger": "14.160.1-beta.88ffd67.0",
+    "@genesislcap/foundation-ui": "14.160.1-beta.88ffd67.0",
+    "@genesislcap/foundation-utils": "14.160.1-beta.88ffd67.0",
     "@microsoft/fast-colors": "^5.3.1",
     "@microsoft/fast-components": "^2.30.6",
     "@microsoft/fast-element": "^1.12.0",
@@ -109,5 +109,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "f8c85f5e0a1928e51aacd7403607bd2e7457f510"
+  "gitHead": "ac913c069762d50f7331a116cb1544cf9dbbbe87"
 }