@dnanpm/ui-components 0.7.0 → 0.9.0

package/dist/index.d.ts

@@ -2,30 +2,40 @@ export { Accordion } from './components/Accordion';
 export { AccordionItem } from './components/AccordionItem';
 export { Breadcrumb } from './components/Breadcrumb';
 export { Button } from './components/Button';
+export { ButtonCard } from './components/ButtonCard';
 export { ColorScheme } from './components/ColorScheme';
+export { ContentCard } from './components/ContentCard';
+export { Drawer } from './components/Drawer';
 export { Footer } from './components/Footer';
 export { Hero } from './components/Hero';
 export { MainNavigation } from './components/MainNavigation';
 export { Notification } from './components/Notification';
 export { Label } from './components/Label';
+export { Modal } from './components/Modal';
 export { Pictograph, PictographItem } from './components/Pictograph';
 export { Quote } from './components/Quote';
 export { Spinner } from './components/Spinner';
 export { IconButton } from './components/IconButton';
+export { FunctionButton } from './components/FunctionButton';
 export type { AccordionProps } from './components/Accordion';
 export type { AccordionItemProps } from './components/AccordionItem';
 export type { BreadcrumbItem, BreadcrumbLinkProps, BreadcrumbProps } from './components/Breadcrumb';
 export type { ButtonProps, ButtonLinkProps, ButtonVariant, ButtonSize } from './components/Button';
+export type { ButtonCardIcon, ButtonCardLinkProps, ButtonCardProps, ButtonCardSize, } from './components/ButtonCard';
 export type { ColorSchemeProps, ColorSchemeValue } from './components/ColorScheme';
+export type { ContentCardAppearance, ContentCardArticleProps, ContentCardDivProps, ContentCardElement, ContentCardHeadingLevel, ContentCardLiProps, ContentCardLogoBackground, ContentCardMediaKind, ContentCardMediaPosition, ContentCardMediaWidth, ContentCardProps, ContentCardSectionProps, } from './components/ContentCard';
+export type { DrawerHeaderStyle, DrawerProps, DrawerSide, DrawerSize } from './components/Drawer';
 export type { FooterAppLink, FooterAppLinks, FooterLanguage, FooterLink, FooterLinkMeta, FooterLinkProps, FooterMandatoryLink, FooterNavigationGroup, FooterOrganization, FooterProps, FooterRenderLink, FooterSocialLink, FooterSocialPlatform, FooterTopSectionGroup, FooterTopSectionLink, } from './components/Footer';
 export type { HeroProps, HeroHeadingLevel, HeroCommonImageProps, HeroImageComponent, } from './components/Hero';
-export type { MainNavigationItem, MainNavigationLink, MainNavigationOrganizationLink, MainNavigationPanel, MainNavigationProps, MainNavigationSubmenuColumn, } from './components/MainNavigation';
+export type { MainNavigationItem, MainNavigationLanguageCode, MainNavigationLanguageLinkProps, MainNavigationLanguageOption, MainNavigationLink, MainNavigationOrganizationLink, MainNavigationPanel, MainNavigationProps, MainNavigationRenderLanguageLink, MainNavigationSubmenuColumn, } from './components/MainNavigation';
 export type { NotificationProps, NotificationVariant } from './components/Notification';
 export type { LabelProps, LabelVariant } from './components/Label';
+export type { ModalHeaderStyle, ModalProps, ModalSize } from './components/Modal';
 export type { PictographItemProps, PictographProps } from './components/Pictograph';
 export type { QuoteProps } from './components/Quote';
 export type { SpinnerColor, SpinnerProps, SpinnerSize } from './components/Spinner';
 export type { Icon, IconPosition, IconButtonLinkProps, IconButtonProps, IconButtonSize, } from './components/IconButton';
+export type { FunctionButtonIcon, FunctionButtonProps, FunctionButtonSize, FunctionButtonVariant, } from './components/FunctionButton';
 export { cn } from './utils';
 export type { CnDictionary, CnInput } from './utils';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,YAAY,EAAE,cAAc,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACpG,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACnG,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACnF,YAAY,EACR,aAAa,EACb,cAAc,EACd,cAAc,EACd,UAAU,EACV,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,EAClB,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,GACvB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACR,SAAS,EACT,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,GACrB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACR,kBAAkB,EAClB,kBAAkB,EAClB,8BAA8B,EAC9B,mBAAmB,EACnB,mBAAmB,EACnB,2BAA2B,GAC9B,MAAM,6BAA6B,CAAC;AACrC,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACxF,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACnE,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACpF,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACpF,YAAY,EACR,IAAI,EACJ,YAAY,EACZ,mBAAmB,EACnB,eAAe,EACf,cAAc,GACjB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -3,12 +3,17 @@ import { Accordion } from "./components/Accordion/Accordion.js";
 import { AccordionItem } from "./components/AccordionItem/AccordionItem.js";
 import { Breadcrumb } from "./components/Breadcrumb/Breadcrumb.js";
 import { Button } from "./components/Button/Button.js";
+import { ButtonCard } from "./components/ButtonCard/ButtonCard.js";
 import { ColorScheme } from "./components/ColorScheme/ColorScheme.js";
+import { ContentCard } from "./components/ContentCard/ContentCard.js";
+import { Drawer } from "./components/Drawer/Drawer.js";
 import { Footer } from "./components/Footer/Footer.js";
+import { FunctionButton } from "./components/FunctionButton/FunctionButton.js";
 import { Hero } from "./components/Hero/Hero.js";
 import { IconButton } from "./components/IconButton/IconButton.js";
 import { Label } from "./components/Label/Label.js";
 import { MainNavigation } from "./components/MainNavigation/MainNavigation.js";
+import { Modal } from "./components/Modal/Modal.js";
 import { Notification } from "./components/Notification/Notification.js";
 import { Pictograph } from "./components/Pictograph/Pictograph.js";
 import { PictographItem } from "./components/Pictograph/PictographItem.js";
@@ -20,12 +25,17 @@ export {
   AccordionItem,
   Breadcrumb,
   Button,
+  ButtonCard,
   ColorScheme,
+  ContentCard,
+  Drawer,
   Footer,
+  FunctionButton,
   Hero,
   IconButton,
   Label,
   MainNavigation,
+  Modal,
   Notification,
   Pictograph,
   PictographItem,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/styles/utils/elevation.css

@@ -1,4 +1,4 @@
-@layer dds-components {._elevationLow_dspr0_1 {
+@layer dds-base, dds-components;@layer dds-components { @layer fallback, components; }@layer dds-components.components{._elevationLow_dspr0_1 {
     --_elevation-style: var(--elevation-semantic-elevation-low-offset-x)
         var(--elevation-semantic-elevation-low-offset-y)
         var(--elevation-semantic-elevation-low-blur) var(--elevation-semantic-elevation-low-spread)
@@ -27,5 +27,4 @@
     border: var(--borderwidth-semantic-xs) solid var(--color-semantic-border-neutral-base);
     box-shadow: var(--_elevation-style);
     border-radius: var(--radius-semantic-md);
-}
-}
+} }

package/dist/styles/utils/elevation.module.css.cjs

@@ -2,12 +2,15 @@ require('./elevation.css');
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const elevationLow = "_elevationLow_dspr0_1";
+const elevationMedium = "_elevationMedium_dspr0_8";
 const elevationHigh = "_elevationHigh_dspr0_16";
 const elevationStyles = {
   elevationLow,
+  elevationMedium,
   elevationHigh
 };
 exports.default = elevationStyles;
 exports.elevationHigh = elevationHigh;
 exports.elevationLow = elevationLow;
+exports.elevationMedium = elevationMedium;
 //# sourceMappingURL=elevation.module.css.cjs.map

package/dist/styles/utils/elevation.module.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"elevation.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"elevation.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/styles/utils/elevation.module.css.js

@@ -1,13 +1,16 @@
 import './elevation.css';
 const elevationLow = "_elevationLow_dspr0_1";
+const elevationMedium = "_elevationMedium_dspr0_8";
 const elevationHigh = "_elevationHigh_dspr0_16";
 const elevationStyles = {
   elevationLow,
+  elevationMedium,
   elevationHigh
 };
 export {
   elevationStyles as default,
   elevationHigh,
-  elevationLow
+  elevationLow,
+  elevationMedium
 };
 //# sourceMappingURL=elevation.module.css.js.map

package/dist/styles/utils/elevation.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"elevation.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"elevation.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/styles/utils/focus.css

@@ -1,12 +1,24 @@
-@layer dds-components {._focusable_1dunk_1 {
+@layer dds-base, dds-components;
+@layer dds-components { @layer fallback, components; }
+@layer dds-components.fallback{
+    ._focusable_1be87_1:where(:focus, :focus-visible) {
+        border-radius: var(--radius-semantic-sm);
+    }
+    ._focusableInset_1be87_33:where(:focus, :focus-visible) {
+        border-radius: var(--radius-semantic-sm);
+    } }
+@layer dds-components.components{._focusable_1be87_1 {
     /* Marker class for shared focus treatment */
 }
 
-._focusable_1dunk_1:focus {
+/* Fallback radius: components that set their own border-radius always win.
+   The postcss layer-wrap plugin hoists @layer fallback below dds-components.components. */
+
+._focusable_1be87_1:focus {
     outline-color: transparent;
 }
 
-._focusable_1dunk_1:focus-visible {
+._focusable_1be87_1:focus-visible {
     /* Transparent outline ensures a visible ring fallback in forced colors. */
     outline: 2px solid transparent;
     outline-offset: 2px;
@@ -15,31 +27,22 @@
         0 0 0 4px var(--color-semantic-utility-focus-strong);
 }
 
-._focusableRadiusSm_1dunk_18 {
-    /* Adds small border radius to focus ring surface without changing focus colors/shadows */
-}
-
-._focusableRadiusSm_1dunk_18:focus,
-._focusableRadiusSm_1dunk_18:focus-visible {
-    border-radius: var(--radius-semantic-sm);
-}
-
 @media (forced-colors: active) {
-    ._focusable_1dunk_1:focus-visible {
+    ._focusable_1be87_1:focus-visible {
         outline-color: Highlight;
         box-shadow: none;
     }
 }
 
-._focusableInset_1dunk_34 {
+._focusableInset_1be87_33 {
     /* Marker class for inset focus treatment (ring stays inside the element boundary) */
 }
 
-._focusableInset_1dunk_34:focus {
+._focusableInset_1be87_33:focus {
     outline-color: transparent;
 }
 
-._focusableInset_1dunk_34:focus-visible {
+._focusableInset_1be87_33:focus-visible {
     outline: 2px solid transparent;
     box-shadow:
         inset 0 0 0 2px var(--color-semantic-utility-focus-strong),
@@ -47,34 +50,34 @@
 }
 
 @media (forced-colors: active) {
-    ._focusableInset_1dunk_34:focus-visible {
+    ._focusableInset_1be87_33:focus-visible {
         outline-color: Highlight;
         box-shadow: none;
     }
 }
 
 @scope ([data-color-scheme='dark']) to ([data-color-scheme='light']) {
-    ._focusable_1dunk_1:focus-visible {
+    ._focusable_1be87_1:focus-visible {
         box-shadow:
             0 0 0 2px var(--color-semantic-utility-focus-strong),
             0 0 0 4px var(--color-semantic-utility-focus-soft);
     }
 
-    ._focusableInset_1dunk_34:focus-visible {
+    ._focusableInset_1be87_33:focus-visible {
         box-shadow:
             inset 0 0 0 2px var(--color-semantic-utility-focus-soft),
             inset 0 0 0 4px var(--color-semantic-utility-focus-strong);
     }
 
     @media (forced-colors: active) {
-        ._focusable_1dunk_1:focus-visible,
-        ._focusableInset_1dunk_34:focus-visible {
+        ._focusable_1be87_1:focus-visible,
+        ._focusableInset_1be87_33:focus-visible {
             box-shadow: none;
         }
     }
 }
 
-._focusClipGuard_1dunk_77 {
+._focusClipGuard_1be87_82 {
     /*
      * Prevents focus rings from being clipped when the container uses overflow: hidden.
      *
@@ -85,5 +88,4 @@
     --focus-clip-guard-bleed-inline: var(--spacing-space-4);
     margin-inline: calc(var(--focus-clip-guard-bleed-inline) * -1);
     padding-inline: var(--focus-clip-guard-bleed-inline);
-}
-}
+} }

package/dist/styles/utils/focus.module.css.cjs

@@ -1,13 +1,11 @@
 require('./focus.css');
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const focusable = "_focusable_1dunk_1";
-const focusableRadiusSm = "_focusableRadiusSm_1dunk_18";
-const focusableInset = "_focusableInset_1dunk_34";
-const focusClipGuard = "_focusClipGuard_1dunk_77";
+const focusable = "_focusable_1be87_1";
+const focusableInset = "_focusableInset_1be87_33";
+const focusClipGuard = "_focusClipGuard_1be87_82";
 const focusStyles = {
   focusable,
-  focusableRadiusSm,
   focusableInset,
   focusClipGuard
 };
@@ -15,5 +13,4 @@ exports.default = focusStyles;
 exports.focusClipGuard = focusClipGuard;
 exports.focusable = focusable;
 exports.focusableInset = focusableInset;
-exports.focusableRadiusSm = focusableRadiusSm;
 //# sourceMappingURL=focus.module.css.cjs.map

package/dist/styles/utils/focus.module.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"focus.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"focus.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/styles/utils/focus.module.css.js

@@ -1,11 +1,9 @@
 import './focus.css';
-const focusable = "_focusable_1dunk_1";
-const focusableRadiusSm = "_focusableRadiusSm_1dunk_18";
-const focusableInset = "_focusableInset_1dunk_34";
-const focusClipGuard = "_focusClipGuard_1dunk_77";
+const focusable = "_focusable_1be87_1";
+const focusableInset = "_focusableInset_1be87_33";
+const focusClipGuard = "_focusClipGuard_1be87_82";
 const focusStyles = {
   focusable,
-  focusableRadiusSm,
   focusableInset,
   focusClipGuard
 };
@@ -13,7 +11,6 @@ export {
   focusStyles as default,
   focusClipGuard,
   focusable,
-  focusableInset,
-  focusableRadiusSm
+  focusableInset
 };
 //# sourceMappingURL=focus.module.css.js.map

package/dist/styles/utils/focus.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"focus.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"focus.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/styles/utils/overlay.css

@@ -1,4 +1,4 @@
-@layer dds-components {._overlayStrong_1w2h3_1::before,
+@layer dds-base, dds-components;@layer dds-components { @layer fallback, components; }@layer dds-components.components{._overlayStrong_1w2h3_1::before,
 ._overlaySoft_1w2h3_2::before {
     content: '';
     position: fixed;
@@ -33,5 +33,4 @@
 
 ._overlaySoft_1w2h3_2::before {
     background: var(--color-semantic-utility-overlay-soft);
-}
-}
+} }

package/dist/styles/utils/text-decoration.css

@@ -1,14 +1,14 @@
-@layer dds-components {._underlineLink_o1ngy_1 {
+@layer dds-base, dds-components;@layer dds-components { @layer fallback, components; }@layer dds-components.components{._underlineLink_15fbp_1 {
     text-decoration: underline;
     text-underline-offset: 0.2em;
     text-decoration-skip-ink: auto;
     text-decoration-thickness: from-font;
 }
 
-._underlineLinkOnHover_o1ngy_8:hover {
+._underlineLinkOnHover_15fbp_8:hover,
+._underlineLinkOnHover_15fbp_8:focus-visible {
     text-decoration: underline;
     text-underline-offset: 0.2em;
     text-decoration-skip-ink: auto;
     text-decoration-thickness: from-font;
-}
-}
+} }

package/dist/styles/utils/text-decoration.module.css.cjs

@@ -1,8 +1,8 @@
 require('./text-decoration.css');
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const underlineLink = "_underlineLink_o1ngy_1";
-const underlineLinkOnHover = "_underlineLinkOnHover_o1ngy_8";
+const underlineLink = "_underlineLink_15fbp_1";
+const underlineLinkOnHover = "_underlineLinkOnHover_15fbp_8";
 const textDecorationStyles = {
   underlineLink,
   underlineLinkOnHover

package/dist/styles/utils/text-decoration.module.css.js

@@ -1,6 +1,6 @@
 import './text-decoration.css';
-const underlineLink = "_underlineLink_o1ngy_1";
-const underlineLinkOnHover = "_underlineLinkOnHover_o1ngy_8";
+const underlineLink = "_underlineLink_15fbp_1";
+const underlineLinkOnHover = "_underlineLinkOnHover_15fbp_8";
 const textDecorationStyles = {
   underlineLink,
   underlineLinkOnHover

package/dist/styles.css

@@ -1,4 +1,11 @@
-@layer dds-base {
+
+@layer dds-base, dds-components;
+/* Establish top-level layer priority before anything else so the base prelude
+   and component chunks agree on order regardless of which loads first in a
+   chunked runtime (e.g. Next.js + Turbopack). CSS registers layer priority by
+   first appearance, so declaring both names here keeps dds-base < dds-components
+   deterministic. A layer-name statement is permitted before @import. */
+@layer dds-base{
 
 /**
  * Do not edit directly, this file was auto-generated.
@@ -161,8 +168,7 @@
   --elevation-semantic-elevation-high-spread: 0px;
 }
 }
-
-@layer dds-base {
+@layer dds-base{
 
 /* ==========================================================================
    Extended typography tokens (hand-authored, CSS only)
@@ -261,8 +267,7 @@
         var(--typography-font-family-text-with-fallback);
 }
 }
-
-@layer dds-base {
+@layer dds-base{
 
 *,
 *::before,
@@ -303,8 +308,7 @@ video {
     max-width: 100%;
 }
 }
-
-@layer dds-base {
+@layer dds-base{
 
 /* ==========================================================================
    Base typography styles
@@ -480,3 +484,9 @@ ol {
     }
 }
 }
+/* Sublayer order within dds-components: fallback declarations (e.g. the shared
+   focus-ring radius) sit below component styles so components always override
+   them, regardless of stylesheet load order. */
+@layer dds-components {
+    @layer fallback, components;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dnanpm/ui-components",
-    "version": "0.7.0",
+    "version": "0.9.0",
     "description": "DNA Design System - React UI Components",
     "author": "DNA Oy",
     "license": "ISC",
@@ -86,8 +86,8 @@
     },
     "repository": {
         "type": "git",
-        "url": "https://github.com/DNA-Online-Services/dna-design-system.git",
+        "url": "https://dnae.ghe.com/dna/dna-design-system.git",
         "directory": "packages/ui-components"
     },
-    "homepage": "https://github.com/DNA-Online-Services/dna-design-system/tree/main/packages/ui-components#readme"
+    "homepage": "https://dnae.ghe.com/dna/dna-design-system/tree/main/packages/ui-components#readme"
 }