@genesislcap/foundation-ui 14.127.0 → 14.127.2

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 (15) hide show
  1. package/dist/custom-elements.json +1069 -1055
  2. package/dist/dts/accordion-item/accordion-item.styles.d.ts.map +1 -1
  3. package/dist/dts/date-picker/date-picker.d.ts +1 -0
  4. package/dist/dts/date-picker/date-picker.d.ts.map +1 -1
  5. package/dist/dts/date-picker/date-picker.styles.d.ts.map +1 -1
  6. package/dist/dts/date-picker/date-picker.template.d.ts.map +1 -1
  7. package/dist/dts/multiselect/multiselect.styles.d.ts.map +1 -1
  8. package/dist/esm/accordion-item/accordion-item.js +5 -5
  9. package/dist/esm/accordion-item/accordion-item.styles.js +2 -0
  10. package/dist/esm/date-picker/date-picker.js +3 -0
  11. package/dist/esm/date-picker/date-picker.styles.js +8 -0
  12. package/dist/esm/date-picker/date-picker.template.js +1 -0
  13. package/dist/esm/multiselect/multiselect.styles.js +6 -1
  14. package/dist/esm/multiselect/multiselect.template.js +12 -12
  15. package/package.json +10 -10
package/dist/dts/accordion-item/accordion-item.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"accordion-item.styles.d.ts","sourceRoot":"","sources":["../../../src/accordion-item/accordion-item.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,6BAA6B,YAC/B,wBAAwB,cACrB,2BAA2B,KACtC,aAYF,CAAC"}
1
+ {"version":3,"file":"accordion-item.styles.d.ts","sourceRoot":"","sources":["../../../src/accordion-item/accordion-item.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,6BAA6B,YAC/B,wBAAwB,cACrB,2BAA2B,KACtC,aAcF,CAAC"}
package/dist/dts/date-picker/date-picker.d.ts CHANGED
@@ -11,6 +11,7 @@ export declare class DatePicker extends FoundationElement {
11
11
  lang: string;
12
12
  visible: boolean;
13
13
  position: string;
14
+ label: string;
14
15
  value: string;
15
16
  valueChanged(oldValue: string, newValue: string): void;
16
17
  currentDate: any;
package/dist/dts/date-picker/date-picker.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAO/D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAKlC,eAAO,MAAM,iCAAiC,EAAE,cAA0B,CAAC;AAE3E,eAAO,MAAM,uBAAuB,IAAK,CAAC;AAE1C;;GAEG;AACH,qBAAa,UAAW,SAAQ,iBAAiB;IACzC,MAAM,SAAgB;IAC5B,aAAa,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAK1C,IAAI,SAAW;IACf,OAAO,UAAS;IAChB,QAAQ,SAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAUnC,WAAW,EAAE,GAAG,CAAC;IACjB,YAAY,EAAE,QAAQ,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,uBAAuB,EAAE,MAAM,CAAC;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,GAAG,CAAC;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,EAAE,WAAW,CAAC;IAC1B,qBAAqB,EAAE,WAAW,CAAC;IACnC,kBAAkB,EAAE,WAAW,CAAC;IAChC,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,WAAW,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;;IAiBxB,iBAAiB;IAYjB,gBAAgB;IAKhB,cAAc;IAUd,gBAAgB;IAIhB,cAAc,CAAC,IAAI,KAAA;IAInB,sBAAsB;IAOtB,SAAS;IAMT,SAAS;IAMT,SAAS,CAAC,GAAG,KAAA;IAYb,gBAAgB;CAkBjB;AACD;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;qBAM/B,CAAC"}
1
+ {"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAO/D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAKlC,eAAO,MAAM,iCAAiC,EAAE,cAA0B,CAAC;AAE3E,eAAO,MAAM,uBAAuB,IAAK,CAAC;AAE1C;;GAEG;AACH,qBAAa,UAAW,SAAQ,iBAAiB;IACzC,MAAM,SAAgB;IAC5B,aAAa,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAK1C,IAAI,SAAW;IACf,OAAO,UAAS;IAChB,QAAQ,SAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAUnC,WAAW,EAAE,GAAG,CAAC;IACjB,YAAY,EAAE,QAAQ,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,uBAAuB,EAAE,MAAM,CAAC;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,GAAG,CAAC;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,EAAE,WAAW,CAAC;IAC1B,qBAAqB,EAAE,WAAW,CAAC;IACnC,kBAAkB,EAAE,WAAW,CAAC;IAChC,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,WAAW,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;;IAiBxB,iBAAiB;IAYjB,gBAAgB;IAKhB,cAAc;IAUd,gBAAgB;IAIhB,cAAc,CAAC,IAAI,KAAA;IAInB,sBAAsB;IAOtB,SAAS;IAMT,SAAS;IAMT,SAAS,CAAC,GAAG,KAAA;IAYb,gBAAgB;CAkBjB;AACD;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;qBAM/B,CAAC"}
package/dist/dts/date-picker/date-picker.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,0BAA0B,EAAE,aAuIxC,CAAC"}
1
+ {"version":3,"file":"date-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,0BAA0B,EAAE,aA+IxC,CAAC"}
package/dist/dts/date-picker/date-picker.template.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.template.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,qBAAqB,WAAY,MAAM,oEAyCnD,CAAC;AAEF,eAAO,MAAM,4BAA4B,iEAExC,CAAC"}
1
+ {"version":3,"file":"date-picker.template.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,qBAAqB,WAAY,MAAM,oEA0CnD,CAAC;AAEF,eAAO,MAAM,4BAA4B,iEAExC,CAAC"}
package/dist/dts/multiselect/multiselect.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"multiselect.styles.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,MAAM,CAAC;AAE7B,eAAO,MAAM,iBAAiB,iDAkK7B,CAAC"}
1
+ {"version":3,"file":"multiselect.styles.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,MAAM,CAAC;AAE7B,eAAO,MAAM,iBAAiB,iDAuK7B,CAAC"}
package/dist/esm/accordion-item/accordion-item.js CHANGED
@@ -11,14 +11,14 @@ export const foundationAccordionItemShadowOptions = {
11
11
  mode: 'open',
12
12
  };
13
13
  export const defaultAccordionItemConfig = {
14
- collapsedIcon: `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" slot="collapsed-icon">
14
+ collapsedIcon: `<svg width="16" height="16" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" slot="collapsed-icon">
15
15
  <path d="M15.2222 1H2.77778C1.79594 1 1 1.79594 1 2.77778V15.2222C1 16.2041 1.79594 17 2.77778 17H15.2222C16.2041 17 17 16.2041 17 15.2222V2.77778C17 1.79594 16.2041 1 15.2222 1Z" stroke-linecap="round" stroke-linejoin="round"></path>
16
- <path d="M9 5.44446V12.5556" stroke-linecap="round" stroke-linejoin="round"></path>
17
- <path d="M5.44446 9H12.5556" stroke-linecap="round" stroke-linejoin="round"></path>
16
+ <path class="plus-sign" d="M9 5.44446V12.5556" stroke-linecap="round" stroke-linejoin="round"></path>
17
+ <path class="plus-sign" d="M5.44446 9H12.5556" stroke-linecap="round" stroke-linejoin="round"></path>
18
18
  </svg>`,
19
- expandedIcon: `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" slot="expanded-icon">
19
+ expandedIcon: `<svg width="16" height="16" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" slot="expanded-icon">
20
20
  <path d="M15.2222 1H2.77778C1.79594 1 1 1.79594 1 2.77778V15.2222C1 16.2041 1.79594 17 2.77778 17H15.2222C16.2041 17 17 16.2041 17 15.2222V2.77778C17 1.79594 16.2041 1 15.2222 1Z" stroke-linecap="round" stroke-linejoin="round"></path>
21
- <path d="M5.44446 9H12.5556" stroke-linecap="round" stroke-linejoin="round"></path>
21
+ <path class="minus-sign" d="M5.44446 9H12.5556" stroke-linecap="round" stroke-linejoin="round"></path>
22
22
  </svg>`,
23
23
  };
24
24
  /**
package/dist/esm/accordion-item/accordion-item.styles.js CHANGED
@@ -6,10 +6,12 @@ export const foundationAccordionItemStyles = (context, definition) => css `
6
6
  slot[name='collapsed-icon'] {
7
7
  display: flex;
8
8
  stroke: var(--accent-foreground-rest);
9
+ fill: none;
9
10
  }
10
11
 
11
12
  slot[name='expanded-icon'] {
12
13
  display: none;
13
14
  stroke: var(--accent-foreground-rest);
15
+ fill: none;
14
16
  }
15
17
  `;
package/dist/esm/date-picker/date-picker.js CHANGED
@@ -128,6 +128,9 @@ __decorate([
128
128
  __decorate([
129
129
  attr
130
130
  ], DatePicker.prototype, "position", void 0);
131
+ __decorate([
132
+ attr
133
+ ], DatePicker.prototype, "label", void 0);
131
134
  __decorate([
132
135
  attr
133
136
  ], DatePicker.prototype, "value", void 0);
package/dist/esm/date-picker/date-picker.styles.js CHANGED
@@ -8,6 +8,10 @@ export const foundationDatePickerStyles = css `
8
8
  cursor: pointer;
9
9
  }
10
10
 
11
+ .date-toggle::part(label) {
12
+ cursor: pointer;
13
+ }
14
+
11
15
  .calendar-dropdown {
12
16
  display: none;
13
17
  width: 300px;
@@ -134,4 +138,8 @@ export const foundationDatePickerStyles = css `
134
138
  background: var(--neutral-stroke-hover);
135
139
  color: (--neutral-foreground-rest);
136
140
  }
141
+
142
+ .date-toggle[readonly] .label {
143
+ cursor: pointer;
144
+ }
137
145
  `;
package/dist/esm/date-picker/date-picker.template.js CHANGED
@@ -3,6 +3,7 @@ import { ref, repeat } from '@microsoft/fast-element';
3
3
  import { getPrefix } from '../utils/dom';
4
4
  export const getPrefixedDatePicker = (prefix) => html `
5
5
  <${prefix}-text-field data-test-id="date-picker" readonly :value="${(x) => x.formatDate}" part="date-toggle" class="date-toggle" ${ref('toggleButton')}>
6
+ ${(x) => x.label}
6
7
  <div class="input-icon-container" part="input-icon-container" slot="end"><${prefix}-icon variant="regular" name="calendar-alt" size="sm"></${prefix}-icon></div>
7
8
  </${prefix}-text-field>
8
9
  <div class="calendar-dropdown ${(x) => x.calendarDropdownClasses} ${(x) => x.position}">
package/dist/esm/multiselect/multiselect.styles.js CHANGED
@@ -47,11 +47,16 @@ export const multiselectStyles = css `
47
47
  pointer-events: none;
48
48
  }
49
49
 
50
- #arrow-icon {
50
+ .indicator {
51
51
  position: absolute;
52
52
  left: calc(100% - 26px);
53
53
  padding: 0;
54
54
  cursor: pointer;
55
+ }
56
+
57
+ #arrow-icon {
58
+ width: 16px;
59
+ fill: white;
55
60
  transform: rotate(0deg);
56
61
  transition: transform 0.2s linear 0s;
57
62
  }
package/dist/esm/multiselect/multiselect.template.js CHANGED
@@ -20,18 +20,18 @@ export const getPrefixedMultiselect = (prefix = 'foundation') => html `
20
20
  </label>
21
21
  <div class="root" part="root">
22
22
  <div class="control" part="control">
23
- <svg
24
- viewBox="0 0 12 7"
25
- ${ref('arrowIcon')}
26
- @click=${(x) => !x.disabled && x.toggle()}
27
- id="arrow-icon"
28
- class="${(x) => classNames(['disabled-svg', x.disabled])}"
29
- width="16px"
30
- fill="white"
31
- xmlns="http://www.w3.org/2000/svg"
32
- >
33
- <path d="${ARROW_SVG_PATH}" />
34
- </svg>
23
+ <div part="indicator" class="indicator" @click=${(x) => !x.disabled && x.toggle()}>
24
+ <svg
25
+ viewBox="0 0 12 7"
26
+ ${ref('arrowIcon')}
27
+ id="arrow-icon"
28
+ class="${(x) => classNames(['disabled-svg', x.disabled])}"
29
+ xmlns="http://www.w3.org/2000/svg"
30
+ >
31
+ <path d="${ARROW_SVG_PATH}" />
32
+ </svg>
33
+ </div>
34
+
35
35
  <input
36
36
  part="input"
37
37
  readonly
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/foundation-ui",
3
3
  "description": "Genesis Foundation UI",
4
- "version": "14.127.0",
4
+ "version": "14.127.2",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -74,8 +74,8 @@
74
74
  "test:debug": "genx test --debug"
75
75
  },
76
76
  "devDependencies": {
77
- "@genesislcap/foundation-testing": "14.127.0",
78
- "@genesislcap/genx": "14.127.0",
77
+ "@genesislcap/foundation-testing": "14.127.2",
78
+ "@genesislcap/genx": "14.127.2",
79
79
  "copyfiles": "^2.4.1",
80
80
  "rimraf": "^3.0.2",
81
81
  "rxjs": "^7.5.4"
@@ -86,12 +86,12 @@
86
86
  "@fortawesome/free-regular-svg-icons": "^6.2.1",
87
87
  "@fortawesome/free-solid-svg-icons": "^6.2.1",
88
88
  "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^4.0.0",
89
- "@genesislcap/foundation-comms": "14.127.0",
90
- "@genesislcap/foundation-criteria": "14.127.0",
91
- "@genesislcap/foundation-errors": "14.127.0",
92
- "@genesislcap/foundation-logger": "14.127.0",
93
- "@genesislcap/foundation-notifications": "14.127.0",
94
- "@genesislcap/foundation-utils": "14.127.0",
89
+ "@genesislcap/foundation-comms": "14.127.2",
90
+ "@genesislcap/foundation-criteria": "14.127.2",
91
+ "@genesislcap/foundation-errors": "14.127.2",
92
+ "@genesislcap/foundation-logger": "14.127.2",
93
+ "@genesislcap/foundation-notifications": "14.127.2",
94
+ "@genesislcap/foundation-utils": "14.127.2",
95
95
  "@microsoft/fast-colors": "^5.3.1",
96
96
  "@microsoft/fast-components": "^2.30.6",
97
97
  "@microsoft/fast-element": "^1.12.0",
@@ -113,5 +113,5 @@
113
113
  "access": "public"
114
114
  },
115
115
  "customElements": "dist/custom-elements.json",
116
- "gitHead": "9dab321ca616a32643b29abc699626e973a3ac8f"
116
+ "gitHead": "80ea1376a014bd79ecb63f650a1f2472d2fe1fd4"
117
117
  }