@telia/teddy 0.5.0 → 0.5.1

package/dist/components/accordion/accordion-root.cjs

@@ -22,22 +22,23 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const AccordionPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(AccordionPrimitive);
-const slideDown = "_slideDown_nueyr_1";
-const slideUp = "_slideUp_nueyr_1";
+const slideDown = "_slideDown_1hyar_1";
+const slideUp = "_slideUp_1hyar_1";
 const styles = {
-  "teddy-accordion": "_teddy-accordion_nueyr_3",
-  "teddy-accordion--indented": "_teddy-accordion--indented_nueyr_11",
-  "teddy-accordion__header": "_teddy-accordion__header_nueyr_11",
-  "teddy-accordion__content": "_teddy-accordion__content_nueyr_14",
-  "teddy-accordion--negative": "_teddy-accordion--negative_nueyr_17",
-  "teddy-accordion__title": "_teddy-accordion__title_nueyr_21",
-  "teddy-accordion__trigger": "_teddy-accordion__trigger_nueyr_24",
-  "teddy-accordion__item": "_teddy-accordion__item_nueyr_32",
-  "teddy-accordion__indicator": "_teddy-accordion__indicator_nueyr_101",
-  "teddy-accordion__indicator--rotate": "_teddy-accordion__indicator--rotate_nueyr_112",
+  "teddy-accordion": "_teddy-accordion_1hyar_3",
+  "teddy-accordion--indented": "_teddy-accordion--indented_1hyar_11",
+  "teddy-accordion__header": "_teddy-accordion__header_1hyar_11",
+  "teddy-accordion__content": "_teddy-accordion__content_1hyar_14",
+  "teddy-accordion--no-border": "_teddy-accordion--no-border_1hyar_17",
+  "teddy-accordion__item": "_teddy-accordion__item_1hyar_17",
+  "teddy-accordion--negative": "_teddy-accordion--negative_1hyar_23",
+  "teddy-accordion__title": "_teddy-accordion__title_1hyar_27",
+  "teddy-accordion__trigger": "_teddy-accordion__trigger_1hyar_30",
+  "teddy-accordion__indicator": "_teddy-accordion__indicator_1hyar_107",
+  "teddy-accordion__indicator--rotate": "_teddy-accordion__indicator--rotate_1hyar_118",
   slideDown,
   slideUp,
-  "teddy-accordion--info-area": "_teddy-accordion--info-area_nueyr_142"
+  "teddy-accordion--info-area": "_teddy-accordion--info-area_1hyar_148"
 };
 const rootClassName = "teddy-accordion";
 const RootContext = React.createContext({ value: void 0, variant: void 0 });
@@ -64,12 +65,13 @@ const AccordionMultiple = React.forwardRef(
   }
 );
 const Root = React.forwardRef(
-  ({ className, variant = "default", children, indented = false, ...props }, forwardRef) => {
+  ({ className, variant = "default", children, indented = false, noborder = false, ...props }, forwardRef) => {
     const classes = clsx(
       styles[rootClassName],
       styles[`${rootClassName}--${variant}`],
       {
-        [styles[`${rootClassName}--indented`]]: indented || variant === "info-area"
+        [styles[`${rootClassName}--indented`]]: indented || variant === "info-area",
+        [styles[`${rootClassName}--no-border`]]: noborder
       },
       className
     );

package/dist/components/accordion/accordion-root.d.ts

@@ -9,9 +9,11 @@ export declare const RootContext: React.Context<{
 export type RootProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & ({
     variant?: 'default' | 'negative';
     indented?: boolean;
+    noborder?: boolean;
 } | {
     variant: 'info-area';
     indented?: never;
+    noborder?: boolean;
 });
 /**
  * The Accordion component is used to render the root element.

package/dist/components/accordion/accordion-root.js

@@ -3,22 +3,23 @@ import clsx from "clsx";
 import React__default from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { useControllableState } from "@radix-ui/react-use-controllable-state";
-const slideDown = "_slideDown_nueyr_1";
-const slideUp = "_slideUp_nueyr_1";
+const slideDown = "_slideDown_1hyar_1";
+const slideUp = "_slideUp_1hyar_1";
 const styles = {
-  "teddy-accordion": "_teddy-accordion_nueyr_3",
-  "teddy-accordion--indented": "_teddy-accordion--indented_nueyr_11",
-  "teddy-accordion__header": "_teddy-accordion__header_nueyr_11",
-  "teddy-accordion__content": "_teddy-accordion__content_nueyr_14",
-  "teddy-accordion--negative": "_teddy-accordion--negative_nueyr_17",
-  "teddy-accordion__title": "_teddy-accordion__title_nueyr_21",
-  "teddy-accordion__trigger": "_teddy-accordion__trigger_nueyr_24",
-  "teddy-accordion__item": "_teddy-accordion__item_nueyr_32",
-  "teddy-accordion__indicator": "_teddy-accordion__indicator_nueyr_101",
-  "teddy-accordion__indicator--rotate": "_teddy-accordion__indicator--rotate_nueyr_112",
+  "teddy-accordion": "_teddy-accordion_1hyar_3",
+  "teddy-accordion--indented": "_teddy-accordion--indented_1hyar_11",
+  "teddy-accordion__header": "_teddy-accordion__header_1hyar_11",
+  "teddy-accordion__content": "_teddy-accordion__content_1hyar_14",
+  "teddy-accordion--no-border": "_teddy-accordion--no-border_1hyar_17",
+  "teddy-accordion__item": "_teddy-accordion__item_1hyar_17",
+  "teddy-accordion--negative": "_teddy-accordion--negative_1hyar_23",
+  "teddy-accordion__title": "_teddy-accordion__title_1hyar_27",
+  "teddy-accordion__trigger": "_teddy-accordion__trigger_1hyar_30",
+  "teddy-accordion__indicator": "_teddy-accordion__indicator_1hyar_107",
+  "teddy-accordion__indicator--rotate": "_teddy-accordion__indicator--rotate_1hyar_118",
   slideDown,
   slideUp,
-  "teddy-accordion--info-area": "_teddy-accordion--info-area_nueyr_142"
+  "teddy-accordion--info-area": "_teddy-accordion--info-area_1hyar_148"
 };
 const rootClassName = "teddy-accordion";
 const RootContext = React__default.createContext({ value: void 0, variant: void 0 });
@@ -45,12 +46,13 @@ const AccordionMultiple = React__default.forwardRef(
   }
 );
 const Root = React__default.forwardRef(
-  ({ className, variant = "default", children, indented = false, ...props }, forwardRef) => {
+  ({ className, variant = "default", children, indented = false, noborder = false, ...props }, forwardRef) => {
     const classes = clsx(
       styles[rootClassName],
       styles[`${rootClassName}--${variant}`],
       {
-        [styles[`${rootClassName}--indented`]]: indented || variant === "info-area"
+        [styles[`${rootClassName}--indented`]]: indented || variant === "info-area",
+        [styles[`${rootClassName}--no-border`]]: noborder
       },
       className
     );

package/dist/style.css

@@ -4475,62 +4475,68 @@
   }
 }@layer heading, link, accordion;
 @layer accordion {
-  ._teddy-accordion_nueyr_3 {
+  ._teddy-accordion_1hyar_3 {
     --indented-spacing: var(--teddy-spacing-200);
   }
   @media (min-width: 600px) {
-    ._teddy-accordion_nueyr_3 {
+    ._teddy-accordion_1hyar_3 {
       --indented-spacing: var(--teddy-spacing-300);
     }
   }
-  ._teddy-accordion--indented_nueyr_11 ._teddy-accordion__header_nueyr_11 > *:first-child {
+  ._teddy-accordion--indented_1hyar_11 ._teddy-accordion__header_1hyar_11 > *:first-child {
     padding-left: var(--indented-spacing);
   }
-  ._teddy-accordion--indented_nueyr_11 ._teddy-accordion__content_nueyr_14 {
+  ._teddy-accordion--indented_1hyar_11 ._teddy-accordion__content_1hyar_14 {
     padding-inline: var(--indented-spacing);
   }
-  ._teddy-accordion--negative_nueyr_17 ._teddy-accordion__header_nueyr_11 {
+  ._teddy-accordion--no-border_1hyar_17 ._teddy-accordion__item_1hyar_17 {
+    border-top: none;
+  }
+  ._teddy-accordion--no-border_1hyar_17 ._teddy-accordion__item_1hyar_17:last-child {
+    border-bottom: none;
+  }
+  ._teddy-accordion--negative_1hyar_23 ._teddy-accordion__header_1hyar_11 {
     color: var(--teddy-color-text-interactive-primary-negative);
   }
-  ._teddy-accordion--negative_nueyr_17 ._teddy-accordion__content_nueyr_14,
-  ._teddy-accordion--negative_nueyr_17 ._teddy-accordion__title_nueyr_21 {
+  ._teddy-accordion--negative_1hyar_23 ._teddy-accordion__content_1hyar_14,
+  ._teddy-accordion--negative_1hyar_23 ._teddy-accordion__title_1hyar_27 {
     color: var(--teddy-color-text-default-negative);
   }
-  ._teddy-accordion--negative_nueyr_17 ._teddy-accordion__trigger_nueyr_24:hover {
+  ._teddy-accordion--negative_1hyar_23 ._teddy-accordion__trigger_1hyar_30:hover {
     background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion--negative_nueyr_17 ._teddy-accordion__trigger_nueyr_24:active {
+    ._teddy-accordion--negative_1hyar_23 ._teddy-accordion__trigger_1hyar_30:active {
       background-color: var(--teddy-color-background-interactive-transparent-negative-active);
     }
   }
-  ._teddy-accordion--negative_nueyr_17 ._teddy-accordion__item_nueyr_32 {
+  ._teddy-accordion--negative_1hyar_23 ._teddy-accordion__item_1hyar_17 {
     border-color: var(--teddy-color-border-medium-negative);
   }
-  ._teddy-accordion--negative_nueyr_17 ._teddy-accordion__item_nueyr_32:last-child {
+  ._teddy-accordion--negative_1hyar_23 ._teddy-accordion__item_1hyar_17:last-child {
     border-color: var(--teddy-color-border-medium-negative);
   }
-  ._teddy-accordion_nueyr_3:disabled {
+  ._teddy-accordion_1hyar_3:disabled {
     background-color: var(--teddy-color-background-interactive-transparent);
   }
-  ._teddy-accordion__title_nueyr_21 {
+  ._teddy-accordion__title_1hyar_27 {
     margin-bottom: var(--teddy-spacing-300);
   }
   @media (min-width: 600px) {
-    ._teddy-accordion__title_nueyr_21 {
+    ._teddy-accordion__title_1hyar_27 {
       margin-bottom: var(--teddy-spacing-400);
     }
   }
-  ._teddy-accordion__item_nueyr_32 {
+  ._teddy-accordion__item_1hyar_17 {
     border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
   }
-  ._teddy-accordion__item_nueyr_32:first-child {
+  ._teddy-accordion__item_1hyar_17:first-child {
     margin-top: 0;
   }
-  ._teddy-accordion__item_nueyr_32:last-child {
+  ._teddy-accordion__item_1hyar_17:last-child {
     border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
   }
-  ._teddy-accordion__header_nueyr_11 {
+  ._teddy-accordion__header_1hyar_11 {
     background-color: var(--teddy-color-background-interactive-transparent);
     display: grid;
     grid-template-columns: minmax(0, 1fr) auto;
@@ -4539,7 +4545,7 @@
     color: var(--teddy-color-text-interactive-primary);
     font-weight: var(--teddy-typography-weight-bold);
   }
-  ._teddy-accordion__trigger_nueyr_24 {
+  ._teddy-accordion__trigger_1hyar_30 {
     all: unset;
     font-family: inherit;
     background-color: transparent;
@@ -4553,92 +4559,92 @@
     transition-timing-function: var(--teddy-motion-easing-ease-in-out);
     transition-property: background-color, color;
   }
-  ._teddy-accordion__trigger_nueyr_24:hover {
+  ._teddy-accordion__trigger_1hyar_30:hover {
     background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion__trigger_nueyr_24:active {
+    ._teddy-accordion__trigger_1hyar_30:active {
       background-color: var(--teddy-color-background-interactive-transparent-active);
     }
   }
-  ._teddy-accordion__trigger_nueyr_24:focus-within {
+  ._teddy-accordion__trigger_1hyar_30:focus-within {
     outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
     outline-offset: var(--teddy-spacing-25);
     z-index: 1;
   }
-  ._teddy-accordion__trigger_nueyr_24:focus-within:not(:focus-visible) {
+  ._teddy-accordion__trigger_1hyar_30:focus-within:not(:focus-visible) {
     outline: 0;
   }
-  ._teddy-accordion__trigger_nueyr_24:disabled {
+  ._teddy-accordion__trigger_1hyar_30:disabled {
     cursor: not-allowed;
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-accordion__trigger_nueyr_24 ._teddy-accordion__indicator_nueyr_101 {
+  ._teddy-accordion__trigger_1hyar_30 ._teddy-accordion__indicator_1hyar_107 {
     flex-shrink: 0;
     transform: rotate(0);
     margin: var(--indented-spacing);
   }
   @media (min-width: 1024px) {
-    ._teddy-accordion__trigger_nueyr_24 ._teddy-accordion__indicator_nueyr_101 {
+    ._teddy-accordion__trigger_1hyar_30 ._teddy-accordion__indicator_1hyar_107 {
       margin-block: var(--teddy-spacing-400);
     }
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion__trigger_nueyr_24 ._teddy-accordion__indicator--rotate_nueyr_112 {
+    ._teddy-accordion__trigger_1hyar_30 ._teddy-accordion__indicator--rotate_1hyar_118 {
       transition: transform var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
     }
   }
-  ._teddy-accordion__trigger_nueyr_24[data-state=open] ._teddy-accordion__indicator_nueyr_101 {
+  ._teddy-accordion__trigger_1hyar_30[data-state=open] ._teddy-accordion__indicator_1hyar_107 {
     transform: rotate(180deg);
   }
-  ._teddy-accordion__content_nueyr_14 {
+  ._teddy-accordion__content_1hyar_14 {
     overflow: hidden;
     color: var(--teddy-color-text-default);
     padding: 0 var(--teddy-spacing-300) 0 0;
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion__content_nueyr_14[data-state=open] {
-      animation: _slideDown_nueyr_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
+    ._teddy-accordion__content_1hyar_14[data-state=open] {
+      animation: _slideDown_1hyar_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
       height: auto;
       visibility: visible;
     }
-    ._teddy-accordion__content_nueyr_14[data-state=closed] {
+    ._teddy-accordion__content_1hyar_14[data-state=closed] {
       visibility: hidden;
       height: 0;
-      animation: _slideUp_nueyr_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
+      animation: _slideUp_1hyar_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
     }
   }
-  ._teddy-accordion__content_nueyr_14::after {
+  ._teddy-accordion__content_1hyar_14::after {
     content: "";
     display: block;
     height: var(--teddy-spacing-400);
     width: 100%;
   }
-  ._teddy-accordion--info-area_nueyr_142 ._teddy-accordion__header_nueyr_11 {
+  ._teddy-accordion--info-area_1hyar_148 ._teddy-accordion__header_1hyar_11 {
     color: var(--teddy-color-text-default);
     font-size: var(--teddy-typography-scale-100);
   }
-  ._teddy-accordion--info-area_nueyr_142 ._teddy-accordion__content_nueyr_14::after {
+  ._teddy-accordion--info-area_1hyar_148 ._teddy-accordion__content_1hyar_14::after {
     height: var(--teddy-spacing-200);
   }
-  ._teddy-accordion--info-area_nueyr_142 ._teddy-accordion__indicator_nueyr_101 {
+  ._teddy-accordion--info-area_1hyar_148 ._teddy-accordion__indicator_1hyar_107 {
     margin-block: var(--teddy-spacing-200);
   }
-  ._teddy-accordion--info-area_nueyr_142 ._teddy-accordion__content_nueyr_14,
-  ._teddy-accordion--info-area_nueyr_142 ._teddy-accordion__title_nueyr_21 {
+  ._teddy-accordion--info-area_1hyar_148 ._teddy-accordion__content_1hyar_14,
+  ._teddy-accordion--info-area_1hyar_148 ._teddy-accordion__title_1hyar_27 {
     color: var(--teddy-color-text-default);
   }
-  ._teddy-accordion--info-area_nueyr_142 ._teddy-accordion__item_nueyr_32 {
+  ._teddy-accordion--info-area_1hyar_148 ._teddy-accordion__item_1hyar_17 {
     background-color: var(--teddy-color-background-interactive-inactive);
     border: none;
   }
-  ._teddy-accordion--info-area_nueyr_142 ._teddy-accordion__item_nueyr_32:last-child {
+  ._teddy-accordion--info-area_1hyar_148 ._teddy-accordion__item_1hyar_17:last-child {
     border: none;
   }
-  ._teddy-accordion--info-area_nueyr_142 ._teddy-accordion__item_nueyr_32:not(:last-child) {
+  ._teddy-accordion--info-area_1hyar_148 ._teddy-accordion__item_1hyar_17:not(:last-child) {
     position: relative;
   }
-  ._teddy-accordion--info-area_nueyr_142 ._teddy-accordion__item_nueyr_32:not(:last-child)::after {
+  ._teddy-accordion--info-area_1hyar_148 ._teddy-accordion__item_1hyar_17:not(:last-child)::after {
     content: "";
     display: block;
     position: absolute;
@@ -4647,21 +4653,21 @@
     transform: translateY(50%);
     background-color: var(--teddy-color-border-weak);
   }
-  ._teddy-accordion--info-area_nueyr_142 ._teddy-accordion__item_nueyr_32:first-of-type {
+  ._teddy-accordion--info-area_1hyar_148 ._teddy-accordion__item_1hyar_17:first-of-type {
     border-radius: var(--teddy-border-radius-md) var(--teddy-border-radius-md) 0 0;
   }
-  ._teddy-accordion--info-area_nueyr_142 ._teddy-accordion__item_nueyr_32:last-of-type {
+  ._teddy-accordion--info-area_1hyar_148 ._teddy-accordion__item_1hyar_17:last-of-type {
     border-radius: 0 0 var(--teddy-border-radius-md) var(--teddy-border-radius-md);
   }
-  ._teddy-accordion--info-area_nueyr_142 ._teddy-accordion__trigger_nueyr_24:hover {
+  ._teddy-accordion--info-area_1hyar_148 ._teddy-accordion__trigger_1hyar_30:hover {
     background-color: var(--teddy-color-background-interactive-inactive);
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion--info-area_nueyr_142 ._teddy-accordion__trigger_nueyr_24:active {
+    ._teddy-accordion--info-area_1hyar_148 ._teddy-accordion__trigger_1hyar_30:active {
       background-color: var(--teddy-color-background-interactive-disabled);
     }
   }
-  @keyframes _slideDown_nueyr_1 {
+  @keyframes _slideDown_1hyar_1 {
     from {
       height: 0;
     }
@@ -4669,7 +4675,7 @@
       height: var(--radix-accordion-content-height);
     }
   }
-  @keyframes _slideUp_nueyr_1 {
+  @keyframes _slideUp_1hyar_1 {
     from {
       height: var(--radix-accordion-content-height);
     }

package/package.json

@@ -20,7 +20,7 @@
     "pnpm": ">=9"
   },
   "private": false,
-  "version": "0.5.0",
+  "version": "0.5.1",
   "sideEffects": [
     "**/*.css",
     "**/*.svg"