@genesislcap/foundation-zero 14.83.4 → 14.83.5

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 (12) hide show
  1. package/dist/custom-elements.json +264 -243
  2. package/dist/dts/base-components.d.ts +2 -2
  3. package/dist/dts/flyout/flyout.d.ts +2 -2
  4. package/dist/dts/flyout/flyout.d.ts.map +1 -1
  5. package/dist/dts/flyout/flyout.template.d.ts +3 -0
  6. package/dist/dts/flyout/flyout.template.d.ts.map +1 -0
  7. package/dist/dts/flyout/index.d.ts +1 -1
  8. package/dist/dts/flyout/index.d.ts.map +1 -1
  9. package/dist/esm/flyout/flyout.js +3 -2
  10. package/dist/esm/flyout/flyout.template.js +5 -0
  11. package/dist/esm/flyout/index.js +1 -1
  12. package/package.json +7 -7
package/dist/custom-elements.json CHANGED
@@ -784,6 +784,37 @@
784
784
  }
785
785
  ]
786
786
  },
787
+ {
788
+ "kind": "javascript-module",
789
+ "path": "src/_config/index.ts",
790
+ "declarations": [],
791
+ "exports": [
792
+ {
793
+ "kind": "js",
794
+ "name": "*",
795
+ "declaration": {
796
+ "name": "*",
797
+ "package": "./styles"
798
+ }
799
+ },
800
+ {
801
+ "kind": "js",
802
+ "name": "*",
803
+ "declaration": {
804
+ "name": "*",
805
+ "package": "./tokens"
806
+ }
807
+ },
808
+ {
809
+ "kind": "js",
810
+ "name": "*",
811
+ "declaration": {
812
+ "name": "*",
813
+ "package": "./values"
814
+ }
815
+ }
816
+ ]
817
+ },
787
818
  {
788
819
  "kind": "javascript-module",
789
820
  "path": "src/accordion/accordion.stories.ts",
@@ -1120,37 +1151,6 @@
1120
1151
  }
1121
1152
  ]
1122
1153
  },
1123
- {
1124
- "kind": "javascript-module",
1125
- "path": "src/_config/index.ts",
1126
- "declarations": [],
1127
- "exports": [
1128
- {
1129
- "kind": "js",
1130
- "name": "*",
1131
- "declaration": {
1132
- "name": "*",
1133
- "package": "./styles"
1134
- }
1135
- },
1136
- {
1137
- "kind": "js",
1138
- "name": "*",
1139
- "declaration": {
1140
- "name": "*",
1141
- "package": "./tokens"
1142
- }
1143
- },
1144
- {
1145
- "kind": "js",
1146
- "name": "*",
1147
- "declaration": {
1148
- "name": "*",
1149
- "package": "./values"
1150
- }
1151
- }
1152
- ]
1153
- },
1154
1154
  {
1155
1155
  "kind": "javascript-module",
1156
1156
  "path": "src/actions-menu/actions-menu.stories.ts",
@@ -7098,215 +7098,6 @@
7098
7098
  }
7099
7099
  ]
7100
7100
  },
7101
- {
7102
- "kind": "javascript-module",
7103
- "path": "src/flex-layout/flex-layout.stories.ts",
7104
- "declarations": [
7105
- {
7106
- "kind": "variable",
7107
- "name": "meta",
7108
- "type": {
7109
- "text": "Meta"
7110
- },
7111
- "default": "{\n title: 'Flex Layout',\n component: 'zero-flex-layout',\n parameters: {\n controls: { hideNoControlsWarning: true },\n },\n}"
7112
- },
7113
- {
7114
- "kind": "variable",
7115
- "name": "Primary",
7116
- "type": {
7117
- "text": "StoryObj"
7118
- },
7119
- "default": "{\n render: () => html`\n <div style=\"${wrapperStyle}\">\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-column flex-wrap spacing-2x justify-end\">\n <div style=\"width: 30%; height: 40%; background-color: red;\"></div>\n <div style=\"width: 30%; height: 50%; background-color: green;\"></div>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 30%; background-color: red;\"></div>\n <div style=\"width: 70%; background-color: green;\"></div>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 20%; background-color: red;\"></div>\n <div style=\"width: 60%; background-color: green;\"></div>\n <div style=\"width: 20%; background-color: blue;\"></div>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 30%; height: 100%; background-color: red;\"></div>\n <zero-flex-layout class=\"flex-column spacing-2x\">\n <div style=\"height: 60%; width: 100%; background-color: blue;\"></div>\n <div style=\"height: 40%; width: 100%; background-color: green;\"></div>\n </zero-flex-layout>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-column spacing-2x\">\n <div style=\"height: 100%; width: 100%; background-color: blue;\"></div>\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 80%; background-color: green;\"></div>\n <div style=\"width: 20%; background-color: blue;\"></div>\n </zero-flex-layout>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-column spacing-2x\">\n <div style=\"height: 20%; width: 100%; background-color: blue;\"></div>\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 20%; background-color: green;\"></div>\n <div style=\"width: 80%; background-color: blue;\"></div>\n </zero-flex-layout>\n <div style=\"width: 100%; height: 20%; background-color: yellow;\"></div>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"background-color: blue; width: 100%; height: 100%;\"></div>\n <zero-flex-layout class=\"flex-column spacing-2x\">\n <div style=\"background-color: green; width: 100%; height: 100%;\"></div>\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"flex:3; background-color: yellow;\"></div>\n <div style=\"flex:1; background-color: blue;\"></div>\n </zero-flex-layout>\n </zero-flex-layout>\n </zero-flex-layout>\n </zero-card>\n </div>\n `,\n}"
7120
- }
7121
- ],
7122
- "exports": [
7123
- {
7124
- "kind": "js",
7125
- "name": "default",
7126
- "declaration": {
7127
- "name": "meta",
7128
- "module": "src/flex-layout/flex-layout.stories.ts"
7129
- }
7130
- },
7131
- {
7132
- "kind": "js",
7133
- "name": "Primary",
7134
- "declaration": {
7135
- "name": "Primary",
7136
- "module": "src/flex-layout/flex-layout.stories.ts"
7137
- }
7138
- }
7139
- ]
7140
- },
7141
- {
7142
- "kind": "javascript-module",
7143
- "path": "src/flex-layout/flex-layout.ts",
7144
- "declarations": [
7145
- {
7146
- "kind": "class",
7147
- "description": "",
7148
- "name": "FlexLayout",
7149
- "superclass": {
7150
- "name": "FoundationFlexLayout",
7151
- "package": "@genesislcap/foundation-ui"
7152
- },
7153
- "tagName": "%%prefix%%-flex-layout",
7154
- "customElement": true,
7155
- "members": [
7156
- {
7157
- "kind": "field",
7158
- "name": "_presentation",
7159
- "type": {
7160
- "text": "ComponentPresentation | null | undefined"
7161
- },
7162
- "privacy": "private",
7163
- "default": "void 0",
7164
- "inheritedFrom": {
7165
- "name": "FoundationElement",
7166
- "module": "src/foundation-element/foundation-element.ts"
7167
- }
7168
- },
7169
- {
7170
- "kind": "field",
7171
- "name": "$presentation",
7172
- "type": {
7173
- "text": "ComponentPresentation | null"
7174
- },
7175
- "privacy": "public",
7176
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
7177
- "inheritedFrom": {
7178
- "name": "FoundationElement",
7179
- "module": "src/foundation-element/foundation-element.ts"
7180
- }
7181
- },
7182
- {
7183
- "kind": "field",
7184
- "name": "template",
7185
- "type": {
7186
- "text": "ElementViewTemplate | void | null"
7187
- },
7188
- "privacy": "public",
7189
- "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
7190
- "inheritedFrom": {
7191
- "name": "FoundationElement",
7192
- "module": "src/foundation-element/foundation-element.ts"
7193
- }
7194
- },
7195
- {
7196
- "kind": "method",
7197
- "name": "templateChanged",
7198
- "privacy": "protected",
7199
- "return": {
7200
- "type": {
7201
- "text": "void"
7202
- }
7203
- },
7204
- "inheritedFrom": {
7205
- "name": "FoundationElement",
7206
- "module": "src/foundation-element/foundation-element.ts"
7207
- }
7208
- },
7209
- {
7210
- "kind": "field",
7211
- "name": "styles",
7212
- "type": {
7213
- "text": "ElementStyles | void | null"
7214
- },
7215
- "privacy": "public",
7216
- "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
7217
- "inheritedFrom": {
7218
- "name": "FoundationElement",
7219
- "module": "src/foundation-element/foundation-element.ts"
7220
- }
7221
- },
7222
- {
7223
- "kind": "method",
7224
- "name": "stylesChanged",
7225
- "privacy": "protected",
7226
- "return": {
7227
- "type": {
7228
- "text": "void"
7229
- }
7230
- },
7231
- "inheritedFrom": {
7232
- "name": "FoundationElement",
7233
- "module": "src/foundation-element/foundation-element.ts"
7234
- }
7235
- },
7236
- {
7237
- "kind": "method",
7238
- "name": "compose",
7239
- "privacy": "public",
7240
- "static": true,
7241
- "return": {
7242
- "type": {
7243
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
7244
- }
7245
- },
7246
- "parameters": [
7247
- {
7248
- "name": "this",
7249
- "type": {
7250
- "text": "K"
7251
- }
7252
- },
7253
- {
7254
- "name": "elementDefinition",
7255
- "type": {
7256
- "text": "T"
7257
- },
7258
- "description": "The definition of the element to create the registry\nfunction for."
7259
- }
7260
- ],
7261
- "description": "Defines an element registry function with a set of element definition defaults.",
7262
- "inheritedFrom": {
7263
- "name": "FoundationElement",
7264
- "module": "src/foundation-element/foundation-element.ts"
7265
- }
7266
- }
7267
- ]
7268
- },
7269
- {
7270
- "kind": "variable",
7271
- "name": "zeroFlexLayout",
7272
- "description": "The Zero Flex Layout",
7273
- "privacy": "public"
7274
- }
7275
- ],
7276
- "exports": [
7277
- {
7278
- "kind": "js",
7279
- "name": "FlexLayout",
7280
- "declaration": {
7281
- "name": "FlexLayout",
7282
- "module": "src/flex-layout/flex-layout.ts"
7283
- }
7284
- },
7285
- {
7286
- "kind": "js",
7287
- "name": "zeroFlexLayout",
7288
- "declaration": {
7289
- "name": "zeroFlexLayout",
7290
- "module": "src/flex-layout/flex-layout.ts"
7291
- }
7292
- }
7293
- ]
7294
- },
7295
- {
7296
- "kind": "javascript-module",
7297
- "path": "src/flex-layout/index.ts",
7298
- "declarations": [],
7299
- "exports": [
7300
- {
7301
- "kind": "js",
7302
- "name": "*",
7303
- "declaration": {
7304
- "name": "*",
7305
- "package": "./flex-layout"
7306
- }
7307
- }
7308
- ]
7309
- },
7310
7101
  {
7311
7102
  "kind": "javascript-module",
7312
7103
  "path": "src/filter-bar/filter-bar.stories.ts",
@@ -7689,6 +7480,215 @@
7689
7480
  }
7690
7481
  ]
7691
7482
  },
7483
+ {
7484
+ "kind": "javascript-module",
7485
+ "path": "src/flex-layout/flex-layout.stories.ts",
7486
+ "declarations": [
7487
+ {
7488
+ "kind": "variable",
7489
+ "name": "meta",
7490
+ "type": {
7491
+ "text": "Meta"
7492
+ },
7493
+ "default": "{\n title: 'Flex Layout',\n component: 'zero-flex-layout',\n parameters: {\n controls: { hideNoControlsWarning: true },\n },\n}"
7494
+ },
7495
+ {
7496
+ "kind": "variable",
7497
+ "name": "Primary",
7498
+ "type": {
7499
+ "text": "StoryObj"
7500
+ },
7501
+ "default": "{\n render: () => html`\n <div style=\"${wrapperStyle}\">\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-column flex-wrap spacing-2x justify-end\">\n <div style=\"width: 30%; height: 40%; background-color: red;\"></div>\n <div style=\"width: 30%; height: 50%; background-color: green;\"></div>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 30%; background-color: red;\"></div>\n <div style=\"width: 70%; background-color: green;\"></div>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 20%; background-color: red;\"></div>\n <div style=\"width: 60%; background-color: green;\"></div>\n <div style=\"width: 20%; background-color: blue;\"></div>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 30%; height: 100%; background-color: red;\"></div>\n <zero-flex-layout class=\"flex-column spacing-2x\">\n <div style=\"height: 60%; width: 100%; background-color: blue;\"></div>\n <div style=\"height: 40%; width: 100%; background-color: green;\"></div>\n </zero-flex-layout>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-column spacing-2x\">\n <div style=\"height: 100%; width: 100%; background-color: blue;\"></div>\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 80%; background-color: green;\"></div>\n <div style=\"width: 20%; background-color: blue;\"></div>\n </zero-flex-layout>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-column spacing-2x\">\n <div style=\"height: 20%; width: 100%; background-color: blue;\"></div>\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 20%; background-color: green;\"></div>\n <div style=\"width: 80%; background-color: blue;\"></div>\n </zero-flex-layout>\n <div style=\"width: 100%; height: 20%; background-color: yellow;\"></div>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"background-color: blue; width: 100%; height: 100%;\"></div>\n <zero-flex-layout class=\"flex-column spacing-2x\">\n <div style=\"background-color: green; width: 100%; height: 100%;\"></div>\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"flex:3; background-color: yellow;\"></div>\n <div style=\"flex:1; background-color: blue;\"></div>\n </zero-flex-layout>\n </zero-flex-layout>\n </zero-flex-layout>\n </zero-card>\n </div>\n `,\n}"
7502
+ }
7503
+ ],
7504
+ "exports": [
7505
+ {
7506
+ "kind": "js",
7507
+ "name": "default",
7508
+ "declaration": {
7509
+ "name": "meta",
7510
+ "module": "src/flex-layout/flex-layout.stories.ts"
7511
+ }
7512
+ },
7513
+ {
7514
+ "kind": "js",
7515
+ "name": "Primary",
7516
+ "declaration": {
7517
+ "name": "Primary",
7518
+ "module": "src/flex-layout/flex-layout.stories.ts"
7519
+ }
7520
+ }
7521
+ ]
7522
+ },
7523
+ {
7524
+ "kind": "javascript-module",
7525
+ "path": "src/flex-layout/flex-layout.ts",
7526
+ "declarations": [
7527
+ {
7528
+ "kind": "class",
7529
+ "description": "",
7530
+ "name": "FlexLayout",
7531
+ "superclass": {
7532
+ "name": "FoundationFlexLayout",
7533
+ "package": "@genesislcap/foundation-ui"
7534
+ },
7535
+ "tagName": "%%prefix%%-flex-layout",
7536
+ "customElement": true,
7537
+ "members": [
7538
+ {
7539
+ "kind": "field",
7540
+ "name": "_presentation",
7541
+ "type": {
7542
+ "text": "ComponentPresentation | null | undefined"
7543
+ },
7544
+ "privacy": "private",
7545
+ "default": "void 0",
7546
+ "inheritedFrom": {
7547
+ "name": "FoundationElement",
7548
+ "module": "src/foundation-element/foundation-element.ts"
7549
+ }
7550
+ },
7551
+ {
7552
+ "kind": "field",
7553
+ "name": "$presentation",
7554
+ "type": {
7555
+ "text": "ComponentPresentation | null"
7556
+ },
7557
+ "privacy": "public",
7558
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
7559
+ "inheritedFrom": {
7560
+ "name": "FoundationElement",
7561
+ "module": "src/foundation-element/foundation-element.ts"
7562
+ }
7563
+ },
7564
+ {
7565
+ "kind": "field",
7566
+ "name": "template",
7567
+ "type": {
7568
+ "text": "ElementViewTemplate | void | null"
7569
+ },
7570
+ "privacy": "public",
7571
+ "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
7572
+ "inheritedFrom": {
7573
+ "name": "FoundationElement",
7574
+ "module": "src/foundation-element/foundation-element.ts"
7575
+ }
7576
+ },
7577
+ {
7578
+ "kind": "method",
7579
+ "name": "templateChanged",
7580
+ "privacy": "protected",
7581
+ "return": {
7582
+ "type": {
7583
+ "text": "void"
7584
+ }
7585
+ },
7586
+ "inheritedFrom": {
7587
+ "name": "FoundationElement",
7588
+ "module": "src/foundation-element/foundation-element.ts"
7589
+ }
7590
+ },
7591
+ {
7592
+ "kind": "field",
7593
+ "name": "styles",
7594
+ "type": {
7595
+ "text": "ElementStyles | void | null"
7596
+ },
7597
+ "privacy": "public",
7598
+ "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
7599
+ "inheritedFrom": {
7600
+ "name": "FoundationElement",
7601
+ "module": "src/foundation-element/foundation-element.ts"
7602
+ }
7603
+ },
7604
+ {
7605
+ "kind": "method",
7606
+ "name": "stylesChanged",
7607
+ "privacy": "protected",
7608
+ "return": {
7609
+ "type": {
7610
+ "text": "void"
7611
+ }
7612
+ },
7613
+ "inheritedFrom": {
7614
+ "name": "FoundationElement",
7615
+ "module": "src/foundation-element/foundation-element.ts"
7616
+ }
7617
+ },
7618
+ {
7619
+ "kind": "method",
7620
+ "name": "compose",
7621
+ "privacy": "public",
7622
+ "static": true,
7623
+ "return": {
7624
+ "type": {
7625
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
7626
+ }
7627
+ },
7628
+ "parameters": [
7629
+ {
7630
+ "name": "this",
7631
+ "type": {
7632
+ "text": "K"
7633
+ }
7634
+ },
7635
+ {
7636
+ "name": "elementDefinition",
7637
+ "type": {
7638
+ "text": "T"
7639
+ },
7640
+ "description": "The definition of the element to create the registry\nfunction for."
7641
+ }
7642
+ ],
7643
+ "description": "Defines an element registry function with a set of element definition defaults.",
7644
+ "inheritedFrom": {
7645
+ "name": "FoundationElement",
7646
+ "module": "src/foundation-element/foundation-element.ts"
7647
+ }
7648
+ }
7649
+ ]
7650
+ },
7651
+ {
7652
+ "kind": "variable",
7653
+ "name": "zeroFlexLayout",
7654
+ "description": "The Zero Flex Layout",
7655
+ "privacy": "public"
7656
+ }
7657
+ ],
7658
+ "exports": [
7659
+ {
7660
+ "kind": "js",
7661
+ "name": "FlexLayout",
7662
+ "declaration": {
7663
+ "name": "FlexLayout",
7664
+ "module": "src/flex-layout/flex-layout.ts"
7665
+ }
7666
+ },
7667
+ {
7668
+ "kind": "js",
7669
+ "name": "zeroFlexLayout",
7670
+ "declaration": {
7671
+ "name": "zeroFlexLayout",
7672
+ "module": "src/flex-layout/flex-layout.ts"
7673
+ }
7674
+ }
7675
+ ]
7676
+ },
7677
+ {
7678
+ "kind": "javascript-module",
7679
+ "path": "src/flex-layout/index.ts",
7680
+ "declarations": [],
7681
+ "exports": [
7682
+ {
7683
+ "kind": "js",
7684
+ "name": "*",
7685
+ "declaration": {
7686
+ "name": "*",
7687
+ "package": "./flex-layout"
7688
+ }
7689
+ }
7690
+ ]
7691
+ },
7692
7692
  {
7693
7693
  "kind": "javascript-module",
7694
7694
  "path": "src/flipper/flipper.stories.ts",
@@ -7938,6 +7938,27 @@
7938
7938
  }
7939
7939
  ]
7940
7940
  },
7941
+ {
7942
+ "kind": "javascript-module",
7943
+ "path": "src/flyout/flyout.template.ts",
7944
+ "declarations": [
7945
+ {
7946
+ "kind": "variable",
7947
+ "name": "zeroFlyoutTemplate",
7948
+ "default": "html<Flyout>`\n ${getPrefixedFlyout('zero')}\n`"
7949
+ }
7950
+ ],
7951
+ "exports": [
7952
+ {
7953
+ "kind": "js",
7954
+ "name": "zeroFlyoutTemplate",
7955
+ "declaration": {
7956
+ "name": "zeroFlyoutTemplate",
7957
+ "module": "src/flyout/flyout.template.ts"
7958
+ }
7959
+ }
7960
+ ]
7961
+ },
7941
7962
  {
7942
7963
  "kind": "javascript-module",
7943
7964
  "path": "src/flyout/flyout.ts",
@@ -8141,10 +8162,10 @@
8141
8162
  },
8142
8163
  {
8143
8164
  "kind": "js",
8144
- "name": "zeroFlyoutTemplate",
8165
+ "name": "*",
8145
8166
  "declaration": {
8146
- "name": "foundationFlyoutTemplate",
8147
- "package": "@genesislcap/foundation-ui"
8167
+ "name": "*",
8168
+ "package": "./flyout.template"
8148
8169
  }
8149
8170
  }
8150
8171
  ]
package/dist/dts/base-components.d.ts CHANGED
@@ -136,12 +136,12 @@ export declare const baseComponents: {
136
136
  baseName: string;
137
137
  shadowOptions: ShadowRootInit;
138
138
  styles: import("@microsoft/fast-element").ElementStyles;
139
- template: import("@microsoft/fast-element").ViewTemplate<import("@genesislcap/foundation-ui").Flyout, any>;
139
+ template: import("@microsoft/fast-element").ViewTemplate<import("./flyout").Flyout, any>;
140
140
  }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
141
141
  baseName: string;
142
142
  shadowOptions: ShadowRootInit;
143
143
  styles: import("@microsoft/fast-element").ElementStyles;
144
- template: import("@microsoft/fast-element").ViewTemplate<import("@genesislcap/foundation-ui").Flyout, any>;
144
+ template: import("@microsoft/fast-element").ViewTemplate<import("./flyout").Flyout, any>;
145
145
  }, typeof import("./flyout").Flyout>;
146
146
  zeroGridLayout: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
147
147
  baseName: string;
package/dist/dts/flyout/flyout.d.ts CHANGED
@@ -17,11 +17,11 @@ export declare const zeroFlyout: (overrideDefinition?: import("@microsoft/fast-f
17
17
  baseName: string;
18
18
  shadowOptions: ShadowRootInit;
19
19
  styles: import("@microsoft/fast-element").ElementStyles;
20
- template: import("@microsoft/fast-element").ViewTemplate<FoundationFlyout, any>;
20
+ template: import("@microsoft/fast-element").ViewTemplate<Flyout, any>;
21
21
  }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
22
22
  baseName: string;
23
23
  shadowOptions: ShadowRootInit;
24
24
  styles: import("@microsoft/fast-element").ElementStyles;
25
- template: import("@microsoft/fast-element").ViewTemplate<FoundationFlyout, any>;
25
+ template: import("@microsoft/fast-element").ViewTemplate<Flyout, any>;
26
26
  }, typeof Flyout>;
27
27
  //# sourceMappingURL=flyout.d.ts.map
package/dist/dts/flyout/flyout.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"flyout.d.ts","sourceRoot":"","sources":["../../../src/flyout/flyout.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,IAAI,gBAAgB,EAG3B,MAAM,4BAA4B,CAAC;AAGpC,eAAO,MAAM,mBAAmB,IAAmB,CAAC;AAEpD,eAAO,MAAM,uBAAuB,gBAAgC,CAAC;AAErE;;GAEG;AACH,qBAAa,MAAO,SAAQ,gBAAgB;CAAG;AAE/C;;;;;;GAMG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;iBAMrB,CAAC"}
1
+ {"version":3,"file":"flyout.d.ts","sourceRoot":"","sources":["../../../src/flyout/flyout.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,IAAI,gBAAgB,EAE3B,MAAM,4BAA4B,CAAC;AAIpC,eAAO,MAAM,mBAAmB,IAAmB,CAAC;AAEpD,eAAO,MAAM,uBAAuB,gBAAgC,CAAC;AAErE;;GAEG;AACH,qBAAa,MAAO,SAAQ,gBAAgB;CAAG;AAE/C;;;;;;GAMG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;iBAMrB,CAAC"}
package/dist/dts/flyout/flyout.template.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { Flyout } from './flyout';
2
+ export declare const zeroFlyoutTemplate: import("@microsoft/fast-element").ViewTemplate<Flyout, any>;
3
+ //# sourceMappingURL=flyout.template.d.ts.map
package/dist/dts/flyout/flyout.template.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"flyout.template.d.ts","sourceRoot":"","sources":["../../../src/flyout/flyout.template.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,eAAO,MAAM,kBAAkB,6DAE9B,CAAC"}
package/dist/dts/flyout/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  export * from './flyout';
2
2
  export * from './flyout.styles';
3
- export { foundationFlyoutTemplate as zeroFlyoutTemplate } from '@genesislcap/foundation-ui';
3
+ export * from './flyout.template';
4
4
  //# sourceMappingURL=index.d.ts.map
package/dist/dts/flyout/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/flyout/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,wBAAwB,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/flyout/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC"}
package/dist/esm/flyout/flyout.js CHANGED
@@ -1,5 +1,6 @@
1
- import { defaultFlyoutConfig as foundationConfig, Flyout as FoundationFlyout, foundationFlyoutShadowOptions, foundationFlyoutTemplate as zeroFlyoutTemplate, } from '@genesislcap/foundation-ui';
1
+ import { defaultFlyoutConfig as foundationConfig, Flyout as FoundationFlyout, foundationFlyoutShadowOptions, } from '@genesislcap/foundation-ui';
2
2
  import { zeroFlyoutStyles } from './flyout.styles';
3
+ import { zeroFlyoutTemplate as template } from './flyout.template';
3
4
  export const defaultFlyoutConfig = foundationConfig;
4
5
  export const zeroFlyoutShadowOptions = foundationFlyoutShadowOptions;
5
6
  /**
@@ -14,4 +15,4 @@ export class Flyout extends FoundationFlyout {
14
15
  * @remarks
15
16
  * HTML Element: \<zero-flyout\>
16
17
  */
17
- export const zeroFlyout = Flyout.compose(Object.assign({ baseName: 'flyout', shadowOptions: zeroFlyoutShadowOptions, styles: zeroFlyoutStyles, template: zeroFlyoutTemplate }, defaultFlyoutConfig));
18
+ export const zeroFlyout = Flyout.compose(Object.assign({ baseName: 'flyout', shadowOptions: zeroFlyoutShadowOptions, styles: zeroFlyoutStyles, template }, defaultFlyoutConfig));
package/dist/esm/flyout/flyout.template.js ADDED
@@ -0,0 +1,5 @@
1
+ import { getPrefixedFlyout } from '@genesislcap/foundation-ui';
2
+ import { html } from '@microsoft/fast-element';
3
+ export const zeroFlyoutTemplate = html `
4
+ ${getPrefixedFlyout('zero')}
5
+ `;
package/dist/esm/flyout/index.js CHANGED
@@ -1,3 +1,3 @@
1
1
  export * from './flyout';
2
2
  export * from './flyout.styles';
3
- export { foundationFlyoutTemplate as zeroFlyoutTemplate } from '@genesislcap/foundation-ui';
3
+ export * from './flyout.template';
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.83.4",
4
+ "version": "14.83.5",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -65,7 +65,7 @@
65
65
  "storybook": "storybook dev -p 6006"
66
66
  },
67
67
  "devDependencies": {
68
- "@genesislcap/genx": "14.83.4",
68
+ "@genesislcap/genx": "14.83.5",
69
69
  "@storybook/addon-essentials": "^7.1.0",
70
70
  "@storybook/addon-links": "^7.1.0",
71
71
  "@storybook/addons": "^7.1.0",
@@ -78,10 +78,10 @@
78
78
  "storybook": "^7.1.0"
79
79
  },
80
80
  "dependencies": {
81
- "@genesislcap/foundation-comms": "14.83.4",
82
- "@genesislcap/foundation-logger": "14.83.4",
83
- "@genesislcap/foundation-ui": "14.83.4",
84
- "@genesislcap/foundation-utils": "14.83.4",
81
+ "@genesislcap/foundation-comms": "14.83.5",
82
+ "@genesislcap/foundation-logger": "14.83.5",
83
+ "@genesislcap/foundation-ui": "14.83.5",
84
+ "@genesislcap/foundation-utils": "14.83.5",
85
85
  "@microsoft/fast-colors": "^5.1.4",
86
86
  "@microsoft/fast-components": "^2.21.3",
87
87
  "@microsoft/fast-element": "^1.7.0",
@@ -98,5 +98,5 @@
98
98
  "access": "public"
99
99
  },
100
100
  "customElements": "dist/custom-elements.json",
101
- "gitHead": "9660d0aabe48fa3c9bc69fd134c687a4da570009"
101
+ "gitHead": "bf0fd995b40f8c4437fa26aa7e66deec457a8b00"
102
102
  }