@affinda/wc 0.6.1 → 0.7.0

package/dist/cjs/index.cjs.js

@@ -1,26 +1,26 @@
 'use strict';
 
-var afHeading_afLogo_afNavItem_afNavbar_afText_entry = require('./af-heading_5.cjs.entry.js');
-var afColorSwatch_entry = require('./af-color-swatch.cjs.entry.js');
-var afContainer_entry = require('./af-container.cjs.entry.js');
-var afAspectRatio_entry = require('./af-aspect-ratio.cjs.entry.js');
-var afButton_entry = require('./af-button.cjs.entry.js');
-var afIconButton_entry = require('./af-icon-button.cjs.entry.js');
-var afButtonGroup_entry = require('./af-button-group.cjs.entry.js');
-var afTypographyLockup_entry = require('./af-typography-lockup.cjs.entry.js');
-var afCheckbox_entry = require('./af-checkbox.cjs.entry.js');
-var afRadio_entry = require('./af-radio.cjs.entry.js');
-var afSwitch_entry = require('./af-switch.cjs.entry.js');
-var afFieldset_entry = require('./af-fieldset.cjs.entry.js');
-var afInput_entry = require('./af-input.cjs.entry.js');
-var afTextarea_entry = require('./af-textarea.cjs.entry.js');
-var afTag_entry = require('./af-tag.cjs.entry.js');
-var afTab_entry = require('./af-tab.cjs.entry.js');
-var afTabBar_entry = require('./af-tab-bar.cjs.entry.js');
-var afFeatureCard_entry = require('./af-feature-card.cjs.entry.js');
-var afIllustratedCard_entry = require('./af-illustrated-card.cjs.entry.js');
-var afHero_entry = require('./af-hero.cjs.entry.js');
-require('./index-BuJz1C1M.js');
+var afHeading_afLogo_afNavItem_afNavbar_afText_entry = require('./af-heading.af-logo.af-nav-item.af-navbar.af-text.entry.cjs.js');
+var afColorSwatch_entry = require('./af-color-swatch.entry.cjs.js');
+var afContainer_entry = require('./af-container.entry.cjs.js');
+var afAspectRatio_entry = require('./af-aspect-ratio.entry.cjs.js');
+var afButton_entry = require('./af-button.entry.cjs.js');
+var afIconButton_entry = require('./af-icon-button.entry.cjs.js');
+var afButtonGroup_entry = require('./af-button-group.entry.cjs.js');
+var afTypographyLockup_entry = require('./af-typography-lockup.entry.cjs.js');
+var afCheckbox_entry = require('./af-checkbox.entry.cjs.js');
+var afRadio_entry = require('./af-radio.entry.cjs.js');
+var afSwitch_entry = require('./af-switch.entry.cjs.js');
+var afFieldset_entry = require('./af-fieldset.entry.cjs.js');
+var afInput_entry = require('./af-input.entry.cjs.js');
+var afTextarea_entry = require('./af-textarea.entry.cjs.js');
+var afTag_entry = require('./af-tag.entry.cjs.js');
+var afTab_entry = require('./af-tab.entry.cjs.js');
+var afTabBar_entry = require('./af-tab-bar.entry.cjs.js');
+var afFeatureCard_entry = require('./af-feature-card.entry.cjs.js');
+var afIllustratedCard_entry = require('./af-illustrated-card.entry.cjs.js');
+var afHero_entry = require('./af-hero.entry.cjs.js');
+require('./index-BcMwIg4j.js');
 
 
 
@@ -48,4 +48,3 @@ exports.AfTabBar = afTabBar_entry.af_tab_bar;
 exports.AfFeatureCard = afFeatureCard_entry.af_feature_card;
 exports.AfIllustratedCard = afIllustratedCard_entry.af_illustrated_card;
 exports.AfHero = afHero_entry.af_hero;
-//# sourceMappingURL=index.cjs.js.map

package/dist/cjs/loader.cjs.js

@@ -1,13 +1,12 @@
 'use strict';
 
-var index = require('./index-BuJz1C1M.js');
+var index = require('./index-BcMwIg4j.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await index.globalScripts();
-  return index.bootstrapLazy([["af-hero.cjs",[[262,"af-hero",{"variant":[513],"heading":[1],"description":[1],"floatNavbar":[516,"float-navbar"],"topPad":[1,"top-pad"],"maxWidth":[2,"max-width"],"maskImage":[4,"mask-image"]}]]],["af-icon-text.cjs",[[262,"af-icon-text",{"icon":[1],"headingSize":[2,"heading-size"],"orientation":[1],"iconSize":[1,"icon-size"]}]]],["af-testimonial.cjs",[[262,"af-testimonial",{"backgroundImage":[1,"background-image"],"logoImage":[1,"logo-image"],"quote":[1],"attribution":[1],"readMoreLink":[1,"read-more-link"],"showNavigation":[1028,"show-navigation"],"hasPrev":[1028,"has-prev"],"hasNext":[1028,"has-next"]}]]],["af-feature-card.cjs",[[262,"af-feature-card",{"theme":[1],"layout":[1],"cardSize":[513,"card-size"],"headingSize":[2,"heading-size"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"]}]]],["af-illustrated-card.cjs",[[262,"af-illustrated-card",{"theme":[1],"breakpoint":[1],"cardSize":[1,"card-size"]}]]],["af-numbered-stepper-item.cjs",[[262,"af-numbered-stepper-item",{"index":[514]}]]],["af-stat.cjs",[[257,"af-stat",{"value":[1],"label":[1]}]]],["af-testimonial-stat.cjs",[[258,"af-testimonial-stat",{"value":[1],"description":[1],"accentBorder":[4,"accent-border"]}]]],["af-video-container.cjs",[[262,"af-video-container",{"videoThumbnailUrl":[1,"video-thumbnail-url"],"videoAlt":[1,"video-alt"],"videoUrl":[1,"video-url"]}]]],["af-feature-grid.cjs",[[262,"af-feature-grid",{"columns":[2],"mobileLayout":[1,"mobile-layout"],"scrollProgress":[32]},null,{"mobileLayout":["onMobileLayoutChange"]}]]],["af-grid-callout.cjs",[[262,"af-grid-callout",{"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"imagePosition":[1,"image-position"],"columns":[2],"headingSize":[2,"heading-size"]}]]],["af-in-page-banner.cjs",[[262,"af-in-page-banner",{"theme":[1],"heading":[1],"description":[1],"primaryButtonText":[1,"primary-button-text"],"primaryButtonUrl":[1,"primary-button-url"],"secondaryButtonText":[1,"secondary-button-text"],"secondaryButtonUrl":[1,"secondary-button-url"],"illustrationUrl":[1,"illustration-url"],"showWaveDecoration":[4,"show-wave-decoration"]}]]],["af-split-section.cjs",[[262,"af-split-section",{"topTheme":[1,"top-theme"],"bottomTheme":[1,"bottom-theme"],"padding":[1],"container":[4]}]]],["af-testimonial-carousel.cjs",[[262,"af-testimonial-carousel",{"currentIndex":[32],"isAnimating":[32],"testimonialCount":[32]},[[0,"afNavPrev","handleNavPrev"],[0,"afNavNext","handleNavNext"]]]]],["af-text-image.cjs",[[262,"af-text-image",{"imagePosition":[1,"image-position"],"imageProportion":[1,"image-proportion"],"src":[1],"alt":[1],"showSecondLockup":[4,"show-second-lockup"]}]]],["af-accordion.cjs",[[262,"af-accordion",{"mode":[1],"value":[1025],"defaultValue":[1,"default-value"],"internalValue":[32]},[[0,"af-accordion-toggle","handleItemToggle"]],{"value":["handleValueChange"]}]]],["af-accordion-item.cjs",[[257,"af-accordion-item",{"itemId":[513,"item-id"],"open":[1540],"disabled":[516],"contentHeight":[32],"toggle":[64]},null,{"open":["handleOpenChange"]}]]],["af-button-group.cjs",[[257,"af-button-group",{"direction":[1],"gap":[1]}]]],["af-center.cjs",[[257,"af-center",{"axis":[1],"inline":[4],"minHeight":[1,"min-height"]}]]],["af-checkbox.cjs",[[257,"af-checkbox",{"checked":[1540],"indeterminate":[516],"disabled":[516],"name":[1],"value":[1]}]]],["af-client-carousel.cjs",[[262,"af-client-carousel",{"theme":[1],"rows":[2],"mode":[1]}]]],["af-color-swatch.cjs",[[257,"af-color-swatch",{"color":[1],"name":[1],"size":[1]}]]],["af-contact-item.cjs",[[262,"af-contact-item",{"label":[1],"value":[1]}]]],["af-divider.cjs",[[257,"af-divider",{"orientation":[1],"spacing":[1]}]]],["af-feature-accordion.cjs",[[262,"af-feature-accordion",{"heading":[1],"items":[1],"cycleInterval":[2,"cycle-interval"],"autoCycle":[4,"auto-cycle"],"expandedIndex":[32],"timerProgress":[32]},null,{"autoCycle":["handleAutoCycleChange"]}]]],["af-fieldset.cjs",[[257,"af-fieldset",{"legend":[1],"orientation":[1],"disabled":[516]}]]],["af-footer.cjs",[[262,"af-footer",{"copyrightText":[1,"copyright-text"],"statusText":[1,"status-text"],"statusUrl":[1,"status-url"],"systemsOperational":[4,"systems-operational"],"showStatus":[4,"show-status"]}]]],["af-footer-column.cjs",[[262,"af-footer-column",{"heading":[1]}]]],["af-footer-link.cjs",[[262,"af-footer-link",{"href":[1],"external":[4]}]]],["af-grid.cjs",[[257,"af-grid",{"columns":[2],"columnsLg":[2,"columns-lg"],"columnsMd":[2,"columns-md"],"columnsSm":[2,"columns-sm"],"gap":[1],"align":[1]}]]],["af-inline.cjs",[[257,"af-inline",{"gap":[1],"align":[1],"justify":[1],"wrap":[4]}]]],["af-input.cjs",[[257,"af-input",{"label":[1],"description":[1],"placeholder":[1],"value":[1025],"type":[1],"name":[1],"disabled":[516],"required":[4],"readonly":[4],"error":[1],"showInfoIcon":[4,"show-info-icon"],"showSearchIcon":[4,"show-search-icon"],"clearable":[4],"autocomplete":[1],"maxlength":[2],"minlength":[2],"pattern":[1],"multiline":[4],"rows":[2],"resize":[1],"isFocused":[32],"isHovered":[32]}]]],["af-logo-well.cjs",[[257,"af-logo-well"]]],["af-nav-accordion.cjs",[[262,"af-nav-accordion",{"mode":[1],"breakpoint":[513],"value":[1025],"internalValue":[32]},[[0,"af-nav-accordion-item-toggle","handleItemToggle"]]]]],["af-nav-accordion-item.cjs",[[262,"af-nav-accordion-item",{"itemId":[513,"item-id"],"label":[1],"open":[1540],"disabled":[516],"href":[1],"breakpoint":[513],"contentHeight":[32],"hasTriggerSlot":[32],"hasContent":[32],"toggle":[64]},null,{"open":["handleOpenChange"]}]]],["af-nav-card.cjs",[[258,"af-nav-card",{"heading":[1],"href":[1],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"isHovered":[32]}]]],["af-nav-menu.cjs",[[262,"af-nav-menu",{"heading":[1],"breakpoint":[1],"showBorder":[4,"show-border"],"cardStyle":[516,"card-style"]}]]],["af-nav-menu-nest.cjs",[[262,"af-nav-menu-nest",{"type":[1],"breakpoint":[1],"showSidebarBorder":[516,"show-sidebar-border"]}]]],["af-numbered-stepper.cjs",[[262,"af-numbered-stepper",{"orientation":[1]}]]],["af-paperclip-decoration.cjs",[[257,"af-paperclip-decoration",{"width":[1],"height":[1],"opacity":[2],"fill":[1]}]]],["af-radio.cjs",[[257,"af-radio",{"checked":[1540],"disabled":[516],"name":[513],"value":[1]}]]],["af-show.cjs",[[257,"af-show",{"above":[1],"below":[1]}]]],["af-social-link.cjs",[[262,"af-social-link",{"href":[1],"label":[1],"icon":[1]}]]],["af-spacer.cjs",[[257,"af-spacer",{"size":[1],"flex":[4],"axis":[1]}]]],["af-stack.cjs",[[257,"af-stack",{"direction":[1],"gap":[1],"align":[1],"justify":[1],"wrap":[4]}]]],["af-stats-row.cjs",[[262,"af-stats-row"]]],["af-stepper.cjs",[[262,"af-stepper",{"orientation":[1]}]]],["af-stepper-step.cjs",[[262,"af-stepper-step",{"index":[514]}]]],["af-switch.cjs",[[257,"af-switch",{"active":[1540],"disabled":[516],"name":[1],"value":[1]}]]],["af-tab.cjs",[[257,"af-tab",{"label":[1],"active":[516],"disabled":[516],"shape":[513],"displayIcon":[4,"display-icon"],"displayNumber":[4,"display-number"],"value":[1]}]]],["af-tab-bar.cjs",[[257,"af-tab-bar",{"shape":[513],"breakpoint":[513]},[[0,"keydown","handleKeyDown"]]]]],["af-tag.cjs",[[257,"af-tag",{"size":[1],"variant":[1],"href":[1]}]]],["af-text-image-nest.cjs",[[262,"af-text-image-nest",{"layout":[1]}]]],["af-textarea.cjs",[[257,"af-textarea",{"label":[1],"description":[1],"placeholder":[1],"value":[1025],"name":[1],"disabled":[516],"required":[4],"readonly":[4],"error":[1],"showInfoIcon":[4,"show-info-icon"],"rows":[2],"maxlength":[2],"minlength":[2],"resize":[1],"isFocused":[32],"isHovered":[32]}]]],["af-theme-override.cjs",[[262,"af-theme-override",{"theme":[1]}]]],["af-visually-hidden.cjs",[[257,"af-visually-hidden",{"focusable":[4]}]]],["af-icon-box.cjs",[[258,"af-icon-box",{"icon":[1],"size":[1]}]]],["af-section.cjs",[[262,"af-section",{"padding":[1],"theme":[1],"container":[4]}]]],["af-aspect-ratio.cjs",[[257,"af-aspect-ratio",{"ratio":[1]}]]],["af-icon-button.cjs",[[257,"af-icon-button",{"variant":[513],"size":[1],"disabled":[4],"href":[1],"type":[1],"ariaLabel":[1,"aria-label"]}]]],["af-image.cjs",[[258,"af-image",{"src":[1],"alt":[1],"shape":[1]}]]],["af-number-badge.cjs",[[257,"af-number-badge",{"number":[2],"variant":[1],"size":[2]}]]],["af-button.cjs",[[257,"af-button",{"variant":[513],"size":[1],"disabled":[4],"type":[1],"href":[1],"hasIconLeft":[32],"hasIconRight":[32]}]]],["af-card.cjs",[[262,"af-card",{"theme":[1],"stretch":[516],"interactive":[516]}]]],["af-progress-line.cjs",[[258,"af-progress-line",{"progress":[2],"orientation":[1]}]]],["af-container.cjs",[[257,"af-container",{"maxWidth":[1,"max-width"]}]]],["af-icon.cjs",[[257,"af-icon",{"name":[1],"size":[2],"label":[1]}]]],["af-heading_5.cjs",[[262,"af-navbar",{"showDefaultLogo":[4,"show-default-logo"],"theme":[1],"forceMobile":[516,"force-mobile"],"mobileMenuOpen":[32],"activeDropdown":[32]},[[0,"click","handleTriggerClick"],[1,"mouseover","handleHover"],[1,"mouseleave","handleHostLeave"],[1,"mouseenter","handleHostEnter"],[4,"click","handleDocumentClick"],[4,"keydown","handleKeyDown"]]],[262,"af-nav-item",{"hierarchy":[1],"variant":[1],"breakpoint":[513],"href":[1],"active":[4]}],[257,"af-logo"],[257,"af-heading",{"level":[1],"align":[1]}],[257,"af-text",{"variant":[1],"align":[1],"as":[1]}]]],["af-typography-lockup.cjs",[[257,"af-typography-lockup",{"headingSize":[8,"heading-size"],"breakpoint":[1],"textAlignment":[1,"text-alignment"],"headingAlignment":[1,"heading-alignment"],"descriptionAlignment":[1,"description-alignment"],"buttonLayout":[1,"button-layout"],"buttonsAlignment":[1,"buttons-alignment"],"maxWidth":[2,"max-width"],"headingColor":[1,"heading-color"],"descriptionColor":[1,"description-color"],"hasDescription":[32],"hasButtons":[32]}]]]], options);
+  return index.bootstrapLazy(JSON.parse("[[\"af-hero.cjs\",[[262,\"af-hero\",{\"variant\":[513],\"heading\":[1],\"description\":[1],\"floatNavbar\":[516,\"float-navbar\"],\"topPad\":[1,\"top-pad\"],\"maxWidth\":[2,\"max-width\"],\"maskImage\":[4,\"mask-image\"]}]]],[\"af-icon-text.cjs\",[[262,\"af-icon-text\",{\"icon\":[1],\"headingSize\":[2,\"heading-size\"],\"orientation\":[1],\"iconSize\":[1,\"icon-size\"]}]]],[\"af-testimonial.cjs\",[[262,\"af-testimonial\",{\"backgroundImage\":[1,\"background-image\"],\"backgroundImageWidth\":[2,\"background-image-width\"],\"backgroundImageHeight\":[2,\"background-image-height\"],\"logoImage\":[1,\"logo-image\"],\"logoImageWidth\":[2,\"logo-image-width\"],\"logoImageHeight\":[2,\"logo-image-height\"],\"quote\":[1],\"attribution\":[1],\"readMoreLink\":[1,\"read-more-link\"],\"showNavigation\":[1028,\"show-navigation\"],\"hasPrev\":[1028,\"has-prev\"],\"hasNext\":[1028,\"has-next\"]}]]],[\"af-feature-card.cjs\",[[262,\"af-feature-card\",{\"theme\":[1],\"layout\":[1],\"cardSize\":[513,\"card-size\"],\"headingSize\":[2,\"heading-size\"],\"imageSrc\":[1,\"image-src\"],\"imageAlt\":[1,\"image-alt\"]}]]],[\"af-illustrated-card.cjs\",[[262,\"af-illustrated-card\",{\"theme\":[1],\"breakpoint\":[1],\"cardSize\":[1,\"card-size\"]}]]],[\"af-in-page-banner.cjs\",[[262,\"af-in-page-banner\",{\"theme\":[1],\"heading\":[1],\"description\":[1],\"primaryButtonText\":[1,\"primary-button-text\"],\"primaryButtonUrl\":[1,\"primary-button-url\"],\"secondaryButtonText\":[1,\"secondary-button-text\"],\"secondaryButtonUrl\":[1,\"secondary-button-url\"],\"illustrationUrl\":[1,\"illustration-url\"],\"showWaveDecoration\":[4,\"show-wave-decoration\"]}]]],[\"af-next-step-item.cjs\",[[262,\"af-next-step-item\",{\"icon\":[1],\"index\":[1026],\"numbered\":[1028]}]]],[\"af-proposal-header.cjs\",[[2,\"af-proposal-header\",{\"team\":[1],\"clientName\":[1,\"client-name\"],\"subtitle\":[1],\"preparedFor\":[1,\"prepared-for\"],\"preparedBy\":[1,\"prepared-by\"],\"date\":[1]}]]],[\"af-stat.cjs\",[[1,\"af-stat\",{\"value\":[1],\"label\":[1],\"accentBorder\":[4,\"accent-border\"]}]]],[\"af-testimonial-stat.cjs\",[[2,\"af-testimonial-stat\",{\"value\":[1],\"description\":[1],\"accentBorder\":[4,\"accent-border\"]}]]],[\"af-video-container.cjs\",[[262,\"af-video-container\",{\"videoThumbnailUrl\":[1,\"video-thumbnail-url\"],\"videoAlt\":[1,\"video-alt\"],\"videoUrl\":[1,\"video-url\"]}]]],[\"af-action-item.cjs\",[[262,\"af-action-item\",{\"status\":[1537],\"assignee\":[1],\"dueDate\":[1,\"due-date\"],\"interactive\":[4]}]]],[\"af-callout.cjs\",[[262,\"af-callout\",{\"variant\":[1],\"icon\":[1],\"dismissible\":[4],\"dismissed\":[32]}]]],[\"af-feature-grid.cjs\",[[262,\"af-feature-grid\",{\"columns\":[2],\"mobileLayout\":[1,\"mobile-layout\"],\"scrollProgress\":[32]},null,{\"mobileLayout\":[{\"onMobileLayoutChange\":0}]}]]],[\"af-grid-callout.cjs\",[[262,\"af-grid-callout\",{\"imageSrc\":[1,\"image-src\"],\"imageAlt\":[1,\"image-alt\"],\"imagePosition\":[1,\"image-position\"],\"columns\":[2],\"headingSize\":[2,\"heading-size\"]}]]],[\"af-numbered-stepper-item.cjs\",[[262,\"af-numbered-stepper-item\",{\"index\":[514]}]]],[\"af-proposal-footer.cjs\",[[2,\"af-proposal-footer\",{\"clientName\":[1,\"client-name\"],\"date\":[1],\"confidential\":[4]}]]],[\"af-split-section.cjs\",[[262,\"af-split-section\",{\"topTheme\":[1,\"top-theme\"],\"bottomTheme\":[1,\"bottom-theme\"],\"padding\":[1],\"container\":[4]}]]],[\"af-text-image.cjs\",[[262,\"af-text-image\",{\"imagePosition\":[1,\"image-position\"],\"imageProportion\":[1,\"image-proportion\"],\"src\":[1],\"alt\":[1],\"showSecondLockup\":[4,\"show-second-lockup\"]}]]],[\"af-accordion.cjs\",[[262,\"af-accordion\",{\"mode\":[1],\"value\":[1025],\"defaultValue\":[1,\"default-value\"],\"internalValue\":[32]},[[0,\"af-accordion-toggle\",\"handleItemToggle\"]],{\"value\":[{\"handleValueChange\":0}]}]]],[\"af-accordion-item.cjs\",[[257,\"af-accordion-item\",{\"itemId\":[513,\"item-id\"],\"open\":[1540],\"disabled\":[516],\"contentHeight\":[32],\"toggle\":[64]},null,{\"open\":[{\"handleOpenChange\":0}]}]]],[\"af-action-list.cjs\",[[262,\"af-action-list\",{\"showProgress\":[4,\"show-progress\"],\"progress\":[32],\"total\":[32],\"done\":[32]},[[0,\"af-action-item-toggle\",\"handleItemToggle\"]]]]],[\"af-area-chart.cjs\",[[257,\"af-area-chart\",{\"data\":[1],\"theme\":[1],\"stacked\":[4],\"curve\":[1],\"opacity\":[2],\"showStroke\":[4,\"show-stroke\"],\"interactive\":[1],\"animated\":[4],\"showLegend\":[4,\"show-legend\"],\"showGrid\":[4,\"show-grid\"],\"showAxis\":[4,\"show-axis\"],\"strokeWidth\":[2,\"stroke-width\"],\"chartLabel\":[1,\"chart-label\"],\"width\":[2],\"aspectRatio\":[2,\"aspect-ratio\"],\"parsedData\":[32],\"hoveredSeries\":[32],\"tooltipData\":[32]},null,{\"data\":[{\"parseData\":0}]}]]],[\"af-bar-chart.cjs\",[[257,\"af-bar-chart\",{\"data\":[1],\"theme\":[1],\"orientation\":[1],\"stacked\":[4],\"interactive\":[1],\"animated\":[4],\"showLegend\":[4,\"show-legend\"],\"showGrid\":[4,\"show-grid\"],\"showAxis\":[4,\"show-axis\"],\"barRadius\":[2,\"bar-radius\"],\"chartLabel\":[1,\"chart-label\"],\"width\":[2],\"aspectRatio\":[2,\"aspect-ratio\"],\"parsedData\":[32],\"hoveredIndex\":[32],\"tooltipData\":[32]},null,{\"data\":[{\"parseData\":0}]}]]],[\"af-button-group.cjs\",[[257,\"af-button-group\",{\"direction\":[1],\"gap\":[1]}]]],[\"af-center.cjs\",[[257,\"af-center\",{\"axis\":[1],\"inline\":[4],\"minHeight\":[1,\"min-height\"]}]]],[\"af-chart-legend.cjs\",[[257,\"af-chart-legend\",{\"items\":[1],\"theme\":[1],\"direction\":[1],\"interactive\":[4],\"swatchShape\":[1,\"swatch-shape\"],\"align\":[1],\"parsedItems\":[32],\"hoveredIndex\":[32],\"activeIndices\":[32]},null,{\"items\":[{\"parseItems\":0}]}]]],[\"af-chart-section.cjs\",[[262,\"af-chart-section\",{\"theme\":[1],\"padding\":[1],\"aspectRatio\":[1,\"aspect-ratio\"],\"caption\":[1]}]]],[\"af-chart-tooltip.cjs\",[[257,\"af-chart-tooltip\",{\"theme\":[1],\"placement\":[1],\"offset\":[2],\"visible\":[32],\"content\":[32],\"position\":[32],\"show\":[64],\"hide\":[64],\"updatePosition\":[64]}]]],[\"af-checkbox.cjs\",[[257,\"af-checkbox\",{\"checked\":[1540],\"indeterminate\":[516],\"disabled\":[516],\"name\":[1],\"value\":[1]}]]],[\"af-client-carousel.cjs\",[[262,\"af-client-carousel\",{\"theme\":[1],\"rows\":[2],\"mode\":[1]},[[9,\"resize\",\"handleWindowResize\"]]]]],[\"af-color-swatch.cjs\",[[1,\"af-color-swatch\",{\"color\":[1],\"name\":[1],\"size\":[1]}]]],[\"af-contact-item.cjs\",[[262,\"af-contact-item\",{\"label\":[1],\"value\":[1]}]]],[\"af-divider.cjs\",[[1,\"af-divider\",{\"orientation\":[1],\"spacing\":[1]}]]],[\"af-feature-accordion.cjs\",[[262,\"af-feature-accordion\",{\"heading\":[1],\"description\":[1],\"items\":[1],\"cycleInterval\":[2,\"cycle-interval\"],\"autoCycle\":[4,\"auto-cycle\"],\"expandedIndex\":[32],\"timerProgress\":[32],\"isPaused\":[32]},null,{\"autoCycle\":[{\"handleAutoCycleChange\":0}]}]]],[\"af-fieldset.cjs\",[[257,\"af-fieldset\",{\"legend\":[1],\"orientation\":[1],\"disabled\":[516]}]]],[\"af-footer.cjs\",[[262,\"af-footer\",{\"copyrightText\":[1,\"copyright-text\"],\"statusText\":[1,\"status-text\"],\"statusUrl\":[1,\"status-url\"],\"systemsOperational\":[4,\"systems-operational\"],\"showStatus\":[4,\"show-status\"]}]]],[\"af-footer-column.cjs\",[[262,\"af-footer-column\",{\"heading\":[1]}]]],[\"af-footer-link.cjs\",[[262,\"af-footer-link\",{\"href\":[1],\"external\":[4]}]]],[\"af-grid.cjs\",[[257,\"af-grid\",{\"columns\":[2],\"columnsLg\":[2,\"columns-lg\"],\"columnsMd\":[2,\"columns-md\"],\"columnsSm\":[2,\"columns-sm\"],\"gap\":[1],\"align\":[1]}]]],[\"af-inline.cjs\",[[257,\"af-inline\",{\"gap\":[1],\"align\":[1],\"justify\":[1],\"wrap\":[4]}]]],[\"af-input.cjs\",[[257,\"af-input\",{\"label\":[1],\"description\":[1],\"placeholder\":[1],\"value\":[1025],\"type\":[1],\"name\":[1],\"disabled\":[516],\"required\":[4],\"readonly\":[4],\"error\":[1],\"showInfoIcon\":[4,\"show-info-icon\"],\"showSearchIcon\":[4,\"show-search-icon\"],\"clearable\":[4],\"autocomplete\":[1],\"maxlength\":[2],\"minlength\":[2],\"pattern\":[1],\"multiline\":[4],\"rows\":[2],\"resize\":[1],\"isFocused\":[32],\"isHovered\":[32]}]]],[\"af-line-chart.cjs\",[[257,\"af-line-chart\",{\"data\":[1],\"theme\":[1],\"curve\":[1],\"showPoints\":[4,\"show-points\"],\"showArea\":[4,\"show-area\"],\"interactive\":[1],\"animated\":[4],\"showLegend\":[4,\"show-legend\"],\"showGrid\":[4,\"show-grid\"],\"showAxis\":[4,\"show-axis\"],\"strokeWidth\":[2,\"stroke-width\"],\"pointRadius\":[2,\"point-radius\"],\"chartLabel\":[1,\"chart-label\"],\"width\":[2],\"aspectRatio\":[2,\"aspect-ratio\"],\"parsedData\":[32],\"hoveredIndex\":[32],\"tooltipData\":[32]},null,{\"data\":[{\"parseData\":0}]}]]],[\"af-logo-well.cjs\",[[257,\"af-logo-well\"]]],[\"af-nav-accordion.cjs\",[[262,\"af-nav-accordion\",{\"mode\":[1],\"breakpoint\":[513],\"value\":[1025],\"internalValue\":[32]},[[0,\"af-nav-accordion-item-toggle\",\"handleItemToggle\"]]]]],[\"af-nav-accordion-item.cjs\",[[262,\"af-nav-accordion-item\",{\"itemId\":[513,\"item-id\"],\"label\":[1],\"open\":[1540],\"disabled\":[516],\"href\":[1],\"breakpoint\":[513],\"contentHeight\":[32],\"hasTriggerSlot\":[32],\"hasContent\":[32],\"toggle\":[64]},null,{\"open\":[{\"handleOpenChange\":0}]}]]],[\"af-nav-card.cjs\",[[2,\"af-nav-card\",{\"heading\":[1],\"href\":[1],\"imageSrc\":[1,\"image-src\"],\"imageAlt\":[1,\"image-alt\"],\"isHovered\":[32]}]]],[\"af-nav-menu.cjs\",[[262,\"af-nav-menu\",{\"heading\":[1],\"breakpoint\":[1],\"showBorder\":[4,\"show-border\"],\"cardStyle\":[516,\"card-style\"]}]]],[\"af-nav-menu-nest.cjs\",[[262,\"af-nav-menu-nest\",{\"type\":[1],\"breakpoint\":[1],\"showSidebarBorder\":[516,\"show-sidebar-border\"]}]]],[\"af-next-steps.cjs\",[[262,\"af-next-steps\",{\"numbered\":[4]}]]],[\"af-numbered-stepper.cjs\",[[262,\"af-numbered-stepper\",{\"orientation\":[1]}]]],[\"af-pie-chart.cjs\",[[257,\"af-pie-chart\",{\"data\":[1],\"theme\":[1],\"startAngle\":[2,\"start-angle\"],\"showLabels\":[4,\"show-labels\"],\"showLegend\":[4,\"show-legend\"],\"interactive\":[1],\"animated\":[4],\"chartLabel\":[1,\"chart-label\"],\"size\":[2],\"parsedData\":[32],\"hoveredIndex\":[32],\"tooltipData\":[32]},null,{\"data\":[{\"parseData\":0}]}]]],[\"af-radio.cjs\",[[257,\"af-radio\",{\"checked\":[1540],\"disabled\":[516],\"name\":[513],\"value\":[1]}]]],[\"af-show.cjs\",[[257,\"af-show\",{\"above\":[1],\"below\":[1]}]]],[\"af-social-link.cjs\",[[262,\"af-social-link\",{\"href\":[1],\"label\":[1],\"icon\":[1]}]]],[\"af-spacer.cjs\",[[1,\"af-spacer\",{\"size\":[1],\"flex\":[4],\"axis\":[1]}]]],[\"af-stack.cjs\",[[257,\"af-stack\",{\"direction\":[1],\"gap\":[1],\"align\":[1],\"justify\":[1],\"wrap\":[4]}]]],[\"af-stats-row.cjs\",[[262,\"af-stats-row\"]]],[\"af-stepper.cjs\",[[262,\"af-stepper\",{\"orientation\":[1]}]]],[\"af-stepper-step.cjs\",[[262,\"af-stepper-step\",{\"index\":[514]}]]],[\"af-switch.cjs\",[[257,\"af-switch\",{\"active\":[1540],\"disabled\":[516],\"name\":[1],\"value\":[1]}]]],[\"af-tab.cjs\",[[257,\"af-tab\",{\"label\":[1],\"active\":[516],\"disabled\":[516],\"shape\":[513],\"displayIcon\":[4,\"display-icon\"],\"displayNumber\":[4,\"display-number\"],\"value\":[1]}]]],[\"af-tab-bar.cjs\",[[257,\"af-tab-bar\",{\"shape\":[513],\"breakpoint\":[513]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"af-table.cjs\",[[260,\"af-table\",{\"striped\":[4],\"bordered\":[4],\"compact\":[4],\"stickyHeader\":[4,\"sticky-header\"],\"maxHeight\":[1,\"max-height\"],\"scrollState\":[32]}]]],[\"af-tag.cjs\",[[257,\"af-tag\",{\"size\":[1],\"variant\":[1],\"href\":[1]}]]],[\"af-testimonial-carousel.cjs\",[[262,\"af-testimonial-carousel\",{\"currentIndex\":[32],\"isAnimating\":[32],\"testimonialCount\":[32]},[[0,\"afNavPrev\",\"handleNavPrev\"],[0,\"afNavNext\",\"handleNavNext\"]]]]],[\"af-text-image-nest.cjs\",[[262,\"af-text-image-nest\",{\"layout\":[1]}]]],[\"af-textarea.cjs\",[[257,\"af-textarea\",{\"label\":[1],\"description\":[1],\"placeholder\":[1],\"value\":[1025],\"name\":[1],\"disabled\":[516],\"required\":[4],\"readonly\":[4],\"error\":[1],\"showInfoIcon\":[4,\"show-info-icon\"],\"rows\":[2],\"maxlength\":[2],\"minlength\":[2],\"resize\":[1],\"isFocused\":[32],\"isHovered\":[32]}]]],[\"af-theme-override.cjs\",[[262,\"af-theme-override\",{\"theme\":[1]}]]],[\"af-timeline.cjs\",[[262,\"af-timeline\",{\"startDate\":[1,\"start-date\"],\"endDate\":[1,\"end-date\"],\"unit\":[1],\"showAxis\":[4,\"show-axis\"],\"showToday\":[4,\"show-today\"],\"targetDate\":[1,\"target-date\"],\"context\":[32],\"axisLabels\":[32],\"todayPosition\":[32],\"targetPosition\":[32],\"scrollState\":[32]},null,{\"startDate\":[{\"handleDateChange\":0}],\"endDate\":[{\"handleDateChange\":0}],\"unit\":[{\"handleDateChange\":0}]}]]],[\"af-timeline-item.cjs\",[[262,\"af-timeline-item\",{\"startDate\":[1,\"start-date\"],\"endDate\":[1,\"end-date\"],\"label\":[1],\"status\":[1],\"row\":[2],\"showTooltip\":[4,\"show-tooltip\"],\"_startPosition\":[1026,\"_start-position\"],\"_width\":[1026],\"isMilestone\":[32]},null,{\"endDate\":[{\"handleEndDateChange\":0}]}]]],[\"af-visually-hidden.cjs\",[[257,\"af-visually-hidden\",{\"focusable\":[4]}]]],[\"af-icon-box.cjs\",[[2,\"af-icon-box\",{\"icon\":[1],\"size\":[1]}]]],[\"af-section.cjs\",[[262,\"af-section\",{\"padding\":[1],\"theme\":[1],\"container\":[4]}]]],[\"af-aspect-ratio.cjs\",[[257,\"af-aspect-ratio\",{\"ratio\":[1]}]]],[\"af-icon-button.cjs\",[[257,\"af-icon-button\",{\"variant\":[513],\"size\":[1],\"disabled\":[4],\"href\":[1],\"type\":[1],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"af-image.cjs\",[[262,\"af-image\",{\"src\":[1],\"alt\":[1],\"shape\":[1],\"captionPosition\":[1,\"caption-position\"]}]]],[\"af-logo-mark.cjs\",[[1,\"af-logo-mark\",{\"width\":[1],\"height\":[1]}]]],[\"af-paperclip-decoration.cjs\",[[1,\"af-paperclip-decoration\",{\"width\":[1],\"height\":[1],\"opacity\":[2],\"fill\":[1]}]]],[\"af-progress-line.cjs\",[[2,\"af-progress-line\",{\"progress\":[2],\"orientation\":[1]}]]],[\"af-button.cjs\",[[257,\"af-button\",{\"variant\":[513],\"size\":[1],\"disabled\":[4],\"type\":[1],\"href\":[1],\"hasIconLeft\":[32],\"hasIconRight\":[32]}]]],[\"af-card.cjs\",[[262,\"af-card\",{\"theme\":[1],\"stretch\":[516],\"interactive\":[516]}]]],[\"af-number-badge.cjs\",[[1,\"af-number-badge\",{\"number\":[2],\"variant\":[1],\"size\":[2]}]]],[\"af-container.cjs\",[[257,\"af-container\",{\"maxWidth\":[1,\"max-width\"]}]]],[\"af-typography-lockup.cjs\",[[257,\"af-typography-lockup\",{\"headingSize\":[8,\"heading-size\"],\"breakpoint\":[1],\"textAlignment\":[1,\"text-alignment\"],\"headingAlignment\":[1,\"heading-alignment\"],\"descriptionAlignment\":[1,\"description-alignment\"],\"buttonLayout\":[1,\"button-layout\"],\"buttonsAlignment\":[1,\"buttons-alignment\"],\"maxWidth\":[2,\"max-width\"],\"headingColor\":[1,\"heading-color\"],\"descriptionColor\":[1,\"description-color\"],\"hasDescription\":[32],\"hasButtons\":[32]}]]],[\"af-heading_5.cjs\",[[262,\"af-navbar\",{\"showDefaultLogo\":[4,\"show-default-logo\"],\"theme\":[1],\"forceMobile\":[516,\"force-mobile\"],\"mobileMenuOpen\":[32],\"activeDropdown\":[32]},[[0,\"click\",\"handleTriggerClick\"],[1,\"mouseover\",\"handleHover\"],[1,\"mouseleave\",\"handleHostLeave\"],[1,\"mouseenter\",\"handleHostEnter\"],[4,\"click\",\"handleDocumentClick\"],[4,\"keydown\",\"handleKeyDown\"]]],[262,\"af-nav-item\",{\"hierarchy\":[1],\"variant\":[1],\"breakpoint\":[513],\"href\":[1],\"active\":[4]}],[257,\"af-heading\",{\"level\":[1],\"align\":[1]}],[1,\"af-logo\"],[257,\"af-text\",{\"variant\":[1],\"align\":[1],\"as\":[1]}]]],[\"af-icon.cjs\",[[1,\"af-icon\",{\"name\":[1],\"size\":[2],\"label\":[1]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;
 exports.defineCustomElements = defineCustomElements;
-//# sourceMappingURL=loader.cjs.js.map

package/dist/cjs/scales-DjlIMmiW.js

@@ -0,0 +1,195 @@
+'use strict';
+
+/**
+ * Shared types for chart components and utilities.
+ */
+/**
+ * Default margins for different chart orientations.
+ */
+const defaultMargins = {
+    top: 16,
+    right: 16,
+    bottom: 32,
+    left: 40,
+};
+
+/**
+ * Scale functions for mapping data values to SVG coordinates.
+ * These are lightweight, dependency-free implementations inspired by D3 scales.
+ */
+/**
+ * Creates a linear scale that maps a continuous domain to a continuous range.
+ *
+ * @param domain - [min, max] values in data space
+ * @param range - [min, max] values in pixel space
+ * @returns Scale function that maps domain values to range values
+ *
+ * @example
+ * const yScale = linearScale([0, 100], [200, 0]); // Note: SVG y is inverted
+ * yScale(50); // => 100
+ */
+function linearScale(domain, range) {
+    const [d0, d1] = domain;
+    const [r0, r1] = range;
+    const domainSpan = d1 - d0;
+    const rangeSpan = r1 - r0;
+    if (domainSpan === 0) {
+        return () => r0 + rangeSpan / 2;
+    }
+    return (value) => {
+        const normalized = (value - d0) / domainSpan;
+        return r0 + normalized * rangeSpan;
+    };
+}
+/**
+ * Creates a band scale for categorical data (e.g., bar chart x-axis).
+ *
+ * @param domain - Array of category labels
+ * @param range - [start, end] pixel positions
+ * @param padding - Padding ratio between bands (0-1), default 0.1
+ * @returns Object with scale function, bandwidth, and step
+ *
+ * @example
+ * const xScale = bandScale(['Jan', 'Feb', 'Mar'], [0, 300], 0.2);
+ * xScale.scale('Feb'); // => position of 'Feb' band
+ * xScale.bandwidth; // => width of each bar
+ */
+function bandScale(domain, range, padding = 0.1) {
+    const [r0, r1] = range;
+    const rangeSpan = r1 - r0;
+    const n = domain.length;
+    if (n === 0) {
+        return {
+            scale: () => r0,
+            bandwidth: 0,
+            step: 0,
+            paddingPixels: 0,
+        };
+    }
+    // step = bandwidth + innerPadding
+    // totalPadding = (n - 1) * innerPadding + 2 * outerPadding
+    // For simplicity, use same padding ratio for inner and outer
+    const step = rangeSpan / (n + padding);
+    const bandwidth = step * (1 - padding);
+    const paddingPixels = step * padding;
+    const offset = paddingPixels / 2;
+    const labelToIndex = new Map(domain.map((label, i) => [label, i]));
+    return {
+        scale: (label) => {
+            const index = labelToIndex.get(label) ?? 0;
+            return r0 + offset + index * step;
+        },
+        bandwidth,
+        step,
+        paddingPixels,
+    };
+}
+/**
+ * Generates nice tick values for an axis.
+ *
+ * @param domain - [min, max] domain values
+ * @param count - Approximate number of ticks desired
+ * @returns Array of tick values
+ */
+function generateTicks(domain, count = 5) {
+    const [min, max] = domain;
+    const range = max - min;
+    if (range === 0) {
+        return [min];
+    }
+    // Find a nice step size
+    const roughStep = range / count;
+    const magnitude = Math.pow(10, Math.floor(Math.log10(roughStep)));
+    const normalizedStep = roughStep / magnitude;
+    let niceStep;
+    if (normalizedStep <= 1)
+        niceStep = 1;
+    else if (normalizedStep <= 2)
+        niceStep = 2;
+    else if (normalizedStep <= 5)
+        niceStep = 5;
+    else
+        niceStep = 10;
+    niceStep *= magnitude;
+    // Generate ticks
+    const start = Math.ceil(min / niceStep) * niceStep;
+    const ticks = [];
+    for (let tick = start; tick <= max; tick += niceStep) {
+        ticks.push(Math.round(tick * 1e10) / 1e10); // Avoid floating point issues
+    }
+    // Ensure we have at least the endpoints if ticks are empty or sparse
+    if (ticks.length === 0 || ticks[0] > min) {
+        ticks.unshift(min);
+    }
+    if (ticks[ticks.length - 1] < max) {
+        ticks.push(max);
+    }
+    return ticks;
+}
+/**
+ * Generates tick marks with positions for rendering.
+ *
+ * @param domain - [min, max] domain values
+ * @param range - [start, end] pixel positions
+ * @param count - Approximate number of ticks
+ * @param formatFn - Optional formatter for tick labels
+ * @returns Array of Tick objects
+ */
+function generateTickMarks(domain, range, count = 5, formatFn) {
+    const scale = linearScale(domain, range);
+    const ticks = generateTicks(domain, count);
+    const format = formatFn ?? ((v) => String(v));
+    return ticks.map((value) => ({
+        value,
+        position: scale(value),
+        label: format(value),
+    }));
+}
+/**
+ * Computes the domain extent from data values with optional padding.
+ *
+ * @param values - Array of numbers
+ * @param padding - Ratio to extend domain beyond data (0 = tight fit)
+ * @param includeZero - Whether to always include zero in the domain
+ * @returns [min, max] domain tuple
+ */
+function computeDomain(values, padding = 0, includeZero = true) {
+    if (values.length === 0) {
+        return [0, 1];
+    }
+    let min = Math.min(...values);
+    let max = Math.max(...values);
+    if (includeZero) {
+        if (min > 0)
+            min = 0;
+        if (max < 0)
+            max = 0;
+    }
+    const span = max - min || 1;
+    const paddingAmount = span * padding;
+    return [min - paddingAmount, max + paddingAmount];
+}
+/**
+ * Formats a number for display on chart axes.
+ * Uses compact notation for large numbers.
+ */
+function formatAxisValue(value) {
+    const abs = Math.abs(value);
+    if (abs >= 1000000) {
+        return (value / 1000000).toFixed(1).replace(/\.0$/, '') + 'M';
+    }
+    if (abs >= 1000) {
+        return (value / 1000).toFixed(1).replace(/\.0$/, '') + 'K';
+    }
+    if (abs < 1 && abs > 0) {
+        return value.toFixed(2);
+    }
+    return String(Math.round(value));
+}
+
+exports.bandScale = bandScale;
+exports.computeDomain = computeDomain;
+exports.defaultMargins = defaultMargins;
+exports.formatAxisValue = formatAxisValue;
+exports.generateTickMarks = generateTickMarks;
+exports.linearScale = linearScale;

package/dist/collection/collection-manifest.json

@@ -26,8 +26,16 @@
     "components/af-hero/af-hero.js",
     "components/af-accordion/af-accordion.js",
     "components/af-accordion-item/af-accordion-item.js",
+    "components/af-action-item/af-action-item.js",
+    "components/af-action-list/af-action-list.js",
+    "components/af-area-chart/af-area-chart.js",
+    "components/af-bar-chart/af-bar-chart.js",
+    "components/af-callout/af-callout.js",
     "components/af-card/af-card.js",
     "components/af-center/af-center.js",
+    "components/af-chart-legend/af-chart-legend.js",
+    "components/af-chart-section/af-chart-section.js",
+    "components/af-chart-tooltip/af-chart-tooltip.js",
     "components/af-client-carousel/af-client-carousel.js",
     "components/af-contact-item/af-contact-item.js",
     "components/af-divider/af-divider.js",
@@ -44,17 +52,24 @@
     "components/af-image/af-image.js",
     "components/af-in-page-banner/af-in-page-banner.js",
     "components/af-inline/af-inline.js",
+    "components/af-line-chart/af-line-chart.js",
+    "components/af-logo-mark/af-logo-mark.js",
     "components/af-logo-well/af-logo-well.js",
     "components/af-nav-accordion/af-nav-accordion.js",
     "components/af-nav-accordion-item/af-nav-accordion-item.js",
     "components/af-nav-card/af-nav-card.js",
     "components/af-nav-menu/af-nav-menu.js",
     "components/af-nav-menu-nest/af-nav-menu-nest.js",
+    "components/af-next-step-item/af-next-step-item.js",
+    "components/af-next-steps/af-next-steps.js",
     "components/af-number-badge/af-number-badge.js",
     "components/af-numbered-stepper/af-numbered-stepper.js",
     "components/af-numbered-stepper-item/af-numbered-stepper-item.js",
     "components/af-paperclip-decoration/af-paperclip-decoration.js",
+    "components/af-pie-chart/af-pie-chart.js",
     "components/af-progress-line/af-progress-line.js",
+    "components/af-proposal-footer/af-proposal-footer.js",
+    "components/af-proposal-header/af-proposal-header.js",
     "components/af-section/af-section.js",
     "components/af-show/af-show.js",
     "components/af-social-link/af-social-link.js",
@@ -65,19 +80,23 @@
     "components/af-stats-row/af-stats-row.js",
     "components/af-stepper/af-stepper.js",
     "components/af-stepper-step/af-stepper-step.js",
+    "components/af-table/af-table.js",
     "components/af-testimonial/af-testimonial.js",
     "components/af-testimonial-carousel/af-testimonial-carousel.js",
     "components/af-testimonial-stat/af-testimonial-stat.js",
     "components/af-text-image/af-text-image.js",
     "components/af-text-image-nest/af-text-image-nest.js",
     "components/af-theme-override/af-theme-override.js",
+    "components/af-timeline/af-timeline.js",
+    "components/af-timeline-item/af-timeline-item.js",
     "components/af-video-container/af-video-container.js",
     "components/af-visually-hidden/af-visually-hidden.js"
   ],
+  "mixins": [],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.38.2",
-    "typescriptVersion": "5.9.3"
+    "version": "4.43.4",
+    "typescriptVersion": "5.8.3"
   },
   "collections": [],
   "bundles": []

package/dist/collection/components/af-accordion/af-accordion.js

@@ -204,4 +204,3 @@ export class AfAccordion {
             }];
     }
 }
-//# sourceMappingURL=af-accordion.js.map

package/dist/collection/components/af-accordion-item/af-accordion-item.js

@@ -195,4 +195,3 @@ export class AfAccordionItem {
             }];
     }
 }
-//# sourceMappingURL=af-accordion-item.js.map

package/dist/collection/components/af-action-item/af-action-item.css

@@ -0,0 +1,186 @@
+:host {
+  display: block;
+}
+
+/* ==========================================================================
+   Button Container
+   ========================================================================== */
+
+.action-item__button {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--space-3, 12px);
+  width: 100%;
+  padding: var(--space-3, 12px) var(--space-4, 16px);
+  border: none;
+  background: transparent;
+  text-align: left;
+  cursor: default;
+  border-radius: var(--radius-sm, 6px);
+  transition: background-color var(--motion-duration-fast, 150ms) var(--motion-easing-standard);
+  font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);
+}
+
+.action-item--interactive .action-item__button {
+  cursor: pointer;
+}
+
+.action-item--interactive .action-item__button:hover {
+  background-color: var(--af-background-level-1, #e8eeed);
+}
+
+.action-item--interactive .action-item__button:focus-visible {
+  outline: 2px solid var(--colour-brand-ice, #a6fffb);
+  outline-offset: -2px;
+}
+
+.action-item--blocked .action-item__button {
+  cursor: not-allowed;
+  opacity: 0.7;
+}
+
+/* ==========================================================================
+   Status Indicator
+   ========================================================================== */
+
+.action-item__status {
+  flex-shrink: 0;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 2px;
+}
+
+/* Empty circle for pending */
+.action-item__status-empty {
+  width: 20px;
+  height: 20px;
+  border: 2px solid var(--colour-inkwell-200, #a1aeb1);
+  border-radius: 50%;
+}
+
+/* Filled circle with dot for in-progress */
+.action-item__status-progress {
+  width: 20px;
+  height: 20px;
+  border: 2px solid var(--colour-brand-mist-green, #c6d5d1);
+  border-radius: 50%;
+  position: relative;
+}
+
+.action-item__status-progress::after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 8px;
+  height: 8px;
+  background-color: var(--colour-brand-mist-green, #c6d5d1);
+  border-radius: 50%;
+}
+
+/* Status-specific icon colors */
+.action-item--done .action-item__status {
+  color: var(--status-ok, #3e8f6e);
+}
+
+.action-item--blocked .action-item__status {
+  color: var(--status-issue, #b94a3b);
+}
+
+/* ==========================================================================
+   Content
+   ========================================================================== */
+
+.action-item__content {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.action-item__title {
+  font-weight: var(--font-weight-regular, 400);
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--af-typography-body-default, #2b484f);
+}
+
+/* Strikethrough for done items */
+.action-item--done .action-item__title {
+  text-decoration: line-through;
+  color: var(--af-typography-body-subtle, #60767b);
+}
+
+.action-item__meta {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--af-typography-body-subtle, #60767b);
+}
+
+.action-item__meta:empty {
+  display: none;
+}
+
+/* ==========================================================================
+   Info (Assignee / Due Date)
+   ========================================================================== */
+
+.action-item__info {
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 2px;
+  text-align: right;
+}
+
+.action-item__assignee {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--af-typography-body-default, #2b484f);
+}
+
+.action-item__due-date {
+  font-size: 13px;
+  line-height: 18px;
+  color: var(--af-typography-body-subtle, #60767b);
+}
+
+/* ==========================================================================
+   Separator between items
+   ========================================================================== */
+
+:host + :host {
+  border-top: 1px solid var(--af-background-border-subtle, #e8eeed);
+}
+
+/* ==========================================================================
+   Mobile Responsive
+   ========================================================================== */
+
+@media (max-width: 480px) {
+  .action-item__button {
+    padding: var(--space-3, 12px);
+    gap: var(--space-3, 12px);
+  }
+
+  .action-item__title {
+    font-size: 15px;
+  }
+
+  .action-item__info {
+    align-items: flex-end;
+    gap: 2px;
+  }
+
+  .action-item__assignee,
+  .action-item__due-date {
+    font-size: 13px;
+    line-height: 18px;
+  }
+}