@genesislcap/foundation-zero 14.125.0 → 14.126.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.
@@ -18116,6 +18116,14 @@
18116
18116
  }
18117
18117
  ]
18118
18118
  },
18119
+ {
18120
+ "kind": "variable",
18121
+ "name": "defaultHorizontalScrollZeroConfig",
18122
+ "type": {
18123
+ "text": "object"
18124
+ },
18125
+ "default": "{\n nextFlipper: html`\n <zero-flipper\n @click=\"${(x) => x.scrollToNext()}\"\n aria-hidden=\"${(x) => x.flippersHiddenFromAT}\"\n ></zero-flipper>\n `,\n previousFlipper: html`\n <zero-flipper\n @click=\"${(x) => x.scrollToPrevious()}\"\n direction=\"previous\"\n aria-hidden=\"${(x) => x.flippersHiddenFromAT}\"\n ></zero-flipper>\n `,\n}"
18126
+ },
18119
18127
  {
18120
18128
  "kind": "variable",
18121
18129
  "name": "zeroHorizontalScroll"
@@ -18130,6 +18138,14 @@
18130
18138
  "module": "src/horizontal-scroll/horizontal-scroll.ts"
18131
18139
  }
18132
18140
  },
18141
+ {
18142
+ "kind": "js",
18143
+ "name": "defaultHorizontalScrollZeroConfig",
18144
+ "declaration": {
18145
+ "name": "defaultHorizontalScrollZeroConfig",
18146
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
18147
+ }
18148
+ },
18133
18149
  {
18134
18150
  "kind": "js",
18135
18151
  "name": "zeroHorizontalScroll",
@@ -28283,16 +28299,9 @@
28283
28299
  "path": "src/stepper-tab/stepper-tab.template.ts",
28284
28300
  "declarations": [
28285
28301
  {
28286
- "kind": "function",
28302
+ "kind": "variable",
28287
28303
  "name": "zeroStepperTabTemplate",
28288
- "parameters": [
28289
- {
28290
- "name": "context"
28291
- },
28292
- {
28293
- "name": "definition"
28294
- }
28295
- ]
28304
+ "default": "html<StepperTab>`\n ${getPrefixedStepperTab('zero')}\n`"
28296
28305
  }
28297
28306
  ],
28298
28307
  "exports": [
@@ -28321,11 +28330,23 @@
28321
28330
  "tagName": "%%prefix%%-stepper-tab",
28322
28331
  "customElement": true,
28323
28332
  "attributes": [
28333
+ {
28334
+ "name": "slot",
28335
+ "type": {
28336
+ "text": "string"
28337
+ },
28338
+ "default": "'tab'",
28339
+ "fieldName": "slot",
28340
+ "inheritedFrom": {
28341
+ "name": "StepperTab",
28342
+ "module": "src/stepper-tab/stepper-tab.ts"
28343
+ }
28344
+ },
28324
28345
  {
28325
28346
  "type": {
28326
28347
  "text": "boolean"
28327
28348
  },
28328
- "fieldName": "disabled",
28349
+ "fieldName": "selected",
28329
28350
  "inheritedFrom": {
28330
28351
  "name": "StepperTab",
28331
28352
  "module": "src/stepper-tab/stepper-tab.ts"
@@ -28368,10 +28389,11 @@
28368
28389
  },
28369
28390
  {
28370
28391
  "kind": "field",
28371
- "name": "disabled",
28392
+ "name": "slot",
28372
28393
  "type": {
28373
- "text": "boolean"
28394
+ "text": "string"
28374
28395
  },
28396
+ "default": "'tab'",
28375
28397
  "inheritedFrom": {
28376
28398
  "name": "StepperTab",
28377
28399
  "module": "src/stepper-tab/stepper-tab.ts"
@@ -4,5 +4,9 @@ import { HorizontalScroll as FoundationHorizontalScroll } from '@genesislcap/fou
4
4
  */
5
5
  export declare class HorizontalScroll extends FoundationHorizontalScroll {
6
6
  }
7
+ export declare const defaultHorizontalScrollZeroConfig: {
8
+ nextFlipper: import("@microsoft/fast-element").ViewTemplate<any, any>;
9
+ previousFlipper: import("@microsoft/fast-element").ViewTemplate<any, any>;
10
+ };
7
11
  export declare const zeroHorizontalScroll: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof HorizontalScroll>;
8
12
  //# sourceMappingURL=horizontal-scroll.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"horizontal-scroll.d.ts","sourceRoot":"","sources":["../../../src/horizontal-scroll/horizontal-scroll.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,IAAI,0BAA0B,EAG/C,MAAM,4BAA4B,CAAC;AAIpC;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,0BAA0B;CAAG;AAEnE,eAAO,MAAM,oBAAoB,gUAM/B,CAAC"}
1
+ {"version":3,"file":"horizontal-scroll.d.ts","sourceRoot":"","sources":["../../../src/horizontal-scroll/horizontal-scroll.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,IAAI,0BAA0B,EAE/C,MAAM,4BAA4B,CAAC;AAKpC;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,0BAA0B;CAAG;AAEnE,eAAO,MAAM,iCAAiC;;;CAc7C,CAAC;AAEF,eAAO,MAAM,oBAAoB,gUAM/B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"stepper-tab.styles.d.ts","sourceRoot":"","sources":["../../../src/stepper-tab/stepper-tab.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,oBAAoB,YACtB,wBAAwB,cACrB,2BAA2B,KACtC,aAgBF,CAAC"}
1
+ {"version":3,"file":"stepper-tab.styles.d.ts","sourceRoot":"","sources":["../../../src/stepper-tab/stepper-tab.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,oBAAoB,YACtB,wBAAwB,cACrB,2BAA2B,KACtC,aAYF,CAAC"}
@@ -1,5 +1,3 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { FoundationElementTemplate, TabsOptions } from '@microsoft/fast-foundation';
3
1
  import { StepperTab } from './stepper-tab';
4
- export declare const zeroStepperTabTemplate: FoundationElementTemplate<ViewTemplate<StepperTab>, TabsOptions>;
2
+ export declare const zeroStepperTabTemplate: import("@microsoft/fast-element").ViewTemplate<StepperTab, any>;
5
3
  //# sourceMappingURL=stepper-tab.template.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"stepper-tab.template.d.ts","sourceRoot":"","sources":["../../../src/stepper-tab/stepper-tab.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,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"}
1
+ {"version":3,"file":"stepper-tab.template.d.ts","sourceRoot":"","sources":["../../../src/stepper-tab/stepper-tab.template.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,eAAO,MAAM,sBAAsB,iEAElC,CAAC"}
@@ -1,4 +1,5 @@
1
- import { HorizontalScroll as FoundationHorizontalScroll, defaultHorizontalScrollConfig, foundationHorizontalScrollShadowOptions, } from '@genesislcap/foundation-ui';
1
+ import { HorizontalScroll as FoundationHorizontalScroll, foundationHorizontalScrollShadowOptions, } from '@genesislcap/foundation-ui';
2
+ import { html } from '@microsoft/fast-element';
2
3
  import { zeroHorizontalScrollStyles as styles } from './horizontal-scroll.styles';
3
4
  import { zeroHorizontalScrollTemplate as template } from './horizontal-scroll.template';
4
5
  /**
@@ -6,5 +7,20 @@ import { zeroHorizontalScrollTemplate as template } from './horizontal-scroll.te
6
7
  */
7
8
  export class HorizontalScroll extends FoundationHorizontalScroll {
8
9
  }
10
+ export const defaultHorizontalScrollZeroConfig = {
11
+ nextFlipper: html `
12
+ <zero-flipper
13
+ @click="${(x) => x.scrollToNext()}"
14
+ aria-hidden="${(x) => x.flippersHiddenFromAT}"
15
+ ></zero-flipper>
16
+ `,
17
+ previousFlipper: html `
18
+ <zero-flipper
19
+ @click="${(x) => x.scrollToPrevious()}"
20
+ direction="previous"
21
+ aria-hidden="${(x) => x.flippersHiddenFromAT}"
22
+ ></zero-flipper>
23
+ `,
24
+ };
9
25
  export const zeroHorizontalScroll = HorizontalScroll.compose(Object.assign({ baseName: 'horizontal-scroll', template,
10
- styles, shadowOptions: foundationHorizontalScrollShadowOptions }, defaultHorizontalScrollConfig));
26
+ styles, shadowOptions: foundationHorizontalScrollShadowOptions }, defaultHorizontalScrollZeroConfig));
@@ -12,8 +12,4 @@ export const zeroStepperTabStyles = (context, definition) => css `
12
12
 
13
13
  border-bottom: 1px solid var(--fill-color);
14
14
  }
15
-
16
- zero-icon {
17
- margin-right: 5px;
18
- }
19
15
  `;
@@ -1,43 +1,5 @@
1
- import { whenElse } from '@genesislcap/foundation-utils';
2
- import { html, ref, when } from '@microsoft/fast-element';
3
- import { endSlotTemplate, startSlotTemplate, TabsOrientation } from '@microsoft/fast-foundation';
4
- export const zeroStepperTabTemplate = (context, definition) => html `
5
- <template slot="tab" role="stepper-tab" aria-disabled="${(x) => x.disabled}">
6
- ${startSlotTemplate(context, definition)}
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
- `)}
41
- ${endSlotTemplate(context, definition)}
42
- </template>
1
+ import { getPrefixedStepperTab } from '@genesislcap/foundation-ui';
2
+ import { html } from '@microsoft/fast-element';
3
+ export const zeroStepperTabTemplate = html `
4
+ ${getPrefixedStepperTab('zero')}
43
5
  `;
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.125.0",
4
+ "version": "14.126.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.125.0",
70
+ "@genesislcap/genx": "14.126.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.125.0",
86
- "@genesislcap/foundation-logger": "14.125.0",
87
- "@genesislcap/foundation-ui": "14.125.0",
88
- "@genesislcap/foundation-utils": "14.125.0",
85
+ "@genesislcap/foundation-comms": "14.126.0",
86
+ "@genesislcap/foundation-logger": "14.126.0",
87
+ "@genesislcap/foundation-ui": "14.126.0",
88
+ "@genesislcap/foundation-utils": "14.126.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": "c59496ce3895b80fa7faf7fb4d2b58b5a64355ba"
105
+ "gitHead": "726c78d9ec85c2d1b308d070eb090db8b68e421d"
106
106
  }