@genesislcap/foundation-zero 14.79.2-alpha-ca658e8.0 → 14.80.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 (2) hide show
  1. package/dist/custom-elements.json +240 -240
  2. package/package.json +6 -6
package/dist/custom-elements.json CHANGED
@@ -645,6 +645,37 @@
645
645
  }
646
646
  ]
647
647
  },
648
+ {
649
+ "kind": "javascript-module",
650
+ "path": "src/_config/index.ts",
651
+ "declarations": [],
652
+ "exports": [
653
+ {
654
+ "kind": "js",
655
+ "name": "*",
656
+ "declaration": {
657
+ "name": "*",
658
+ "package": "./styles"
659
+ }
660
+ },
661
+ {
662
+ "kind": "js",
663
+ "name": "*",
664
+ "declaration": {
665
+ "name": "*",
666
+ "package": "./tokens"
667
+ }
668
+ },
669
+ {
670
+ "kind": "js",
671
+ "name": "*",
672
+ "declaration": {
673
+ "name": "*",
674
+ "package": "./values"
675
+ }
676
+ }
677
+ ]
678
+ },
648
679
  {
649
680
  "kind": "javascript-module",
650
681
  "path": "src/_common/colors.hex.ts",
@@ -784,37 +815,6 @@
784
815
  }
785
816
  ]
786
817
  },
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
- },
818
818
  {
819
819
  "kind": "javascript-module",
820
820
  "path": "src/accordion-item/accordion-item.styles.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",
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.79.2-alpha-ca658e8.0",
4
+ "version": "14.80.0",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -62,7 +62,7 @@
62
62
  "storybook": "storybook dev -p 6006"
63
63
  },
64
64
  "devDependencies": {
65
- "@genesislcap/genx": "14.79.2-alpha-ca658e8.0",
65
+ "@genesislcap/genx": "14.80.0",
66
66
  "@storybook/addon-essentials": "^7.1.0",
67
67
  "@storybook/addon-links": "^7.1.0",
68
68
  "@storybook/addons": "^7.1.0",
@@ -75,9 +75,9 @@
75
75
  "storybook": "^7.1.0"
76
76
  },
77
77
  "dependencies": {
78
- "@genesislcap/foundation-comms": "14.79.2-alpha-ca658e8.0",
79
- "@genesislcap/foundation-ui": "14.79.2-alpha-ca658e8.0",
80
- "@genesislcap/foundation-utils": "14.79.2-alpha-ca658e8.0",
78
+ "@genesislcap/foundation-comms": "14.80.0",
79
+ "@genesislcap/foundation-ui": "14.80.0",
80
+ "@genesislcap/foundation-utils": "14.80.0",
81
81
  "@microsoft/fast-colors": "^5.1.4",
82
82
  "@microsoft/fast-components": "^2.21.3",
83
83
  "@microsoft/fast-element": "^1.7.0",
@@ -94,5 +94,5 @@
94
94
  "access": "public"
95
95
  },
96
96
  "customElements": "dist/custom-elements.json",
97
- "gitHead": "661e12b401aacf5b3f1c11e50d4d22dbeda577d9"
97
+ "gitHead": "3d24e496108a7e41591df635302ab6ebe6d78169"
98
98
  }