@genesislcap/foundation-zero 14.141.0 → 14.141.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 (4) hide show
  1. package/dist/custom-elements.json +62 -35
  2. package/dist/dts/multiselect/multiselect.stories.d.ts.map +1 -1
  3. package/dist/esm/multiselect/multiselect.stories.js +8 -2
  4. package/package.json +7 -7
package/dist/custom-elements.json CHANGED
@@ -677,37 +677,6 @@
677
677
  }
678
678
  ]
679
679
  },
680
- {
681
- "kind": "javascript-module",
682
- "path": "src/_config/index.ts",
683
- "declarations": [],
684
- "exports": [
685
- {
686
- "kind": "js",
687
- "name": "*",
688
- "declaration": {
689
- "name": "*",
690
- "package": "./styles"
691
- }
692
- },
693
- {
694
- "kind": "js",
695
- "name": "*",
696
- "declaration": {
697
- "name": "*",
698
- "package": "./tokens"
699
- }
700
- },
701
- {
702
- "kind": "js",
703
- "name": "*",
704
- "declaration": {
705
- "name": "*",
706
- "package": "./values"
707
- }
708
- }
709
- ]
710
- },
711
680
  {
712
681
  "kind": "javascript-module",
713
682
  "path": "src/_common/colors.hex.ts",
@@ -847,6 +816,37 @@
847
816
  }
848
817
  ]
849
818
  },
819
+ {
820
+ "kind": "javascript-module",
821
+ "path": "src/_config/index.ts",
822
+ "declarations": [],
823
+ "exports": [
824
+ {
825
+ "kind": "js",
826
+ "name": "*",
827
+ "declaration": {
828
+ "name": "*",
829
+ "package": "./styles"
830
+ }
831
+ },
832
+ {
833
+ "kind": "js",
834
+ "name": "*",
835
+ "declaration": {
836
+ "name": "*",
837
+ "package": "./tokens"
838
+ }
839
+ },
840
+ {
841
+ "kind": "js",
842
+ "name": "*",
843
+ "declaration": {
844
+ "name": "*",
845
+ "package": "./values"
846
+ }
847
+ }
848
+ ]
849
+ },
850
850
  {
851
851
  "kind": "javascript-module",
852
852
  "path": "src/accordion/accordion.stories.ts",
@@ -21093,7 +21093,7 @@
21093
21093
  "type": {
21094
21094
  "text": "StoryObj"
21095
21095
  },
21096
- "default": "{\n render: ({ name, text, countries, search }) => html`\n <div style=\"min-height: 400px;\">\n <zero-multiselect name=\"${name}\" .options=\"${countries}\" search=\"${search}\">\n ${text}\n </zero-multiselect>\n </div>\n `,\n args: {\n name: 'Countries',\n text: 'Multiselect',\n search: true,\n countries: [\n 'Afghanistan',\n 'Aland Islands',\n 'Albania',\n 'Algeria',\n 'American Samoa',\n 'Andorra',\n 'Angola',\n 'Anguilla',\n 'Antarctica',\n 'Antigua and Barbuda',\n 'Argentina',\n 'Armenia',\n 'Aruba',\n 'Australia',\n 'Austria',\n 'Azerbaijan',\n 'Bahamas',\n 'Bahrain',\n 'Bangladesh',\n 'Barbados',\n 'Belarus',\n 'Belgium',\n 'Belize',\n 'Benin',\n 'Bermuda',\n 'Bhutan',\n 'Bolivia',\n 'Bonaire, Sint Eustatius and Saba',\n 'Bosnia and Herzegovina',\n 'Botswana',\n 'Bouvet Island',\n 'Brazil',\n 'British Indian Ocean Territory',\n 'Brunei Darussalam',\n 'Bulgaria',\n 'Burkina Faso',\n 'Burundi',\n 'Cambodia',\n 'Cameroon',\n 'Canada',\n 'Cape Verde',\n 'Cayman Islands',\n 'Central African Republic',\n 'Chad',\n ],\n },\n}"
21096
+ "default": "{\n render: ({ name, text, countries, search, autoPosition }) => html`\n <div style=\"min-height: 400px;\">\n <zero-multiselect\n name=\"${name}\"\n auto-position=\"${autoPosition}\"\n .options=\"${countries}\"\n search=\"${search}\"\n >\n ${text}\n </zero-multiselect>\n </div>\n `,\n args: {\n name: 'Countries',\n text: 'Multiselect',\n search: true,\n autoPosition: true,\n countries: [\n 'Afghanistan',\n 'Aland Islands',\n 'Albania',\n 'Algeria',\n 'American Samoa',\n 'Andorra',\n 'Angola',\n 'Anguilla',\n 'Antarctica',\n 'Antigua and Barbuda',\n 'Argentina',\n 'Armenia',\n 'Aruba',\n 'Australia',\n 'Austria',\n 'Azerbaijan',\n 'Bahamas',\n 'Bahrain',\n 'Bangladesh',\n 'Barbados',\n 'Belarus',\n 'Belgium',\n 'Belize',\n 'Benin',\n 'Bermuda',\n 'Bhutan',\n 'Bolivia',\n 'Bonaire, Sint Eustatius and Saba',\n 'Bosnia and Herzegovina',\n 'Botswana',\n 'Bouvet Island',\n 'Brazil',\n 'British Indian Ocean Territory',\n 'Brunei Darussalam',\n 'Bulgaria',\n 'Burkina Faso',\n 'Burundi',\n 'Cambodia',\n 'Cameroon',\n 'Canada',\n 'Cape Verde',\n 'Cayman Islands',\n 'Central African Republic',\n 'Chad',\n ],\n },\n}"
21097
21097
  }
21098
21098
  ],
21099
21099
  "exports": [
@@ -21184,6 +21184,18 @@
21184
21184
  "module": "src/multiselect/multiselect.ts"
21185
21185
  }
21186
21186
  },
21187
+ {
21188
+ "name": "auto-position",
21189
+ "type": {
21190
+ "text": "boolean"
21191
+ },
21192
+ "default": "true",
21193
+ "fieldName": "autoPosition",
21194
+ "inheritedFrom": {
21195
+ "name": "Multiselect",
21196
+ "module": "src/multiselect/multiselect.ts"
21197
+ }
21198
+ },
21187
21199
  {
21188
21200
  "type": {
21189
21201
  "text": "boolean"
@@ -21224,6 +21236,18 @@
21224
21236
  "module": "src/multiselect/multiselect.ts"
21225
21237
  }
21226
21238
  },
21239
+ {
21240
+ "kind": "field",
21241
+ "name": "autoPosition",
21242
+ "type": {
21243
+ "text": "boolean"
21244
+ },
21245
+ "default": "true",
21246
+ "inheritedFrom": {
21247
+ "name": "Multiselect",
21248
+ "module": "src/multiselect/multiselect.ts"
21249
+ }
21250
+ },
21227
21251
  {
21228
21252
  "kind": "field",
21229
21253
  "name": "all",
@@ -21471,6 +21495,7 @@
21471
21495
  "type": {
21472
21496
  "text": "Position"
21473
21497
  },
21498
+ "description": "Controls the positioning of the multiselect dropdown. Accepts the following values:\n- Position.ABOVE: Forces the dropdown to always open above the input field.\n- Position.BELOW: Forces the dropdown to always open below the input field.",
21474
21499
  "inheritedFrom": {
21475
21500
  "name": "Multiselect",
21476
21501
  "module": "src/multiselect/multiselect.ts"
@@ -21524,7 +21549,7 @@
21524
21549
  },
21525
21550
  {
21526
21551
  "kind": "method",
21527
- "name": "optionsChanged",
21552
+ "name": "toggle",
21528
21553
  "inheritedFrom": {
21529
21554
  "name": "Multiselect",
21530
21555
  "module": "src/multiselect/multiselect.ts"
@@ -21532,7 +21557,7 @@
21532
21557
  },
21533
21558
  {
21534
21559
  "kind": "method",
21535
- "name": "selectedOptionsChanged",
21560
+ "name": "optionsChanged",
21536
21561
  "inheritedFrom": {
21537
21562
  "name": "Multiselect",
21538
21563
  "module": "src/multiselect/multiselect.ts"
@@ -21540,7 +21565,7 @@
21540
21565
  },
21541
21566
  {
21542
21567
  "kind": "method",
21543
- "name": "toggle",
21568
+ "name": "selectedOptionsChanged",
21544
21569
  "inheritedFrom": {
21545
21570
  "name": "Multiselect",
21546
21571
  "module": "src/multiselect/multiselect.ts"
@@ -21549,6 +21574,8 @@
21549
21574
  {
21550
21575
  "kind": "method",
21551
21576
  "name": "setDropdownPosition",
21577
+ "privacy": "private",
21578
+ "description": "Sets the dropdown position based on the current configuration.",
21552
21579
  "inheritedFrom": {
21553
21580
  "name": "Multiselect",
21554
21581
  "module": "src/multiselect/multiselect.ts"
package/dist/dts/multiselect/multiselect.stories.d.ts.map CHANGED
@@ -1 +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;AAEpB,eAAO,MAAM,OAAO,EAAE,QA2DrB,CAAC"}
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;AAEpB,eAAO,MAAM,OAAO,EAAE,QAiErB,CAAC"}
package/dist/esm/multiselect/multiselect.stories.js CHANGED
@@ -5,9 +5,14 @@ const meta = {
5
5
  };
6
6
  export default meta;
7
7
  export const Primary = {
8
- render: ({ name, text, countries, search }) => html `
8
+ render: ({ name, text, countries, search, autoPosition }) => html `
9
9
  <div style="min-height: 400px;">
10
- <zero-multiselect name="${name}" .options="${countries}" search="${search}">
10
+ <zero-multiselect
11
+ name="${name}"
12
+ auto-position="${autoPosition}"
13
+ .options="${countries}"
14
+ search="${search}"
15
+ >
11
16
  ${text}
12
17
  </zero-multiselect>
13
18
  </div>
@@ -16,6 +21,7 @@ export const Primary = {
16
21
  name: 'Countries',
17
22
  text: 'Multiselect',
18
23
  search: true,
24
+ autoPosition: true,
19
25
  countries: [
20
26
  'Afghanistan',
21
27
  'Aland Islands',
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.141.0",
4
+ "version": "14.141.2",
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.141.0",
70
+ "@genesislcap/genx": "14.141.2",
71
71
  "@storybook/addon-coverage": "^1.0.0",
72
72
  "@storybook/addon-essentials": "^7.6.7",
73
73
  "@storybook/addon-links": "^7.6.7",
@@ -84,10 +84,10 @@
84
84
  "storybook": "^7.6.7"
85
85
  },
86
86
  "dependencies": {
87
- "@genesislcap/foundation-comms": "14.141.0",
88
- "@genesislcap/foundation-logger": "14.141.0",
89
- "@genesislcap/foundation-ui": "14.141.0",
90
- "@genesislcap/foundation-utils": "14.141.0",
87
+ "@genesislcap/foundation-comms": "14.141.2",
88
+ "@genesislcap/foundation-logger": "14.141.2",
89
+ "@genesislcap/foundation-ui": "14.141.2",
90
+ "@genesislcap/foundation-utils": "14.141.2",
91
91
  "@microsoft/fast-colors": "^5.3.1",
92
92
  "@microsoft/fast-components": "^2.30.6",
93
93
  "@microsoft/fast-element": "^1.12.0",
@@ -104,5 +104,5 @@
104
104
  "access": "public"
105
105
  },
106
106
  "customElements": "dist/custom-elements.json",
107
- "gitHead": "0a56f4af76d0b6852dfb0fd6a01f721db3a1e867"
107
+ "gitHead": "51b9d2cd8291ce37769cbbb5135f19b8a726f642"
108
108
  }