@genesislcap/rapid-design-system 14.173.1 → 14.173.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 (2) hide show
  1. package/dist/custom-elements.json +787 -787
  2. package/package.json +10 -10
@@ -697,7 +697,13 @@
697
697
  },
698
698
  {
699
699
  "kind": "javascript-module",
700
- "path": "src/_config/index.ts",
700
+ "path": "src/_common/color.hex.ts",
701
+ "declarations": [],
702
+ "exports": []
703
+ },
704
+ {
705
+ "kind": "javascript-module",
706
+ "path": "src/_common/index.ts",
701
707
  "declarations": [],
702
708
  "exports": [
703
709
  {
@@ -705,28 +711,14 @@
705
711
  "name": "*",
706
712
  "declaration": {
707
713
  "name": "*",
708
- "package": "./tokens"
709
- }
710
- },
711
- {
712
- "kind": "js",
713
- "name": "*",
714
- "declaration": {
715
- "name": "*",
716
- "package": "./values"
714
+ "package": "./color.hex"
717
715
  }
718
716
  }
719
717
  ]
720
718
  },
721
719
  {
722
720
  "kind": "javascript-module",
723
- "path": "src/_common/color.hex.ts",
724
- "declarations": [],
725
- "exports": []
726
- },
727
- {
728
- "kind": "javascript-module",
729
- "path": "src/_common/index.ts",
721
+ "path": "src/_config/index.ts",
730
722
  "declarations": [],
731
723
  "exports": [
732
724
  {
@@ -734,7 +726,15 @@
734
726
  "name": "*",
735
727
  "declaration": {
736
728
  "name": "*",
737
- "package": "./color.hex"
729
+ "package": "./tokens"
730
+ }
731
+ },
732
+ {
733
+ "kind": "js",
734
+ "name": "*",
735
+ "declaration": {
736
+ "name": "*",
737
+ "package": "./values"
738
738
  }
739
739
  }
740
740
  ]
@@ -4294,7 +4294,7 @@
4294
4294
  },
4295
4295
  {
4296
4296
  "kind": "javascript-module",
4297
- "path": "src/badge/badge.stories.ts",
4297
+ "path": "src/banner/banner.stories.ts",
4298
4298
  "declarations": [
4299
4299
  {
4300
4300
  "kind": "variable",
@@ -4302,15 +4302,7 @@
4302
4302
  "type": {
4303
4303
  "text": "Meta"
4304
4304
  },
4305
- "default": "{\n title: 'Badge',\n component: 'rapid-badge',\n}"
4306
- },
4307
- {
4308
- "kind": "variable",
4309
- "name": "All",
4310
- "type": {
4311
- "text": "StoryObj"
4312
- },
4313
- "default": "{\n render: () => html`\n <div style=\"${wrapperStyle}\">\n ${repeat(\n badges,\n (item) => item,\n (item) => html`\n <rapid-badge fill=\"${item}\" color=\"text\">Rapid Badge</rapid-badge>\n `,\n )}\n </div>\n `,\n}"
4305
+ "default": "{\n title: 'Banner',\n component: 'rapid-banner',\n}"
4314
4306
  },
4315
4307
  {
4316
4308
  "kind": "variable",
@@ -4318,15 +4310,7 @@
4318
4310
  "type": {
4319
4311
  "text": "StoryObj"
4320
4312
  },
4321
- "default": "{\n args: {\n fill: 'primary',\n badgeText: 'Rapid Badge',\n badgeText2: '12',\n },\n argTypes: {\n fill: {\n control: 'select',\n options: badges,\n },\n },\n render: ({ fill, badgeText, badgeText2 }) => html`\n <div style=\"${wrapperStyle}\">\n <rapid-badge fill=\"${fill}\" color=\"text\">${badgeText}</rapid-badge>\n <rapid-badge fill=\"${fill}\" color=\"text\">${badgeText2}</rapid-badge>\n </div>\n `,\n}"
4322
- },
4323
- {
4324
- "kind": "variable",
4325
- "name": "Neutral",
4326
- "type": {
4327
- "text": "StoryObj"
4328
- },
4329
- "default": "{\n args: {\n fill: 'neutral',\n badgeText: 'Rapid Badge',\n badgeText2: '12',\n },\n argTypes: {\n fill: {\n control: 'select',\n options: badges,\n },\n },\n render: ({ fill, badgeText, badgeText2 }) => html`\n <div style=\"${wrapperStyle}\">\n <rapid-badge fill=\"${fill}\" color=\"text\">${badgeText}</rapid-badge>\n <rapid-badge fill=\"${fill}\" color=\"text\">${badgeText2}</rapid-badge>\n </div>\n `,\n}"
4313
+ "default": "{\n args: {\n notifyText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n bannerText: ` Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet.\n Lorem, ipsum dolor.`,\n actionIgnoreActionText: 'Ignore',\n actionDemoText: 'Diagnose',\n actionButtonAppearance: 'link',\n },\n argTypes: {\n actionButtonAppearance: {\n control: 'select',\n options: ['primary', 'primary-outline', 'neutral', 'neutral-outline', 'link'],\n },\n },\n render: ({\n bannerText,\n notifyText,\n actionButtonAppearance,\n actionIgnoreActionText,\n actionDemoText,\n }) => html`\n <div style=\"display: flex; flex-direction: column; color: var(--neutral-foreground-rest)\">\n <h5>Banner with slots</h5>\n <rapid-banner id=\"banner\">\n <div slot=\"content\">${bannerText}</div>\n <rapid-button slot=\"action\" @click=\"${ignoreClick}\" appearance=\"${actionButtonAppearance}\">\n ${actionIgnoreActionText}\n </rapid-button>\n <rapid-button slot=\"action\" appearance=\"${actionButtonAppearance}\">\n ${actionDemoText}\n </rapid-button>\n </rapid-banner>\n <h5>Empty Banner</h5>\n <rapid-banner></rapid-banner>\n <div id=\"rapid-banner\" style=\"width: 100%;\">\n <rapid-button style=\"margin-bottom: 12px;\" @click=\"${() => showNotify(notifyText)}\">\n Show Rapid Banner - Notification Structure\n </rapid-button>\n </div>\n </div>\n `,\n}"
4330
4314
  }
4331
4315
  ],
4332
4316
  "exports": [
@@ -4335,15 +4319,7 @@
4335
4319
  "name": "default",
4336
4320
  "declaration": {
4337
4321
  "name": "meta",
4338
- "module": "src/badge/badge.stories.ts"
4339
- }
4340
- },
4341
- {
4342
- "kind": "js",
4343
- "name": "All",
4344
- "declaration": {
4345
- "name": "All",
4346
- "module": "src/badge/badge.stories.ts"
4322
+ "module": "src/banner/banner.stories.ts"
4347
4323
  }
4348
4324
  },
4349
4325
  {
@@ -4351,195 +4327,110 @@
4351
4327
  "name": "Primary",
4352
4328
  "declaration": {
4353
4329
  "name": "Primary",
4354
- "module": "src/badge/badge.stories.ts"
4355
- }
4356
- },
4357
- {
4358
- "kind": "js",
4359
- "name": "Neutral",
4360
- "declaration": {
4361
- "name": "Neutral",
4362
- "module": "src/badge/badge.stories.ts"
4330
+ "module": "src/banner/banner.stories.ts"
4363
4331
  }
4364
4332
  }
4365
4333
  ]
4366
4334
  },
4367
4335
  {
4368
4336
  "kind": "javascript-module",
4369
- "path": "src/badge/badge.styles.ts",
4337
+ "path": "src/banner/banner.styles.ts",
4370
4338
  "declarations": [
4371
4339
  {
4372
- "kind": "function",
4373
- "name": "rapidBadgeStyles",
4374
- "return": {
4375
- "type": {
4376
- "text": "ElementStyles"
4377
- }
4378
- },
4379
- "parameters": [
4380
- {
4381
- "name": "context",
4382
- "type": {
4383
- "text": "ElementDefinitionContext"
4384
- }
4385
- },
4386
- {
4387
- "name": "definition",
4388
- "type": {
4389
- "text": "FoundationElementDefinition"
4390
- }
4391
- }
4392
- ]
4340
+ "kind": "variable",
4341
+ "name": "rapidBannerStyles",
4342
+ "default": "css`\n ${foundationBannerStyles}\n :host {\n --banner-height: calc(\n ((var(--design-unit) + 2) * var(--base-height-multiplier)) +\n (var(--design-unit) * var(--design-unit)) * 1px\n );\n }\n\n .banner {\n background-color: var(--neutral-layer-1);\n color: var(--neutral-foreground-rest);\n padding: calc(var(--design-unit) * 4px);\n }\n\n .content {\n font-size: var(--type-ramp-base-font-size);\n font-family: var(--body-font);\n line-height: var(--type-ramp-base-line-height);\n }\n`"
4393
4343
  }
4394
4344
  ],
4395
4345
  "exports": [
4396
4346
  {
4397
4347
  "kind": "js",
4398
- "name": "rapidBadgeStyles",
4348
+ "name": "rapidBannerStyles",
4399
4349
  "declaration": {
4400
- "name": "rapidBadgeStyles",
4401
- "module": "src/badge/badge.styles.ts"
4350
+ "name": "rapidBannerStyles",
4351
+ "module": "src/banner/banner.styles.ts"
4402
4352
  }
4403
4353
  }
4404
4354
  ]
4405
4355
  },
4406
4356
  {
4407
4357
  "kind": "javascript-module",
4408
- "path": "src/badge/badge.template.ts",
4358
+ "path": "src/banner/banner.ts",
4409
4359
  "declarations": [
4410
4360
  {
4411
- "kind": "function",
4412
- "name": "rapidBadgeTemplate",
4413
- "return": {
4414
- "type": {
4415
- "text": "ViewTemplate<Badge>"
4416
- }
4417
- },
4418
- "parameters": [
4419
- {
4420
- "name": "context",
4421
- "type": {
4422
- "text": "ElementDefinitionContext"
4423
- }
4424
- },
4425
- {
4426
- "name": "definition",
4427
- "type": {
4428
- "text": "FoundationElementDefinition"
4429
- }
4430
- }
4431
- ]
4432
- }
4433
- ],
4434
- "exports": [
4435
- {
4436
- "kind": "js",
4437
- "name": "rapidBadgeTemplate",
4438
- "declaration": {
4439
- "name": "rapidBadgeTemplate",
4440
- "module": "src/badge/badge.template.ts"
4441
- }
4442
- }
4443
- ]
4444
- },
4445
- {
4446
- "kind": "javascript-module",
4447
- "path": "src/badge/badge.ts",
4448
- "declarations": [
4361
+ "kind": "variable",
4362
+ "name": "rapidBannerShadowOptions",
4363
+ "default": "foundationBannerShadowOptions"
4364
+ },
4449
4365
  {
4450
4366
  "kind": "class",
4451
4367
  "description": "",
4452
- "name": "Badge",
4368
+ "name": "Banner",
4453
4369
  "superclass": {
4454
- "name": "FoundationBadge",
4370
+ "name": "FoundationBanner",
4455
4371
  "package": "@genesislcap/foundation-ui"
4456
4372
  },
4457
- "tagName": "%%prefix%%-badge",
4373
+ "tagName": "%%prefix%%-banner",
4458
4374
  "customElement": true,
4459
- "attributes": [
4460
- {
4461
- "name": "fill",
4462
- "type": {
4463
- "text": "string"
4464
- },
4465
- "description": "Indicates the badge should have a filled style.",
4466
- "fieldName": "fill",
4467
- "inheritedFrom": {
4468
- "name": "Badge",
4469
- "module": "src/badge/badge.ts"
4470
- }
4471
- },
4375
+ "members": [
4472
4376
  {
4473
- "name": "color",
4377
+ "kind": "field",
4378
+ "name": "banner",
4474
4379
  "type": {
4475
- "text": "string"
4380
+ "text": "HTMLElement"
4476
4381
  },
4477
- "description": "Indicates the badge should have a filled style.",
4478
- "fieldName": "color",
4382
+ "privacy": "public",
4479
4383
  "inheritedFrom": {
4480
- "name": "Badge",
4481
- "module": "src/badge/badge.ts"
4384
+ "name": "Banner",
4385
+ "module": "src/banner/banner.ts"
4482
4386
  }
4483
4387
  },
4484
- {
4485
- "type": {
4486
- "text": "boolean"
4487
- },
4488
- "description": "Indicates the element should be circular",
4489
- "fieldName": "circular",
4490
- "inheritedFrom": {
4491
- "name": "Badge",
4492
- "module": "src/badge/badge.ts"
4493
- }
4494
- }
4495
- ],
4496
- "members": [
4497
4388
  {
4498
4389
  "kind": "field",
4499
- "name": "fill",
4390
+ "name": "dismissAnimation",
4500
4391
  "type": {
4501
- "text": "string"
4392
+ "text": "'banner-delete' | ''"
4502
4393
  },
4503
- "privacy": "public",
4504
- "description": "Indicates the badge should have a filled style.",
4394
+ "default": "''",
4505
4395
  "inheritedFrom": {
4506
- "name": "Badge",
4507
- "module": "src/badge/badge.ts"
4396
+ "name": "Banner",
4397
+ "module": "src/banner/banner.ts"
4508
4398
  }
4509
4399
  },
4510
4400
  {
4511
4401
  "kind": "field",
4512
- "name": "color",
4402
+ "name": "notification",
4513
4403
  "type": {
4514
- "text": "string"
4404
+ "text": "NotificationStructure"
4515
4405
  },
4516
- "privacy": "public",
4517
- "description": "Indicates the badge should have a filled style.",
4518
4406
  "inheritedFrom": {
4519
- "name": "Badge",
4520
- "module": "src/badge/badge.ts"
4407
+ "name": "Banner",
4408
+ "module": "src/banner/banner.ts"
4521
4409
  }
4522
4410
  },
4523
4411
  {
4524
- "kind": "field",
4525
- "name": "circular",
4526
- "type": {
4527
- "text": "boolean"
4528
- },
4412
+ "kind": "method",
4413
+ "name": "dismiss",
4529
4414
  "privacy": "public",
4530
- "description": "Indicates the element should be circular",
4415
+ "return": {
4416
+ "type": {
4417
+ "text": "Promise<void>"
4418
+ }
4419
+ },
4420
+ "description": "Dismiss the Banner from display.",
4531
4421
  "inheritedFrom": {
4532
- "name": "Badge",
4533
- "module": "src/badge/badge.ts"
4422
+ "name": "Banner",
4423
+ "module": "src/banner/banner.ts"
4534
4424
  }
4535
4425
  },
4536
4426
  {
4537
- "kind": "field",
4538
- "name": "generateBadgeStyle",
4427
+ "kind": "method",
4428
+ "name": "dismissNotification",
4539
4429
  "privacy": "public",
4430
+ "description": "Dismiss the Banner (NotificationStructure) from display.",
4540
4431
  "inheritedFrom": {
4541
- "name": "Badge",
4542
- "module": "src/badge/badge.ts"
4432
+ "name": "Banner",
4433
+ "module": "src/banner/banner.ts"
4543
4434
  }
4544
4435
  },
4545
4436
  {
@@ -4551,8 +4442,8 @@
4551
4442
  "privacy": "private",
4552
4443
  "default": "void 0",
4553
4444
  "inheritedFrom": {
4554
- "name": "Badge",
4555
- "module": "src/badge/badge.ts"
4445
+ "name": "FoundationElement",
4446
+ "module": "src/foundation-element/foundation-element.ts"
4556
4447
  }
4557
4448
  },
4558
4449
  {
@@ -4564,8 +4455,8 @@
4564
4455
  "privacy": "public",
4565
4456
  "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
4566
4457
  "inheritedFrom": {
4567
- "name": "Badge",
4568
- "module": "src/badge/badge.ts"
4458
+ "name": "FoundationElement",
4459
+ "module": "src/foundation-element/foundation-element.ts"
4569
4460
  }
4570
4461
  },
4571
4462
  {
@@ -4577,8 +4468,8 @@
4577
4468
  "privacy": "public",
4578
4469
  "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.",
4579
4470
  "inheritedFrom": {
4580
- "name": "Badge",
4581
- "module": "src/badge/badge.ts"
4471
+ "name": "FoundationElement",
4472
+ "module": "src/foundation-element/foundation-element.ts"
4582
4473
  }
4583
4474
  },
4584
4475
  {
@@ -4591,8 +4482,8 @@
4591
4482
  }
4592
4483
  },
4593
4484
  "inheritedFrom": {
4594
- "name": "Badge",
4595
- "module": "src/badge/badge.ts"
4485
+ "name": "FoundationElement",
4486
+ "module": "src/foundation-element/foundation-element.ts"
4596
4487
  }
4597
4488
  },
4598
4489
  {
@@ -4604,8 +4495,8 @@
4604
4495
  "privacy": "public",
4605
4496
  "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.",
4606
4497
  "inheritedFrom": {
4607
- "name": "Badge",
4608
- "module": "src/badge/badge.ts"
4498
+ "name": "FoundationElement",
4499
+ "module": "src/foundation-element/foundation-element.ts"
4609
4500
  }
4610
4501
  },
4611
4502
  {
@@ -4618,8 +4509,8 @@
4618
4509
  }
4619
4510
  },
4620
4511
  "inheritedFrom": {
4621
- "name": "Badge",
4622
- "module": "src/badge/badge.ts"
4512
+ "name": "FoundationElement",
4513
+ "module": "src/foundation-element/foundation-element.ts"
4623
4514
  }
4624
4515
  },
4625
4516
  {
@@ -4649,47 +4540,57 @@
4649
4540
  ],
4650
4541
  "description": "Defines an element registry function with a set of element definition defaults.",
4651
4542
  "inheritedFrom": {
4652
- "name": "Badge",
4653
- "module": "src/badge/badge.ts"
4543
+ "name": "FoundationElement",
4544
+ "module": "src/foundation-element/foundation-element.ts"
4654
4545
  }
4655
4546
  }
4656
4547
  ]
4657
4548
  },
4658
4549
  {
4659
4550
  "kind": "variable",
4660
- "name": "rapidBadge"
4551
+ "name": "rapidBanner",
4552
+ "description": "The Rapid Banner",
4553
+ "privacy": "public"
4661
4554
  }
4662
4555
  ],
4663
4556
  "exports": [
4664
4557
  {
4665
4558
  "kind": "js",
4666
- "name": "Badge",
4559
+ "name": "rapidBannerShadowOptions",
4667
4560
  "declaration": {
4668
- "name": "Badge",
4669
- "module": "src/badge/badge.ts"
4561
+ "name": "rapidBannerShadowOptions",
4562
+ "module": "src/banner/banner.ts"
4670
4563
  }
4671
4564
  },
4672
4565
  {
4673
4566
  "kind": "js",
4674
- "name": "rapidBadge",
4567
+ "name": "Banner",
4675
4568
  "declaration": {
4676
- "name": "rapidBadge",
4677
- "module": "src/badge/badge.ts"
4569
+ "name": "Banner",
4570
+ "module": "src/banner/banner.ts"
4571
+ }
4572
+ },
4573
+ {
4574
+ "kind": "js",
4575
+ "name": "rapidBanner",
4576
+ "declaration": {
4577
+ "name": "rapidBanner",
4578
+ "module": "src/banner/banner.ts"
4678
4579
  }
4679
4580
  }
4680
4581
  ]
4681
4582
  },
4682
4583
  {
4683
4584
  "kind": "javascript-module",
4684
- "path": "src/badge/index.ts",
4585
+ "path": "src/banner/index.ts",
4685
4586
  "declarations": [],
4686
4587
  "exports": [
4687
4588
  {
4688
4589
  "kind": "js",
4689
- "name": "*",
4590
+ "name": "rapidBannerTemplate",
4690
4591
  "declaration": {
4691
- "name": "*",
4692
- "package": "./badge"
4592
+ "name": "foundationBannerTemplate",
4593
+ "package": "@genesislcap/foundation-ui"
4693
4594
  }
4694
4595
  },
4695
4596
  {
@@ -4697,7 +4598,7 @@
4697
4598
  "name": "*",
4698
4599
  "declaration": {
4699
4600
  "name": "*",
4700
- "package": "./badge.styles"
4601
+ "package": "./banner"
4701
4602
  }
4702
4603
  },
4703
4604
  {
@@ -4705,14 +4606,14 @@
4705
4606
  "name": "*",
4706
4607
  "declaration": {
4707
4608
  "name": "*",
4708
- "package": "./badge.template"
4609
+ "package": "./banner.styles"
4709
4610
  }
4710
4611
  }
4711
4612
  ]
4712
4613
  },
4713
4614
  {
4714
4615
  "kind": "javascript-module",
4715
- "path": "src/banner/banner.stories.ts",
4616
+ "path": "src/badge/badge.stories.ts",
4716
4617
  "declarations": [
4717
4618
  {
4718
4619
  "kind": "variable",
@@ -4720,7 +4621,15 @@
4720
4621
  "type": {
4721
4622
  "text": "Meta"
4722
4623
  },
4723
- "default": "{\n title: 'Banner',\n component: 'rapid-banner',\n}"
4624
+ "default": "{\n title: 'Badge',\n component: 'rapid-badge',\n}"
4625
+ },
4626
+ {
4627
+ "kind": "variable",
4628
+ "name": "All",
4629
+ "type": {
4630
+ "text": "StoryObj"
4631
+ },
4632
+ "default": "{\n render: () => html`\n <div style=\"${wrapperStyle}\">\n ${repeat(\n badges,\n (item) => item,\n (item) => html`\n <rapid-badge fill=\"${item}\" color=\"text\">Rapid Badge</rapid-badge>\n `,\n )}\n </div>\n `,\n}"
4724
4633
  },
4725
4634
  {
4726
4635
  "kind": "variable",
@@ -4728,7 +4637,15 @@
4728
4637
  "type": {
4729
4638
  "text": "StoryObj"
4730
4639
  },
4731
- "default": "{\n args: {\n notifyText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n bannerText: ` Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet.\n Lorem, ipsum dolor.`,\n actionIgnoreActionText: 'Ignore',\n actionDemoText: 'Diagnose',\n actionButtonAppearance: 'link',\n },\n argTypes: {\n actionButtonAppearance: {\n control: 'select',\n options: ['primary', 'primary-outline', 'neutral', 'neutral-outline', 'link'],\n },\n },\n render: ({\n bannerText,\n notifyText,\n actionButtonAppearance,\n actionIgnoreActionText,\n actionDemoText,\n }) => html`\n <div style=\"display: flex; flex-direction: column; color: var(--neutral-foreground-rest)\">\n <h5>Banner with slots</h5>\n <rapid-banner id=\"banner\">\n <div slot=\"content\">${bannerText}</div>\n <rapid-button slot=\"action\" @click=\"${ignoreClick}\" appearance=\"${actionButtonAppearance}\">\n ${actionIgnoreActionText}\n </rapid-button>\n <rapid-button slot=\"action\" appearance=\"${actionButtonAppearance}\">\n ${actionDemoText}\n </rapid-button>\n </rapid-banner>\n <h5>Empty Banner</h5>\n <rapid-banner></rapid-banner>\n <div id=\"rapid-banner\" style=\"width: 100%;\">\n <rapid-button style=\"margin-bottom: 12px;\" @click=\"${() => showNotify(notifyText)}\">\n Show Rapid Banner - Notification Structure\n </rapid-button>\n </div>\n </div>\n `,\n}"
4640
+ "default": "{\n args: {\n fill: 'primary',\n badgeText: 'Rapid Badge',\n badgeText2: '12',\n },\n argTypes: {\n fill: {\n control: 'select',\n options: badges,\n },\n },\n render: ({ fill, badgeText, badgeText2 }) => html`\n <div style=\"${wrapperStyle}\">\n <rapid-badge fill=\"${fill}\" color=\"text\">${badgeText}</rapid-badge>\n <rapid-badge fill=\"${fill}\" color=\"text\">${badgeText2}</rapid-badge>\n </div>\n `,\n}"
4641
+ },
4642
+ {
4643
+ "kind": "variable",
4644
+ "name": "Neutral",
4645
+ "type": {
4646
+ "text": "StoryObj"
4647
+ },
4648
+ "default": "{\n args: {\n fill: 'neutral',\n badgeText: 'Rapid Badge',\n badgeText2: '12',\n },\n argTypes: {\n fill: {\n control: 'select',\n options: badges,\n },\n },\n render: ({ fill, badgeText, badgeText2 }) => html`\n <div style=\"${wrapperStyle}\">\n <rapid-badge fill=\"${fill}\" color=\"text\">${badgeText}</rapid-badge>\n <rapid-badge fill=\"${fill}\" color=\"text\">${badgeText2}</rapid-badge>\n </div>\n `,\n}"
4732
4649
  }
4733
4650
  ],
4734
4651
  "exports": [
@@ -4737,7 +4654,15 @@
4737
4654
  "name": "default",
4738
4655
  "declaration": {
4739
4656
  "name": "meta",
4740
- "module": "src/banner/banner.stories.ts"
4657
+ "module": "src/badge/badge.stories.ts"
4658
+ }
4659
+ },
4660
+ {
4661
+ "kind": "js",
4662
+ "name": "All",
4663
+ "declaration": {
4664
+ "name": "All",
4665
+ "module": "src/badge/badge.stories.ts"
4741
4666
  }
4742
4667
  },
4743
4668
  {
@@ -4745,110 +4670,195 @@
4745
4670
  "name": "Primary",
4746
4671
  "declaration": {
4747
4672
  "name": "Primary",
4748
- "module": "src/banner/banner.stories.ts"
4673
+ "module": "src/badge/badge.stories.ts"
4674
+ }
4675
+ },
4676
+ {
4677
+ "kind": "js",
4678
+ "name": "Neutral",
4679
+ "declaration": {
4680
+ "name": "Neutral",
4681
+ "module": "src/badge/badge.stories.ts"
4749
4682
  }
4750
4683
  }
4751
4684
  ]
4752
4685
  },
4753
4686
  {
4754
4687
  "kind": "javascript-module",
4755
- "path": "src/banner/banner.styles.ts",
4688
+ "path": "src/badge/badge.styles.ts",
4756
4689
  "declarations": [
4757
4690
  {
4758
- "kind": "variable",
4759
- "name": "rapidBannerStyles",
4760
- "default": "css`\n ${foundationBannerStyles}\n :host {\n --banner-height: calc(\n ((var(--design-unit) + 2) * var(--base-height-multiplier)) +\n (var(--design-unit) * var(--design-unit)) * 1px\n );\n }\n\n .banner {\n background-color: var(--neutral-layer-1);\n color: var(--neutral-foreground-rest);\n padding: calc(var(--design-unit) * 4px);\n }\n\n .content {\n font-size: var(--type-ramp-base-font-size);\n font-family: var(--body-font);\n line-height: var(--type-ramp-base-line-height);\n }\n`"
4691
+ "kind": "function",
4692
+ "name": "rapidBadgeStyles",
4693
+ "return": {
4694
+ "type": {
4695
+ "text": "ElementStyles"
4696
+ }
4697
+ },
4698
+ "parameters": [
4699
+ {
4700
+ "name": "context",
4701
+ "type": {
4702
+ "text": "ElementDefinitionContext"
4703
+ }
4704
+ },
4705
+ {
4706
+ "name": "definition",
4707
+ "type": {
4708
+ "text": "FoundationElementDefinition"
4709
+ }
4710
+ }
4711
+ ]
4761
4712
  }
4762
4713
  ],
4763
4714
  "exports": [
4764
4715
  {
4765
4716
  "kind": "js",
4766
- "name": "rapidBannerStyles",
4717
+ "name": "rapidBadgeStyles",
4767
4718
  "declaration": {
4768
- "name": "rapidBannerStyles",
4769
- "module": "src/banner/banner.styles.ts"
4719
+ "name": "rapidBadgeStyles",
4720
+ "module": "src/badge/badge.styles.ts"
4770
4721
  }
4771
4722
  }
4772
4723
  ]
4773
4724
  },
4774
4725
  {
4775
4726
  "kind": "javascript-module",
4776
- "path": "src/banner/banner.ts",
4727
+ "path": "src/badge/badge.template.ts",
4777
4728
  "declarations": [
4778
4729
  {
4779
- "kind": "variable",
4780
- "name": "rapidBannerShadowOptions",
4781
- "default": "foundationBannerShadowOptions"
4782
- },
4730
+ "kind": "function",
4731
+ "name": "rapidBadgeTemplate",
4732
+ "return": {
4733
+ "type": {
4734
+ "text": "ViewTemplate<Badge>"
4735
+ }
4736
+ },
4737
+ "parameters": [
4738
+ {
4739
+ "name": "context",
4740
+ "type": {
4741
+ "text": "ElementDefinitionContext"
4742
+ }
4743
+ },
4744
+ {
4745
+ "name": "definition",
4746
+ "type": {
4747
+ "text": "FoundationElementDefinition"
4748
+ }
4749
+ }
4750
+ ]
4751
+ }
4752
+ ],
4753
+ "exports": [
4754
+ {
4755
+ "kind": "js",
4756
+ "name": "rapidBadgeTemplate",
4757
+ "declaration": {
4758
+ "name": "rapidBadgeTemplate",
4759
+ "module": "src/badge/badge.template.ts"
4760
+ }
4761
+ }
4762
+ ]
4763
+ },
4764
+ {
4765
+ "kind": "javascript-module",
4766
+ "path": "src/badge/badge.ts",
4767
+ "declarations": [
4783
4768
  {
4784
4769
  "kind": "class",
4785
4770
  "description": "",
4786
- "name": "Banner",
4771
+ "name": "Badge",
4787
4772
  "superclass": {
4788
- "name": "FoundationBanner",
4773
+ "name": "FoundationBadge",
4789
4774
  "package": "@genesislcap/foundation-ui"
4790
4775
  },
4791
- "tagName": "%%prefix%%-banner",
4776
+ "tagName": "%%prefix%%-badge",
4792
4777
  "customElement": true,
4793
- "members": [
4778
+ "attributes": [
4794
4779
  {
4795
- "kind": "field",
4796
- "name": "banner",
4780
+ "name": "fill",
4797
4781
  "type": {
4798
- "text": "HTMLElement"
4782
+ "text": "string"
4799
4783
  },
4800
- "privacy": "public",
4784
+ "description": "Indicates the badge should have a filled style.",
4785
+ "fieldName": "fill",
4801
4786
  "inheritedFrom": {
4802
- "name": "Banner",
4803
- "module": "src/banner/banner.ts"
4787
+ "name": "Badge",
4788
+ "module": "src/badge/badge.ts"
4804
4789
  }
4805
4790
  },
4806
4791
  {
4807
- "kind": "field",
4808
- "name": "dismissAnimation",
4792
+ "name": "color",
4809
4793
  "type": {
4810
- "text": "'banner-delete' | ''"
4794
+ "text": "string"
4811
4795
  },
4812
- "default": "''",
4796
+ "description": "Indicates the badge should have a filled style.",
4797
+ "fieldName": "color",
4813
4798
  "inheritedFrom": {
4814
- "name": "Banner",
4815
- "module": "src/banner/banner.ts"
4799
+ "name": "Badge",
4800
+ "module": "src/badge/badge.ts"
4816
4801
  }
4817
4802
  },
4803
+ {
4804
+ "type": {
4805
+ "text": "boolean"
4806
+ },
4807
+ "description": "Indicates the element should be circular",
4808
+ "fieldName": "circular",
4809
+ "inheritedFrom": {
4810
+ "name": "Badge",
4811
+ "module": "src/badge/badge.ts"
4812
+ }
4813
+ }
4814
+ ],
4815
+ "members": [
4818
4816
  {
4819
4817
  "kind": "field",
4820
- "name": "notification",
4818
+ "name": "fill",
4821
4819
  "type": {
4822
- "text": "NotificationStructure"
4820
+ "text": "string"
4823
4821
  },
4822
+ "privacy": "public",
4823
+ "description": "Indicates the badge should have a filled style.",
4824
4824
  "inheritedFrom": {
4825
- "name": "Banner",
4826
- "module": "src/banner/banner.ts"
4825
+ "name": "Badge",
4826
+ "module": "src/badge/badge.ts"
4827
4827
  }
4828
4828
  },
4829
4829
  {
4830
- "kind": "method",
4831
- "name": "dismiss",
4830
+ "kind": "field",
4831
+ "name": "color",
4832
+ "type": {
4833
+ "text": "string"
4834
+ },
4832
4835
  "privacy": "public",
4833
- "return": {
4834
- "type": {
4835
- "text": "Promise<void>"
4836
- }
4836
+ "description": "Indicates the badge should have a filled style.",
4837
+ "inheritedFrom": {
4838
+ "name": "Badge",
4839
+ "module": "src/badge/badge.ts"
4840
+ }
4841
+ },
4842
+ {
4843
+ "kind": "field",
4844
+ "name": "circular",
4845
+ "type": {
4846
+ "text": "boolean"
4837
4847
  },
4838
- "description": "Dismiss the Banner from display.",
4848
+ "privacy": "public",
4849
+ "description": "Indicates the element should be circular",
4839
4850
  "inheritedFrom": {
4840
- "name": "Banner",
4841
- "module": "src/banner/banner.ts"
4851
+ "name": "Badge",
4852
+ "module": "src/badge/badge.ts"
4842
4853
  }
4843
4854
  },
4844
4855
  {
4845
- "kind": "method",
4846
- "name": "dismissNotification",
4856
+ "kind": "field",
4857
+ "name": "generateBadgeStyle",
4847
4858
  "privacy": "public",
4848
- "description": "Dismiss the Banner (NotificationStructure) from display.",
4849
4859
  "inheritedFrom": {
4850
- "name": "Banner",
4851
- "module": "src/banner/banner.ts"
4860
+ "name": "Badge",
4861
+ "module": "src/badge/badge.ts"
4852
4862
  }
4853
4863
  },
4854
4864
  {
@@ -4860,8 +4870,8 @@
4860
4870
  "privacy": "private",
4861
4871
  "default": "void 0",
4862
4872
  "inheritedFrom": {
4863
- "name": "FoundationElement",
4864
- "module": "src/foundation-element/foundation-element.ts"
4873
+ "name": "Badge",
4874
+ "module": "src/badge/badge.ts"
4865
4875
  }
4866
4876
  },
4867
4877
  {
@@ -4873,8 +4883,8 @@
4873
4883
  "privacy": "public",
4874
4884
  "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
4875
4885
  "inheritedFrom": {
4876
- "name": "FoundationElement",
4877
- "module": "src/foundation-element/foundation-element.ts"
4886
+ "name": "Badge",
4887
+ "module": "src/badge/badge.ts"
4878
4888
  }
4879
4889
  },
4880
4890
  {
@@ -4886,8 +4896,8 @@
4886
4896
  "privacy": "public",
4887
4897
  "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.",
4888
4898
  "inheritedFrom": {
4889
- "name": "FoundationElement",
4890
- "module": "src/foundation-element/foundation-element.ts"
4899
+ "name": "Badge",
4900
+ "module": "src/badge/badge.ts"
4891
4901
  }
4892
4902
  },
4893
4903
  {
@@ -4900,8 +4910,8 @@
4900
4910
  }
4901
4911
  },
4902
4912
  "inheritedFrom": {
4903
- "name": "FoundationElement",
4904
- "module": "src/foundation-element/foundation-element.ts"
4913
+ "name": "Badge",
4914
+ "module": "src/badge/badge.ts"
4905
4915
  }
4906
4916
  },
4907
4917
  {
@@ -4913,8 +4923,8 @@
4913
4923
  "privacy": "public",
4914
4924
  "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.",
4915
4925
  "inheritedFrom": {
4916
- "name": "FoundationElement",
4917
- "module": "src/foundation-element/foundation-element.ts"
4926
+ "name": "Badge",
4927
+ "module": "src/badge/badge.ts"
4918
4928
  }
4919
4929
  },
4920
4930
  {
@@ -4927,8 +4937,8 @@
4927
4937
  }
4928
4938
  },
4929
4939
  "inheritedFrom": {
4930
- "name": "FoundationElement",
4931
- "module": "src/foundation-element/foundation-element.ts"
4940
+ "name": "Badge",
4941
+ "module": "src/badge/badge.ts"
4932
4942
  }
4933
4943
  },
4934
4944
  {
@@ -4958,57 +4968,47 @@
4958
4968
  ],
4959
4969
  "description": "Defines an element registry function with a set of element definition defaults.",
4960
4970
  "inheritedFrom": {
4961
- "name": "FoundationElement",
4962
- "module": "src/foundation-element/foundation-element.ts"
4971
+ "name": "Badge",
4972
+ "module": "src/badge/badge.ts"
4963
4973
  }
4964
4974
  }
4965
4975
  ]
4966
4976
  },
4967
4977
  {
4968
4978
  "kind": "variable",
4969
- "name": "rapidBanner",
4970
- "description": "The Rapid Banner",
4971
- "privacy": "public"
4979
+ "name": "rapidBadge"
4972
4980
  }
4973
4981
  ],
4974
4982
  "exports": [
4975
4983
  {
4976
4984
  "kind": "js",
4977
- "name": "rapidBannerShadowOptions",
4978
- "declaration": {
4979
- "name": "rapidBannerShadowOptions",
4980
- "module": "src/banner/banner.ts"
4981
- }
4982
- },
4983
- {
4984
- "kind": "js",
4985
- "name": "Banner",
4985
+ "name": "Badge",
4986
4986
  "declaration": {
4987
- "name": "Banner",
4988
- "module": "src/banner/banner.ts"
4987
+ "name": "Badge",
4988
+ "module": "src/badge/badge.ts"
4989
4989
  }
4990
4990
  },
4991
4991
  {
4992
4992
  "kind": "js",
4993
- "name": "rapidBanner",
4993
+ "name": "rapidBadge",
4994
4994
  "declaration": {
4995
- "name": "rapidBanner",
4996
- "module": "src/banner/banner.ts"
4995
+ "name": "rapidBadge",
4996
+ "module": "src/badge/badge.ts"
4997
4997
  }
4998
4998
  }
4999
4999
  ]
5000
5000
  },
5001
5001
  {
5002
5002
  "kind": "javascript-module",
5003
- "path": "src/banner/index.ts",
5003
+ "path": "src/badge/index.ts",
5004
5004
  "declarations": [],
5005
5005
  "exports": [
5006
5006
  {
5007
5007
  "kind": "js",
5008
- "name": "rapidBannerTemplate",
5008
+ "name": "*",
5009
5009
  "declaration": {
5010
- "name": "foundationBannerTemplate",
5011
- "package": "@genesislcap/foundation-ui"
5010
+ "name": "*",
5011
+ "package": "./badge"
5012
5012
  }
5013
5013
  },
5014
5014
  {
@@ -5016,7 +5016,7 @@
5016
5016
  "name": "*",
5017
5017
  "declaration": {
5018
5018
  "name": "*",
5019
- "package": "./banner"
5019
+ "package": "./badge.styles"
5020
5020
  }
5021
5021
  },
5022
5022
  {
@@ -5024,7 +5024,7 @@
5024
5024
  "name": "*",
5025
5025
  "declaration": {
5026
5026
  "name": "*",
5027
- "package": "./banner.styles"
5027
+ "package": "./badge.template"
5028
5028
  }
5029
5029
  }
5030
5030
  ]
@@ -23509,284 +23509,91 @@
23509
23509
  "kind": "js",
23510
23510
  "name": "*",
23511
23511
  "declaration": {
23512
- "name": "*",
23513
- "package": "./segmented-control.template"
23514
- }
23515
- },
23516
- {
23517
- "kind": "js",
23518
- "name": "*",
23519
- "declaration": {
23520
- "name": "*",
23521
- "package": "./segmented-control.styles"
23522
- }
23523
- },
23524
- {
23525
- "kind": "js",
23526
- "name": "*",
23527
- "declaration": {
23528
- "name": "*",
23529
- "package": "./segmented-control"
23530
- }
23531
- }
23532
- ]
23533
- },
23534
- {
23535
- "kind": "javascript-module",
23536
- "path": "src/segmented-control/segmented-control.stories.ts",
23537
- "declarations": [
23538
- {
23539
- "kind": "variable",
23540
- "name": "meta",
23541
- "type": {
23542
- "text": "Meta"
23543
- },
23544
- "default": "{\n title: 'Segmented Control',\n component: 'rapid-segmented-control',\n}"
23545
- },
23546
- {
23547
- "kind": "variable",
23548
- "name": "Neutral",
23549
- "type": {
23550
- "text": "StoryObj"
23551
- },
23552
- "default": "{\n args: {\n appearance: 'neutral',\n },\n argTypes: {\n appearance: {\n control: 'select',\n options: ['primary', 'neutral'],\n },\n },\n render: ({ appearance }) => html`\n <div style=\"${wrapperStyle}\">\n <rapid-segmented-control appearance=\"${appearance}\">\n <label slot=\"label\">Neutral Segment Control (label slot)</label>\n <rapid-segmented-item>Segmented Item</rapid-segmented-item>\n <rapid-segmented-item>Segmented Item</rapid-segmented-item>\n <rapid-segmented-item>Segmented Item</rapid-segmented-item>\n </rapid-segmented-control>\n </div>\n `,\n}"
23553
- },
23554
- {
23555
- "kind": "variable",
23556
- "name": "Primary",
23557
- "type": {
23558
- "text": "StoryObj"
23559
- },
23560
- "default": "{\n args: {\n appearance: 'primary',\n },\n argTypes: {\n appearance: {\n control: 'select',\n options: ['primary', 'neutral'],\n },\n },\n render: ({ appearance }) => html`\n <div style=\"${wrapperStyle}\">\n <rapid-segmented-control appearance=\"${appearance}\">\n <label slot=\"label\">Primary Segment Control (label slot)</label>\n <rapid-segmented-item>Segmented Item</rapid-segmented-item>\n <rapid-segmented-item>Segmented Item</rapid-segmented-item>\n <rapid-segmented-item>Segmented Item</rapid-segmented-item>\n </rapid-segmented-control>\n </div>\n `,\n}"
23561
- }
23562
- ],
23563
- "exports": [
23564
- {
23565
- "kind": "js",
23566
- "name": "default",
23567
- "declaration": {
23568
- "name": "meta",
23569
- "module": "src/segmented-control/segmented-control.stories.ts"
23570
- }
23571
- },
23572
- {
23573
- "kind": "js",
23574
- "name": "Neutral",
23575
- "declaration": {
23576
- "name": "Neutral",
23577
- "module": "src/segmented-control/segmented-control.stories.ts"
23578
- }
23579
- },
23580
- {
23581
- "kind": "js",
23582
- "name": "Primary",
23583
- "declaration": {
23584
- "name": "Primary",
23585
- "module": "src/segmented-control/segmented-control.stories.ts"
23586
- }
23587
- }
23588
- ]
23589
- },
23590
- {
23591
- "kind": "javascript-module",
23592
- "path": "src/segmented-control/segmented-control.styles.ts",
23593
- "declarations": [
23594
- {
23595
- "kind": "function",
23596
- "name": "rapidSegmentedControlStyles",
23597
- "return": {
23598
- "type": {
23599
- "text": "ElementStyles"
23600
- }
23601
- },
23602
- "parameters": [
23603
- {
23604
- "name": "context",
23605
- "type": {
23606
- "text": "ElementDefinitionContext"
23607
- }
23608
- },
23609
- {
23610
- "name": "definition",
23611
- "type": {
23612
- "text": "FoundationElementDefinition"
23613
- }
23614
- }
23615
- ]
23616
- }
23617
- ],
23618
- "exports": [
23619
- {
23620
- "kind": "js",
23621
- "name": "rapidSegmentedControlStyles",
23622
- "declaration": {
23623
- "name": "rapidSegmentedControlStyles",
23624
- "module": "src/segmented-control/segmented-control.styles.ts"
23625
- }
23626
- }
23627
- ]
23628
- },
23629
- {
23630
- "kind": "javascript-module",
23631
- "path": "src/segmented-control/segmented-control.template.ts",
23632
- "declarations": [
23633
- {
23634
- "kind": "function",
23635
- "name": "rapidSegmentedControlTemplate",
23636
- "return": {
23637
- "type": {
23638
- "text": "ViewTemplate<SegmentedControl>"
23639
- }
23640
- },
23641
- "parameters": [
23642
- {
23643
- "name": "context",
23644
- "type": {
23645
- "text": "ElementDefinitionContext"
23646
- }
23647
- },
23648
- {
23649
- "name": "definition",
23650
- "type": {
23651
- "text": "FoundationElementDefinition"
23652
- }
23653
- }
23654
- ]
23655
- }
23656
- ],
23657
- "exports": [
23658
- {
23659
- "kind": "js",
23660
- "name": "rapidSegmentedControlTemplate",
23661
- "declaration": {
23662
- "name": "rapidSegmentedControlTemplate",
23663
- "module": "src/segmented-control/segmented-control.template.ts"
23664
- }
23665
- }
23666
- ]
23667
- },
23668
- {
23669
- "kind": "javascript-module",
23670
- "path": "src/segmented-control/segmented-control.ts",
23671
- "declarations": [
23672
- {
23673
- "kind": "class",
23674
- "description": "",
23675
- "name": "SegmentedControl",
23676
- "superclass": {
23677
- "name": "FoundationSegmentedControl",
23678
- "package": "@genesislcap/foundation-ui"
23679
- },
23680
- "tagName": "%%prefix%%-segmented-control",
23681
- "customElement": true,
23682
- "members": [
23683
- {
23684
- "kind": "method",
23685
- "name": "valueChanged",
23686
- "privacy": "protected",
23687
- "inheritedFrom": {
23688
- "name": "SegmentedControl",
23689
- "module": "src/segmented-control/segmented-control.ts"
23690
- }
23691
- }
23692
- ]
23693
- },
23694
- {
23695
- "kind": "variable",
23696
- "name": "rapidSegmentedControlShadowOptions",
23697
- "type": {
23698
- "text": "ShadowRootInit"
23699
- },
23700
- "default": "undefined"
23701
- },
23702
- {
23703
- "kind": "variable",
23704
- "name": "defaultSegmentedControlConfig",
23705
- "type": {
23706
- "text": "object"
23707
- },
23708
- "default": "{}"
23709
- },
23710
- {
23711
- "kind": "variable",
23712
- "name": "rapidSegmentedControl",
23713
- "description": "The Rapid Segmented Control",
23714
- "privacy": "public"
23715
- }
23716
- ],
23717
- "exports": [
23718
- {
23719
- "kind": "js",
23720
- "name": "SegmentedControl",
23721
- "declaration": {
23722
- "name": "SegmentedControl",
23723
- "module": "src/segmented-control/segmented-control.ts"
23724
- }
23725
- },
23726
- {
23727
- "kind": "js",
23728
- "name": "rapidSegmentedControlShadowOptions",
23729
- "declaration": {
23730
- "name": "rapidSegmentedControlShadowOptions",
23731
- "module": "src/segmented-control/segmented-control.ts"
23512
+ "name": "*",
23513
+ "package": "./segmented-control.template"
23732
23514
  }
23733
23515
  },
23734
23516
  {
23735
23517
  "kind": "js",
23736
- "name": "defaultSegmentedControlConfig",
23518
+ "name": "*",
23737
23519
  "declaration": {
23738
- "name": "defaultSegmentedControlConfig",
23739
- "module": "src/segmented-control/segmented-control.ts"
23520
+ "name": "*",
23521
+ "package": "./segmented-control.styles"
23740
23522
  }
23741
23523
  },
23742
23524
  {
23743
23525
  "kind": "js",
23744
- "name": "rapidSegmentedControl",
23526
+ "name": "*",
23745
23527
  "declaration": {
23746
- "name": "rapidSegmentedControl",
23747
- "module": "src/segmented-control/segmented-control.ts"
23528
+ "name": "*",
23529
+ "package": "./segmented-control"
23748
23530
  }
23749
23531
  }
23750
23532
  ]
23751
23533
  },
23752
23534
  {
23753
23535
  "kind": "javascript-module",
23754
- "path": "src/segmented-item/index.ts",
23755
- "declarations": [],
23536
+ "path": "src/segmented-control/segmented-control.stories.ts",
23537
+ "declarations": [
23538
+ {
23539
+ "kind": "variable",
23540
+ "name": "meta",
23541
+ "type": {
23542
+ "text": "Meta"
23543
+ },
23544
+ "default": "{\n title: 'Segmented Control',\n component: 'rapid-segmented-control',\n}"
23545
+ },
23546
+ {
23547
+ "kind": "variable",
23548
+ "name": "Neutral",
23549
+ "type": {
23550
+ "text": "StoryObj"
23551
+ },
23552
+ "default": "{\n args: {\n appearance: 'neutral',\n },\n argTypes: {\n appearance: {\n control: 'select',\n options: ['primary', 'neutral'],\n },\n },\n render: ({ appearance }) => html`\n <div style=\"${wrapperStyle}\">\n <rapid-segmented-control appearance=\"${appearance}\">\n <label slot=\"label\">Neutral Segment Control (label slot)</label>\n <rapid-segmented-item>Segmented Item</rapid-segmented-item>\n <rapid-segmented-item>Segmented Item</rapid-segmented-item>\n <rapid-segmented-item>Segmented Item</rapid-segmented-item>\n </rapid-segmented-control>\n </div>\n `,\n}"
23553
+ },
23554
+ {
23555
+ "kind": "variable",
23556
+ "name": "Primary",
23557
+ "type": {
23558
+ "text": "StoryObj"
23559
+ },
23560
+ "default": "{\n args: {\n appearance: 'primary',\n },\n argTypes: {\n appearance: {\n control: 'select',\n options: ['primary', 'neutral'],\n },\n },\n render: ({ appearance }) => html`\n <div style=\"${wrapperStyle}\">\n <rapid-segmented-control appearance=\"${appearance}\">\n <label slot=\"label\">Primary Segment Control (label slot)</label>\n <rapid-segmented-item>Segmented Item</rapid-segmented-item>\n <rapid-segmented-item>Segmented Item</rapid-segmented-item>\n <rapid-segmented-item>Segmented Item</rapid-segmented-item>\n </rapid-segmented-control>\n </div>\n `,\n}"
23561
+ }
23562
+ ],
23756
23563
  "exports": [
23757
23564
  {
23758
23565
  "kind": "js",
23759
- "name": "*",
23566
+ "name": "default",
23760
23567
  "declaration": {
23761
- "name": "*",
23762
- "package": "./segmented-item.template"
23568
+ "name": "meta",
23569
+ "module": "src/segmented-control/segmented-control.stories.ts"
23763
23570
  }
23764
23571
  },
23765
23572
  {
23766
23573
  "kind": "js",
23767
- "name": "*",
23574
+ "name": "Neutral",
23768
23575
  "declaration": {
23769
- "name": "*",
23770
- "package": "./segmented-item.styles"
23576
+ "name": "Neutral",
23577
+ "module": "src/segmented-control/segmented-control.stories.ts"
23771
23578
  }
23772
23579
  },
23773
23580
  {
23774
23581
  "kind": "js",
23775
- "name": "*",
23582
+ "name": "Primary",
23776
23583
  "declaration": {
23777
- "name": "*",
23778
- "package": "./segmented-item"
23584
+ "name": "Primary",
23585
+ "module": "src/segmented-control/segmented-control.stories.ts"
23779
23586
  }
23780
23587
  }
23781
23588
  ]
23782
23589
  },
23783
23590
  {
23784
23591
  "kind": "javascript-module",
23785
- "path": "src/segmented-item/segmented-item.styles.ts",
23592
+ "path": "src/segmented-control/segmented-control.styles.ts",
23786
23593
  "declarations": [
23787
23594
  {
23788
23595
  "kind": "function",
23789
- "name": "rapidSegmentedItemStyles",
23596
+ "name": "rapidSegmentedControlStyles",
23790
23597
  "return": {
23791
23598
  "type": {
23792
23599
  "text": "ElementStyles"
@@ -23802,7 +23609,7 @@
23802
23609
  {
23803
23610
  "name": "definition",
23804
23611
  "type": {
23805
- "text": "RadioOptions"
23612
+ "text": "FoundationElementDefinition"
23806
23613
  }
23807
23614
  }
23808
23615
  ]
@@ -23811,24 +23618,24 @@
23811
23618
  "exports": [
23812
23619
  {
23813
23620
  "kind": "js",
23814
- "name": "rapidSegmentedItemStyles",
23621
+ "name": "rapidSegmentedControlStyles",
23815
23622
  "declaration": {
23816
- "name": "rapidSegmentedItemStyles",
23817
- "module": "src/segmented-item/segmented-item.styles.ts"
23623
+ "name": "rapidSegmentedControlStyles",
23624
+ "module": "src/segmented-control/segmented-control.styles.ts"
23818
23625
  }
23819
23626
  }
23820
23627
  ]
23821
23628
  },
23822
23629
  {
23823
23630
  "kind": "javascript-module",
23824
- "path": "src/segmented-item/segmented-item.template.ts",
23631
+ "path": "src/segmented-control/segmented-control.template.ts",
23825
23632
  "declarations": [
23826
23633
  {
23827
23634
  "kind": "function",
23828
- "name": "rapidSegmentedItemTemplate",
23635
+ "name": "rapidSegmentedControlTemplate",
23829
23636
  "return": {
23830
23637
  "type": {
23831
- "text": "ViewTemplate<SegmentedItem>"
23638
+ "text": "ViewTemplate<SegmentedControl>"
23832
23639
  }
23833
23640
  },
23834
23641
  "parameters": [
@@ -23850,30 +23657,43 @@
23850
23657
  "exports": [
23851
23658
  {
23852
23659
  "kind": "js",
23853
- "name": "rapidSegmentedItemTemplate",
23660
+ "name": "rapidSegmentedControlTemplate",
23854
23661
  "declaration": {
23855
- "name": "rapidSegmentedItemTemplate",
23856
- "module": "src/segmented-item/segmented-item.template.ts"
23662
+ "name": "rapidSegmentedControlTemplate",
23663
+ "module": "src/segmented-control/segmented-control.template.ts"
23857
23664
  }
23858
23665
  }
23859
23666
  ]
23860
23667
  },
23861
23668
  {
23862
23669
  "kind": "javascript-module",
23863
- "path": "src/segmented-item/segmented-item.ts",
23670
+ "path": "src/segmented-control/segmented-control.ts",
23864
23671
  "declarations": [
23865
23672
  {
23866
23673
  "kind": "class",
23867
23674
  "description": "",
23868
- "name": "SegmentedItem",
23675
+ "name": "SegmentedControl",
23869
23676
  "superclass": {
23870
- "name": "FoundationFoundationRadio",
23677
+ "name": "FoundationSegmentedControl",
23871
23678
  "package": "@genesislcap/foundation-ui"
23872
- }
23679
+ },
23680
+ "tagName": "%%prefix%%-segmented-control",
23681
+ "customElement": true,
23682
+ "members": [
23683
+ {
23684
+ "kind": "method",
23685
+ "name": "valueChanged",
23686
+ "privacy": "protected",
23687
+ "inheritedFrom": {
23688
+ "name": "SegmentedControl",
23689
+ "module": "src/segmented-control/segmented-control.ts"
23690
+ }
23691
+ }
23692
+ ]
23873
23693
  },
23874
23694
  {
23875
23695
  "kind": "variable",
23876
- "name": "rapidSegmentedItemShadowOptions",
23696
+ "name": "rapidSegmentedControlShadowOptions",
23877
23697
  "type": {
23878
23698
  "text": "ShadowRootInit"
23879
23699
  },
@@ -23881,7 +23701,7 @@
23881
23701
  },
23882
23702
  {
23883
23703
  "kind": "variable",
23884
- "name": "defaultSegmentedItemConfig",
23704
+ "name": "defaultSegmentedControlConfig",
23885
23705
  "type": {
23886
23706
  "text": "object"
23887
23707
  },
@@ -23889,42 +23709,42 @@
23889
23709
  },
23890
23710
  {
23891
23711
  "kind": "variable",
23892
- "name": "rapidSegmentedItem",
23893
- "description": "The Rapid Segmented item",
23712
+ "name": "rapidSegmentedControl",
23713
+ "description": "The Rapid Segmented Control",
23894
23714
  "privacy": "public"
23895
23715
  }
23896
23716
  ],
23897
23717
  "exports": [
23898
23718
  {
23899
23719
  "kind": "js",
23900
- "name": "SegmentedItem",
23720
+ "name": "SegmentedControl",
23901
23721
  "declaration": {
23902
- "name": "SegmentedItem",
23903
- "module": "src/segmented-item/segmented-item.ts"
23722
+ "name": "SegmentedControl",
23723
+ "module": "src/segmented-control/segmented-control.ts"
23904
23724
  }
23905
23725
  },
23906
23726
  {
23907
23727
  "kind": "js",
23908
- "name": "rapidSegmentedItemShadowOptions",
23728
+ "name": "rapidSegmentedControlShadowOptions",
23909
23729
  "declaration": {
23910
- "name": "rapidSegmentedItemShadowOptions",
23911
- "module": "src/segmented-item/segmented-item.ts"
23730
+ "name": "rapidSegmentedControlShadowOptions",
23731
+ "module": "src/segmented-control/segmented-control.ts"
23912
23732
  }
23913
23733
  },
23914
23734
  {
23915
23735
  "kind": "js",
23916
- "name": "defaultSegmentedItemConfig",
23736
+ "name": "defaultSegmentedControlConfig",
23917
23737
  "declaration": {
23918
- "name": "defaultSegmentedItemConfig",
23919
- "module": "src/segmented-item/segmented-item.ts"
23738
+ "name": "defaultSegmentedControlConfig",
23739
+ "module": "src/segmented-control/segmented-control.ts"
23920
23740
  }
23921
23741
  },
23922
23742
  {
23923
23743
  "kind": "js",
23924
- "name": "rapidSegmentedItem",
23744
+ "name": "rapidSegmentedControl",
23925
23745
  "declaration": {
23926
- "name": "rapidSegmentedItem",
23927
- "module": "src/segmented-item/segmented-item.ts"
23746
+ "name": "rapidSegmentedControl",
23747
+ "module": "src/segmented-control/segmented-control.ts"
23928
23748
  }
23929
23749
  }
23930
23750
  ]
@@ -24548,24 +24368,204 @@
24548
24368
  },
24549
24369
  {
24550
24370
  "kind": "variable",
24551
- "name": "rapidSelect"
24371
+ "name": "rapidSelect"
24372
+ }
24373
+ ],
24374
+ "exports": [
24375
+ {
24376
+ "kind": "js",
24377
+ "name": "Select",
24378
+ "declaration": {
24379
+ "name": "Select",
24380
+ "module": "src/select/select.ts"
24381
+ }
24382
+ },
24383
+ {
24384
+ "kind": "js",
24385
+ "name": "rapidSelect",
24386
+ "declaration": {
24387
+ "name": "rapidSelect",
24388
+ "module": "src/select/select.ts"
24389
+ }
24390
+ }
24391
+ ]
24392
+ },
24393
+ {
24394
+ "kind": "javascript-module",
24395
+ "path": "src/segmented-item/index.ts",
24396
+ "declarations": [],
24397
+ "exports": [
24398
+ {
24399
+ "kind": "js",
24400
+ "name": "*",
24401
+ "declaration": {
24402
+ "name": "*",
24403
+ "package": "./segmented-item.template"
24404
+ }
24405
+ },
24406
+ {
24407
+ "kind": "js",
24408
+ "name": "*",
24409
+ "declaration": {
24410
+ "name": "*",
24411
+ "package": "./segmented-item.styles"
24412
+ }
24413
+ },
24414
+ {
24415
+ "kind": "js",
24416
+ "name": "*",
24417
+ "declaration": {
24418
+ "name": "*",
24419
+ "package": "./segmented-item"
24420
+ }
24421
+ }
24422
+ ]
24423
+ },
24424
+ {
24425
+ "kind": "javascript-module",
24426
+ "path": "src/segmented-item/segmented-item.styles.ts",
24427
+ "declarations": [
24428
+ {
24429
+ "kind": "function",
24430
+ "name": "rapidSegmentedItemStyles",
24431
+ "return": {
24432
+ "type": {
24433
+ "text": "ElementStyles"
24434
+ }
24435
+ },
24436
+ "parameters": [
24437
+ {
24438
+ "name": "context",
24439
+ "type": {
24440
+ "text": "ElementDefinitionContext"
24441
+ }
24442
+ },
24443
+ {
24444
+ "name": "definition",
24445
+ "type": {
24446
+ "text": "RadioOptions"
24447
+ }
24448
+ }
24449
+ ]
24450
+ }
24451
+ ],
24452
+ "exports": [
24453
+ {
24454
+ "kind": "js",
24455
+ "name": "rapidSegmentedItemStyles",
24456
+ "declaration": {
24457
+ "name": "rapidSegmentedItemStyles",
24458
+ "module": "src/segmented-item/segmented-item.styles.ts"
24459
+ }
24460
+ }
24461
+ ]
24462
+ },
24463
+ {
24464
+ "kind": "javascript-module",
24465
+ "path": "src/segmented-item/segmented-item.template.ts",
24466
+ "declarations": [
24467
+ {
24468
+ "kind": "function",
24469
+ "name": "rapidSegmentedItemTemplate",
24470
+ "return": {
24471
+ "type": {
24472
+ "text": "ViewTemplate<SegmentedItem>"
24473
+ }
24474
+ },
24475
+ "parameters": [
24476
+ {
24477
+ "name": "context",
24478
+ "type": {
24479
+ "text": "ElementDefinitionContext"
24480
+ }
24481
+ },
24482
+ {
24483
+ "name": "definition",
24484
+ "type": {
24485
+ "text": "FoundationElementDefinition"
24486
+ }
24487
+ }
24488
+ ]
24489
+ }
24490
+ ],
24491
+ "exports": [
24492
+ {
24493
+ "kind": "js",
24494
+ "name": "rapidSegmentedItemTemplate",
24495
+ "declaration": {
24496
+ "name": "rapidSegmentedItemTemplate",
24497
+ "module": "src/segmented-item/segmented-item.template.ts"
24498
+ }
24499
+ }
24500
+ ]
24501
+ },
24502
+ {
24503
+ "kind": "javascript-module",
24504
+ "path": "src/segmented-item/segmented-item.ts",
24505
+ "declarations": [
24506
+ {
24507
+ "kind": "class",
24508
+ "description": "",
24509
+ "name": "SegmentedItem",
24510
+ "superclass": {
24511
+ "name": "FoundationFoundationRadio",
24512
+ "package": "@genesislcap/foundation-ui"
24513
+ }
24514
+ },
24515
+ {
24516
+ "kind": "variable",
24517
+ "name": "rapidSegmentedItemShadowOptions",
24518
+ "type": {
24519
+ "text": "ShadowRootInit"
24520
+ },
24521
+ "default": "undefined"
24522
+ },
24523
+ {
24524
+ "kind": "variable",
24525
+ "name": "defaultSegmentedItemConfig",
24526
+ "type": {
24527
+ "text": "object"
24528
+ },
24529
+ "default": "{}"
24530
+ },
24531
+ {
24532
+ "kind": "variable",
24533
+ "name": "rapidSegmentedItem",
24534
+ "description": "The Rapid Segmented item",
24535
+ "privacy": "public"
24552
24536
  }
24553
24537
  ],
24554
24538
  "exports": [
24555
24539
  {
24556
24540
  "kind": "js",
24557
- "name": "Select",
24541
+ "name": "SegmentedItem",
24558
24542
  "declaration": {
24559
- "name": "Select",
24560
- "module": "src/select/select.ts"
24543
+ "name": "SegmentedItem",
24544
+ "module": "src/segmented-item/segmented-item.ts"
24561
24545
  }
24562
24546
  },
24563
24547
  {
24564
24548
  "kind": "js",
24565
- "name": "rapidSelect",
24549
+ "name": "rapidSegmentedItemShadowOptions",
24566
24550
  "declaration": {
24567
- "name": "rapidSelect",
24568
- "module": "src/select/select.ts"
24551
+ "name": "rapidSegmentedItemShadowOptions",
24552
+ "module": "src/segmented-item/segmented-item.ts"
24553
+ }
24554
+ },
24555
+ {
24556
+ "kind": "js",
24557
+ "name": "defaultSegmentedItemConfig",
24558
+ "declaration": {
24559
+ "name": "defaultSegmentedItemConfig",
24560
+ "module": "src/segmented-item/segmented-item.ts"
24561
+ }
24562
+ },
24563
+ {
24564
+ "kind": "js",
24565
+ "name": "rapidSegmentedItem",
24566
+ "declaration": {
24567
+ "name": "rapidSegmentedItem",
24568
+ "module": "src/segmented-item/segmented-item.ts"
24569
24569
  }
24570
24570
  }
24571
24571
  ]
@@ -32025,245 +32025,75 @@
32025
32025
  "inheritedFrom": {
32026
32026
  "name": "Toolbar",
32027
32027
  "module": "src/toolbar/toolbar.ts"
32028
- }
32029
- },
32030
- {
32031
- "kind": "method",
32032
- "name": "stylesChanged",
32033
- "privacy": "protected",
32034
- "return": {
32035
- "type": {
32036
- "text": "void"
32037
- }
32038
- },
32039
- "inheritedFrom": {
32040
- "name": "Toolbar",
32041
- "module": "src/toolbar/toolbar.ts"
32042
- }
32043
- },
32044
- {
32045
- "kind": "method",
32046
- "name": "compose",
32047
- "privacy": "public",
32048
- "static": true,
32049
- "return": {
32050
- "type": {
32051
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
32052
- }
32053
- },
32054
- "parameters": [
32055
- {
32056
- "name": "this",
32057
- "type": {
32058
- "text": "K"
32059
- }
32060
- },
32061
- {
32062
- "name": "elementDefinition",
32063
- "type": {
32064
- "text": "T"
32065
- },
32066
- "description": "The definition of the element to create the registry\nfunction for."
32067
- }
32068
- ],
32069
- "description": "Defines an element registry function with a set of element definition defaults.",
32070
- "inheritedFrom": {
32071
- "name": "Toolbar",
32072
- "module": "src/toolbar/toolbar.ts"
32073
- }
32074
- }
32075
- ]
32076
- },
32077
- {
32078
- "kind": "variable",
32079
- "name": "rapidToolbar"
32080
- }
32081
- ],
32082
- "exports": [
32083
- {
32084
- "kind": "js",
32085
- "name": "Toolbar",
32086
- "declaration": {
32087
- "name": "Toolbar",
32088
- "module": "src/toolbar/toolbar.ts"
32089
- }
32090
- },
32091
- {
32092
- "kind": "js",
32093
- "name": "rapidToolbar",
32094
- "declaration": {
32095
- "name": "rapidToolbar",
32096
- "module": "src/toolbar/toolbar.ts"
32097
- }
32098
- }
32099
- ]
32100
- },
32101
- {
32102
- "kind": "javascript-module",
32103
- "path": "src/tooltip/index.ts",
32104
- "declarations": [],
32105
- "exports": [
32106
- {
32107
- "kind": "js",
32108
- "name": "*",
32109
- "declaration": {
32110
- "name": "*",
32111
- "package": "./tooltip"
32112
- }
32113
- }
32114
- ]
32115
- },
32116
- {
32117
- "kind": "javascript-module",
32118
- "path": "src/tooltip/tooltip.stories.ts",
32119
- "declarations": [
32120
- {
32121
- "kind": "variable",
32122
- "name": "meta",
32123
- "type": {
32124
- "text": "Meta"
32125
- },
32126
- "default": "{\n title: 'Tooltip',\n component: 'rapid-tooltip',\n}"
32127
- },
32128
- {
32129
- "kind": "variable",
32130
- "name": "Primary",
32131
- "type": {
32132
- "text": "StoryObj"
32133
- },
32134
- "default": "{\n render: () => html`\n <rapid-button id=\"rapid-btn-tooltip-anchor\">Hover me</rapid-button>\n <rapid-tooltip anchor=\"rapid-btn-tooltip-anchor\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.\n Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar\n tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.\n Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien\n nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod\n bibendum laoreet.\n </rapid-tooltip>\n\n <rapid-badge id=\"rapid-badge-tooltip-anchor\">And me too!</rapid-badge>\n <rapid-tooltip anchor=\"rapid-badge-tooltip-anchor\">Heyyy</rapid-tooltip>\n `,\n}"
32135
- }
32136
- ],
32137
- "exports": [
32138
- {
32139
- "kind": "js",
32140
- "name": "default",
32141
- "declaration": {
32142
- "name": "meta",
32143
- "module": "src/tooltip/tooltip.stories.ts"
32144
- }
32145
- },
32146
- {
32147
- "kind": "js",
32148
- "name": "Primary",
32149
- "declaration": {
32150
- "name": "Primary",
32151
- "module": "src/tooltip/tooltip.stories.ts"
32152
- }
32153
- }
32154
- ]
32155
- },
32156
- {
32157
- "kind": "javascript-module",
32158
- "path": "src/tooltip/tooltip.styles.ts",
32159
- "declarations": [
32160
- {
32161
- "kind": "function",
32162
- "name": "rapidTooltipStyles",
32163
- "return": {
32164
- "type": {
32165
- "text": "ElementStyles"
32166
- }
32167
- },
32168
- "parameters": [
32169
- {
32170
- "name": "context",
32171
- "type": {
32172
- "text": "ElementDefinitionContext"
32173
- }
32174
- },
32175
- {
32176
- "name": "definition",
32177
- "type": {
32178
- "text": "FoundationElementDefinition"
32179
- }
32180
- }
32181
- ]
32182
- }
32183
- ],
32184
- "exports": [
32185
- {
32186
- "kind": "js",
32187
- "name": "rapidTooltipStyles",
32188
- "declaration": {
32189
- "name": "rapidTooltipStyles",
32190
- "module": "src/tooltip/tooltip.styles.ts"
32191
- }
32192
- }
32193
- ]
32194
- },
32195
- {
32196
- "kind": "javascript-module",
32197
- "path": "src/tooltip/tooltip.template.ts",
32198
- "declarations": [
32199
- {
32200
- "kind": "function",
32201
- "name": "rapidTooltipTemplate",
32202
- "return": {
32203
- "type": {
32204
- "text": "ViewTemplate<Tooltip>"
32205
- }
32206
- },
32207
- "parameters": [
32028
+ }
32029
+ },
32208
32030
  {
32209
- "name": "context",
32210
- "type": {
32211
- "text": "ElementDefinitionContext"
32031
+ "kind": "method",
32032
+ "name": "stylesChanged",
32033
+ "privacy": "protected",
32034
+ "return": {
32035
+ "type": {
32036
+ "text": "void"
32037
+ }
32038
+ },
32039
+ "inheritedFrom": {
32040
+ "name": "Toolbar",
32041
+ "module": "src/toolbar/toolbar.ts"
32212
32042
  }
32213
32043
  },
32214
32044
  {
32215
- "name": "definition",
32216
- "type": {
32217
- "text": "FoundationElementDefinition"
32045
+ "kind": "method",
32046
+ "name": "compose",
32047
+ "privacy": "public",
32048
+ "static": true,
32049
+ "return": {
32050
+ "type": {
32051
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
32052
+ }
32053
+ },
32054
+ "parameters": [
32055
+ {
32056
+ "name": "this",
32057
+ "type": {
32058
+ "text": "K"
32059
+ }
32060
+ },
32061
+ {
32062
+ "name": "elementDefinition",
32063
+ "type": {
32064
+ "text": "T"
32065
+ },
32066
+ "description": "The definition of the element to create the registry\nfunction for."
32067
+ }
32068
+ ],
32069
+ "description": "Defines an element registry function with a set of element definition defaults.",
32070
+ "inheritedFrom": {
32071
+ "name": "Toolbar",
32072
+ "module": "src/toolbar/toolbar.ts"
32218
32073
  }
32219
32074
  }
32220
32075
  ]
32221
- }
32222
- ],
32223
- "exports": [
32224
- {
32225
- "kind": "js",
32226
- "name": "rapidTooltipTemplate",
32227
- "declaration": {
32228
- "name": "rapidTooltipTemplate",
32229
- "module": "src/tooltip/tooltip.template.ts"
32230
- }
32231
- }
32232
- ]
32233
- },
32234
- {
32235
- "kind": "javascript-module",
32236
- "path": "src/tooltip/tooltip.ts",
32237
- "declarations": [
32238
- {
32239
- "kind": "class",
32240
- "description": "",
32241
- "name": "Tooltip",
32242
- "superclass": {
32243
- "name": "foundationTooltip",
32244
- "package": "@genesislcap/foundation-ui"
32245
- }
32246
32076
  },
32247
32077
  {
32248
32078
  "kind": "variable",
32249
- "name": "rapidTooltip"
32079
+ "name": "rapidToolbar"
32250
32080
  }
32251
32081
  ],
32252
32082
  "exports": [
32253
32083
  {
32254
32084
  "kind": "js",
32255
- "name": "Tooltip",
32085
+ "name": "Toolbar",
32256
32086
  "declaration": {
32257
- "name": "Tooltip",
32258
- "module": "src/tooltip/tooltip.ts"
32087
+ "name": "Toolbar",
32088
+ "module": "src/toolbar/toolbar.ts"
32259
32089
  }
32260
32090
  },
32261
32091
  {
32262
32092
  "kind": "js",
32263
- "name": "rapidTooltip",
32093
+ "name": "rapidToolbar",
32264
32094
  "declaration": {
32265
- "name": "rapidTooltip",
32266
- "module": "src/tooltip/tooltip.ts"
32095
+ "name": "rapidToolbar",
32096
+ "module": "src/toolbar/toolbar.ts"
32267
32097
  }
32268
32098
  }
32269
32099
  ]
@@ -32703,6 +32533,176 @@
32703
32533
  }
32704
32534
  ]
32705
32535
  },
32536
+ {
32537
+ "kind": "javascript-module",
32538
+ "path": "src/tooltip/index.ts",
32539
+ "declarations": [],
32540
+ "exports": [
32541
+ {
32542
+ "kind": "js",
32543
+ "name": "*",
32544
+ "declaration": {
32545
+ "name": "*",
32546
+ "package": "./tooltip"
32547
+ }
32548
+ }
32549
+ ]
32550
+ },
32551
+ {
32552
+ "kind": "javascript-module",
32553
+ "path": "src/tooltip/tooltip.stories.ts",
32554
+ "declarations": [
32555
+ {
32556
+ "kind": "variable",
32557
+ "name": "meta",
32558
+ "type": {
32559
+ "text": "Meta"
32560
+ },
32561
+ "default": "{\n title: 'Tooltip',\n component: 'rapid-tooltip',\n}"
32562
+ },
32563
+ {
32564
+ "kind": "variable",
32565
+ "name": "Primary",
32566
+ "type": {
32567
+ "text": "StoryObj"
32568
+ },
32569
+ "default": "{\n render: () => html`\n <rapid-button id=\"rapid-btn-tooltip-anchor\">Hover me</rapid-button>\n <rapid-tooltip anchor=\"rapid-btn-tooltip-anchor\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.\n Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar\n tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.\n Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien\n nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod\n bibendum laoreet.\n </rapid-tooltip>\n\n <rapid-badge id=\"rapid-badge-tooltip-anchor\">And me too!</rapid-badge>\n <rapid-tooltip anchor=\"rapid-badge-tooltip-anchor\">Heyyy</rapid-tooltip>\n `,\n}"
32570
+ }
32571
+ ],
32572
+ "exports": [
32573
+ {
32574
+ "kind": "js",
32575
+ "name": "default",
32576
+ "declaration": {
32577
+ "name": "meta",
32578
+ "module": "src/tooltip/tooltip.stories.ts"
32579
+ }
32580
+ },
32581
+ {
32582
+ "kind": "js",
32583
+ "name": "Primary",
32584
+ "declaration": {
32585
+ "name": "Primary",
32586
+ "module": "src/tooltip/tooltip.stories.ts"
32587
+ }
32588
+ }
32589
+ ]
32590
+ },
32591
+ {
32592
+ "kind": "javascript-module",
32593
+ "path": "src/tooltip/tooltip.styles.ts",
32594
+ "declarations": [
32595
+ {
32596
+ "kind": "function",
32597
+ "name": "rapidTooltipStyles",
32598
+ "return": {
32599
+ "type": {
32600
+ "text": "ElementStyles"
32601
+ }
32602
+ },
32603
+ "parameters": [
32604
+ {
32605
+ "name": "context",
32606
+ "type": {
32607
+ "text": "ElementDefinitionContext"
32608
+ }
32609
+ },
32610
+ {
32611
+ "name": "definition",
32612
+ "type": {
32613
+ "text": "FoundationElementDefinition"
32614
+ }
32615
+ }
32616
+ ]
32617
+ }
32618
+ ],
32619
+ "exports": [
32620
+ {
32621
+ "kind": "js",
32622
+ "name": "rapidTooltipStyles",
32623
+ "declaration": {
32624
+ "name": "rapidTooltipStyles",
32625
+ "module": "src/tooltip/tooltip.styles.ts"
32626
+ }
32627
+ }
32628
+ ]
32629
+ },
32630
+ {
32631
+ "kind": "javascript-module",
32632
+ "path": "src/tooltip/tooltip.template.ts",
32633
+ "declarations": [
32634
+ {
32635
+ "kind": "function",
32636
+ "name": "rapidTooltipTemplate",
32637
+ "return": {
32638
+ "type": {
32639
+ "text": "ViewTemplate<Tooltip>"
32640
+ }
32641
+ },
32642
+ "parameters": [
32643
+ {
32644
+ "name": "context",
32645
+ "type": {
32646
+ "text": "ElementDefinitionContext"
32647
+ }
32648
+ },
32649
+ {
32650
+ "name": "definition",
32651
+ "type": {
32652
+ "text": "FoundationElementDefinition"
32653
+ }
32654
+ }
32655
+ ]
32656
+ }
32657
+ ],
32658
+ "exports": [
32659
+ {
32660
+ "kind": "js",
32661
+ "name": "rapidTooltipTemplate",
32662
+ "declaration": {
32663
+ "name": "rapidTooltipTemplate",
32664
+ "module": "src/tooltip/tooltip.template.ts"
32665
+ }
32666
+ }
32667
+ ]
32668
+ },
32669
+ {
32670
+ "kind": "javascript-module",
32671
+ "path": "src/tooltip/tooltip.ts",
32672
+ "declarations": [
32673
+ {
32674
+ "kind": "class",
32675
+ "description": "",
32676
+ "name": "Tooltip",
32677
+ "superclass": {
32678
+ "name": "foundationTooltip",
32679
+ "package": "@genesislcap/foundation-ui"
32680
+ }
32681
+ },
32682
+ {
32683
+ "kind": "variable",
32684
+ "name": "rapidTooltip"
32685
+ }
32686
+ ],
32687
+ "exports": [
32688
+ {
32689
+ "kind": "js",
32690
+ "name": "Tooltip",
32691
+ "declaration": {
32692
+ "name": "Tooltip",
32693
+ "module": "src/tooltip/tooltip.ts"
32694
+ }
32695
+ },
32696
+ {
32697
+ "kind": "js",
32698
+ "name": "rapidTooltip",
32699
+ "declaration": {
32700
+ "name": "rapidTooltip",
32701
+ "module": "src/tooltip/tooltip.ts"
32702
+ }
32703
+ }
32704
+ ]
32705
+ },
32706
32706
  {
32707
32707
  "kind": "javascript-module",
32708
32708
  "path": "src/tree-view/index.ts",