@genesislcap/foundation-zero 14.111.0 → 14.112.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/custom-elements.json +91 -1
  2. package/dist/dts/stepper/stepper.stories.d.ts.map +1 -1
  3. package/dist/dts/stepper-tab/stepper-tab.template.d.ts.map +1 -1
  4. package/dist/esm/stepper/stepper.stories.js +9 -1
  5. package/dist/esm/stepper-tab/stepper-tab.template.js +36 -15
  6. package/package.json +7 -7
package/dist/custom-elements.json CHANGED
@@ -27642,7 +27642,7 @@
27642
27642
  "type": {
27643
27643
  "text": "StoryObj"
27644
27644
  },
27645
- "default": "{\n render: () => html`\n <div style=\"min-height: 400px\">\n <zero-stepper>\n <zero-stepper-tab>Rapid stepper 1</zero-stepper-tab>\n <zero-stepper-tab>Rapid stepper 2</zero-stepper-tab>\n <zero-stepper-tab>Rapid stepper 3</zero-stepper-tab>\n <zero-stepper-tab>Rapid stepper 4</zero-stepper-tab>\n <zero-stepper-tab-panel>Rapid Stepper Panel 1</zero-stepper-tab-panel>\n <zero-stepper-tab-panel>Rapid Stepper Panel 2</zero-stepper-tab-panel>\n <zero-stepper-tab-panel>Rapid Stepper Panel 3</zero-stepper-tab-panel>\n <zero-stepper-tab-panel>Rapid Stepper Panel 4</zero-stepper-tab-panel>\n </zero-stepper>\n </div>\n `,\n}"
27645
+ "default": "{\n render: () => html`\n <div style=\"display:flex; gap: 10px; min-height: 400px\">\n <zero-stepper>\n <zero-stepper-tab>Rapid stepper 1</zero-stepper-tab>\n <zero-stepper-tab>Rapid stepper 2</zero-stepper-tab>\n <zero-stepper-tab>Rapid stepper 3</zero-stepper-tab>\n <zero-stepper-tab>Rapid stepper 4</zero-stepper-tab>\n <zero-stepper-tab-panel>Rapid Stepper Panel 1</zero-stepper-tab-panel>\n <zero-stepper-tab-panel>Rapid Stepper Panel 2</zero-stepper-tab-panel>\n <zero-stepper-tab-panel>Rapid Stepper Panel 3</zero-stepper-tab-panel>\n <zero-stepper-tab-panel>Rapid Stepper Panel 4</zero-stepper-tab-panel>\n </zero-stepper>\n <zero-stepper orientation=\"horizontal\">\n <zero-stepper-tab>Rapid stepper 1</zero-stepper-tab>\n <zero-stepper-tab>Rapid stepper 2</zero-stepper-tab>\n <zero-stepper-tab>Rapid stepper 3</zero-stepper-tab>\n <zero-stepper-tab-panel>Rapid Stepper Panel 1</zero-stepper-tab-panel>\n <zero-stepper-tab-panel>Rapid Stepper Panel 2</zero-stepper-tab-panel>\n <zero-stepper-tab-panel>Rapid Stepper Panel 3</zero-stepper-tab-panel>\n </zero-stepper>\n </div>\n `,\n}"
27646
27646
  }
27647
27647
  ],
27648
27648
  "exports": [
@@ -27724,6 +27724,17 @@
27724
27724
  "tagName": "%%prefix%%-stepper",
27725
27725
  "customElement": true,
27726
27726
  "attributes": [
27727
+ {
27728
+ "name": "orientation",
27729
+ "type": {
27730
+ "text": "TabsOrientation"
27731
+ },
27732
+ "fieldName": "orientation",
27733
+ "inheritedFrom": {
27734
+ "name": "Stepper",
27735
+ "module": "src/stepper/stepper.ts"
27736
+ }
27737
+ },
27727
27738
  {
27728
27739
  "name": "activeid",
27729
27740
  "type": {
@@ -27737,6 +27748,30 @@
27737
27748
  }
27738
27749
  ],
27739
27750
  "members": [
27751
+ {
27752
+ "kind": "field",
27753
+ "name": "orientation",
27754
+ "type": {
27755
+ "text": "TabsOrientation"
27756
+ },
27757
+ "inheritedFrom": {
27758
+ "name": "Stepper",
27759
+ "module": "src/stepper/stepper.ts"
27760
+ }
27761
+ },
27762
+ {
27763
+ "kind": "method",
27764
+ "name": "orientationChanged",
27765
+ "return": {
27766
+ "type": {
27767
+ "text": "void"
27768
+ }
27769
+ },
27770
+ "inheritedFrom": {
27771
+ "name": "Stepper",
27772
+ "module": "src/stepper/stepper.ts"
27773
+ }
27774
+ },
27740
27775
  {
27741
27776
  "kind": "field",
27742
27777
  "name": "activeid",
@@ -28295,6 +28330,28 @@
28295
28330
  "name": "StepperTab",
28296
28331
  "module": "src/stepper-tab/stepper-tab.ts"
28297
28332
  }
28333
+ },
28334
+ {
28335
+ "name": "tab-position",
28336
+ "type": {
28337
+ "text": "number"
28338
+ },
28339
+ "fieldName": "tabPosition",
28340
+ "inheritedFrom": {
28341
+ "name": "StepperTab",
28342
+ "module": "src/stepper-tab/stepper-tab.ts"
28343
+ }
28344
+ },
28345
+ {
28346
+ "name": "orientation",
28347
+ "type": {
28348
+ "text": "TabsOrientation"
28349
+ },
28350
+ "fieldName": "orientation",
28351
+ "inheritedFrom": {
28352
+ "name": "StepperTab",
28353
+ "module": "src/stepper-tab/stepper-tab.ts"
28354
+ }
28298
28355
  }
28299
28356
  ],
28300
28357
  "members": [
@@ -28353,6 +28410,39 @@
28353
28410
  "module": "src/stepper-tab/stepper-tab.ts"
28354
28411
  }
28355
28412
  },
28413
+ {
28414
+ "kind": "field",
28415
+ "name": "isLast",
28416
+ "type": {
28417
+ "text": "boolean"
28418
+ },
28419
+ "inheritedFrom": {
28420
+ "name": "StepperTab",
28421
+ "module": "src/stepper-tab/stepper-tab.ts"
28422
+ }
28423
+ },
28424
+ {
28425
+ "kind": "field",
28426
+ "name": "tabPosition",
28427
+ "type": {
28428
+ "text": "number"
28429
+ },
28430
+ "inheritedFrom": {
28431
+ "name": "StepperTab",
28432
+ "module": "src/stepper-tab/stepper-tab.ts"
28433
+ }
28434
+ },
28435
+ {
28436
+ "kind": "field",
28437
+ "name": "orientation",
28438
+ "type": {
28439
+ "text": "TabsOrientation"
28440
+ },
28441
+ "inheritedFrom": {
28442
+ "name": "StepperTab",
28443
+ "module": "src/stepper-tab/stepper-tab.ts"
28444
+ }
28445
+ },
28356
28446
  {
28357
28447
  "kind": "method",
28358
28448
  "name": "isCompleted",
package/dist/dts/stepper/stepper.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"stepper.stories.d.ts","sourceRoot":"","sources":["../../../src/stepper/stepper.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;AAEpB,eAAO,MAAM,OAAO,EAAE,QAerB,CAAC"}
1
+ {"version":3,"file":"stepper.stories.d.ts","sourceRoot":"","sources":["../../../src/stepper/stepper.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;AAEpB,eAAO,MAAM,OAAO,EAAE,QAuBrB,CAAC"}
package/dist/dts/stepper-tab/stepper-tab.template.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"stepper-tab.template.d.ts","sourceRoot":"","sources":["../../../src/stepper-tab/stepper-tab.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE7E,OAAO,KAAK,EAAE,yBAAyB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzF,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,eAAO,MAAM,sBAAsB,EAAE,yBAAyB,CAC5D,YAAY,CAAC,UAAU,CAAC,EACxB,WAAW,CA0BZ,CAAC"}
1
+ {"version":3,"file":"stepper-tab.template.d.ts","sourceRoot":"","sources":["../../../src/stepper-tab/stepper-tab.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE7E,OAAO,KAAK,EAAE,yBAAyB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzF,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,eAAO,MAAM,sBAAsB,EAAE,yBAAyB,CAC5D,YAAY,CAAC,UAAU,CAAC,EACxB,WAAW,CAqDZ,CAAC"}
package/dist/esm/stepper/stepper.stories.js CHANGED
@@ -6,7 +6,7 @@ const meta = {
6
6
  export default meta;
7
7
  export const Primary = {
8
8
  render: () => html `
9
- <div style="min-height: 400px">
9
+ <div style="display:flex; gap: 10px; min-height: 400px">
10
10
  <zero-stepper>
11
11
  <zero-stepper-tab>Rapid stepper 1</zero-stepper-tab>
12
12
  <zero-stepper-tab>Rapid stepper 2</zero-stepper-tab>
@@ -17,6 +17,14 @@ export const Primary = {
17
17
  <zero-stepper-tab-panel>Rapid Stepper Panel 3</zero-stepper-tab-panel>
18
18
  <zero-stepper-tab-panel>Rapid Stepper Panel 4</zero-stepper-tab-panel>
19
19
  </zero-stepper>
20
+ <zero-stepper orientation="horizontal">
21
+ <zero-stepper-tab>Rapid stepper 1</zero-stepper-tab>
22
+ <zero-stepper-tab>Rapid stepper 2</zero-stepper-tab>
23
+ <zero-stepper-tab>Rapid stepper 3</zero-stepper-tab>
24
+ <zero-stepper-tab-panel>Rapid Stepper Panel 1</zero-stepper-tab-panel>
25
+ <zero-stepper-tab-panel>Rapid Stepper Panel 2</zero-stepper-tab-panel>
26
+ <zero-stepper-tab-panel>Rapid Stepper Panel 3</zero-stepper-tab-panel>
27
+ </zero-stepper>
20
28
  </div>
21
29
  `,
22
30
  };
package/dist/esm/stepper-tab/stepper-tab.template.js CHANGED
@@ -1,22 +1,43 @@
1
+ import { whenElse } from '@genesislcap/foundation-utils';
1
2
  import { html, ref, when } from '@microsoft/fast-element';
2
- import { endSlotTemplate, startSlotTemplate } from '@microsoft/fast-foundation';
3
+ import { endSlotTemplate, startSlotTemplate, TabsOrientation } from '@microsoft/fast-foundation';
3
4
  export const zeroStepperTabTemplate = (context, definition) => html `
4
5
  <template slot="tab" role="stepper-tab" aria-disabled="${(x) => x.disabled}">
5
6
  ${startSlotTemplate(context, definition)}
6
- <zero-tree-item ${ref('treeItem')} class="tree-item">
7
- ${when((x) => x.completed, html `
8
- <zero-icon
9
- name="check-circle"
10
- variant="regular"
11
- size="lg"
12
- class="completed-icon"
13
- ></zero-icon>
14
- `)}
15
- ${when((x) => x.error, html `
16
- <zero-icon name="times-circle" variant="regular" size="lg" class="error-icon"></zero-icon>
17
- `)}
18
- <slot></slot>
19
- </zero-tree-item>
7
+ ${whenElse((x) => x.orientation === TabsOrientation.vertical, html `
8
+ <zero-tree-item ${ref('treeItem')} class="tree-item">
9
+ ${when((x) => x.completed, html `
10
+ <zero-icon
11
+ name="check-circle"
12
+ variant="regular"
13
+ size="lg"
14
+ class="completed-icon"
15
+ ></zero-icon>
16
+ `)}
17
+ ${when((x) => x.error, html `
18
+ <zero-icon
19
+ name="times-circle"
20
+ variant="regular"
21
+ size="lg"
22
+ class="error-icon"
23
+ ></zero-icon>
24
+ `)}
25
+ <slot></slot>
26
+ </zero-tree-item>
27
+ `, html `
28
+ <div class="step-number-container">
29
+ <span class="step-number">${(x) => x.tabPosition}</span>
30
+ <slot class="step-title"></slot>
31
+ ${when((x) => !x.isLast, html `
32
+ <zero-icon
33
+ class="angle-icon"
34
+ name="angle-right"
35
+ variant="solid"
36
+ size="lg"
37
+ ></zero-icon>
38
+ `)}
39
+ </div>
40
+ `)}
20
41
  ${endSlotTemplate(context, definition)}
21
42
  </template>
22
43
  `;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/foundation-zero",
3
3
  "description": "Genesis Foundation Zero Design System",
4
- "version": "14.111.0",
4
+ "version": "14.112.0",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -67,7 +67,7 @@
67
67
  },
68
68
  "devDependencies": {
69
69
  "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^4.0.0",
70
- "@genesislcap/genx": "14.111.0",
70
+ "@genesislcap/genx": "14.112.0",
71
71
  "@storybook/addon-coverage": "^1.0.0",
72
72
  "@storybook/addon-essentials": "^7.5.3",
73
73
  "@storybook/addon-links": "^7.5.3",
@@ -82,10 +82,10 @@
82
82
  "storybook": "^7.5.3"
83
83
  },
84
84
  "dependencies": {
85
- "@genesislcap/foundation-comms": "14.111.0",
86
- "@genesislcap/foundation-logger": "14.111.0",
87
- "@genesislcap/foundation-ui": "14.111.0",
88
- "@genesislcap/foundation-utils": "14.111.0",
85
+ "@genesislcap/foundation-comms": "14.112.0",
86
+ "@genesislcap/foundation-logger": "14.112.0",
87
+ "@genesislcap/foundation-ui": "14.112.0",
88
+ "@genesislcap/foundation-utils": "14.112.0",
89
89
  "@microsoft/fast-colors": "^5.1.4",
90
90
  "@microsoft/fast-components": "^2.21.3",
91
91
  "@microsoft/fast-element": "^1.7.0",
@@ -102,5 +102,5 @@
102
102
  "access": "public"
103
103
  },
104
104
  "customElements": "dist/custom-elements.json",
105
- "gitHead": "0c31fba858b96301de66b943782474508db6a967"
105
+ "gitHead": "66629088a1ce30f4e56479756ad1e78a8152142f"
106
106
  }