@telia/teddy 0.0.21 → 0.0.22

package/dist/utils/generate-styling/index.d.ts

@@ -1802,8 +1802,8 @@ export declare const stylings: readonly [{
     readonly key: "rows";
     readonly className: "teddy-gtr";
     readonly values: readonly [...{
-        key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[], {
         readonly key: "none";
         readonly value: "none";
@@ -1812,8 +1812,8 @@ export declare const stylings: readonly [{
     readonly key: "columns";
     readonly className: "teddy-gtc";
     readonly values: readonly [...{
-        readonly key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        readonly value: "repeat(10, minmax(0, 1fr))" | "repeat(1, minmax(0, 1fr))" | "repeat(2, minmax(0, 1fr))" | "repeat(3, minmax(0, 1fr))" | "repeat(4, minmax(0, 1fr))" | "repeat(5, minmax(0, 1fr))" | "repeat(6, minmax(0, 1fr))" | "repeat(7, minmax(0, 1fr))" | "repeat(8, minmax(0, 1fr))" | "repeat(9, minmax(0, 1fr))" | "repeat(11, minmax(0, 1fr))" | "repeat(12, minmax(0, 1fr))";
+        readonly key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        readonly value: "repeat(1, minmax(0, 1fr))" | "repeat(2, minmax(0, 1fr))" | "repeat(10, minmax(0, 1fr))" | "repeat(3, minmax(0, 1fr))" | "repeat(4, minmax(0, 1fr))" | "repeat(5, minmax(0, 1fr))" | "repeat(6, minmax(0, 1fr))" | "repeat(7, minmax(0, 1fr))" | "repeat(8, minmax(0, 1fr))" | "repeat(9, minmax(0, 1fr))" | "repeat(11, minmax(0, 1fr))" | "repeat(12, minmax(0, 1fr))";
     }[], {
         readonly key: "none";
         readonly value: "none";
@@ -1841,36 +1841,36 @@ export declare const stylings: readonly [{
     readonly key: "gridColumnStart";
     readonly className: "teddy-gcs";
     readonly values: {
-        key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[];
 }, {
     readonly key: "gridColumnEnd";
     readonly className: "teddy-gce";
     readonly values: {
-        key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[];
 }, {
     readonly key: "gridRowStart";
     readonly className: "teddy-grs";
     readonly values: {
-        key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[];
 }, {
     readonly key: "gridRowEnd";
     readonly className: "teddy-gre";
     readonly values: {
-        key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[];
 }, {
     readonly key: "gridColumn";
     readonly className: "teddy-gc";
     readonly values: readonly [...{
-        key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[], {
         readonly key: "span-2";
         readonly value: "span 2";
@@ -1909,8 +1909,8 @@ export declare const stylings: readonly [{
     readonly key: "gridRow";
     readonly className: "teddy-gr";
     readonly values: readonly [...{
-        key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[], {
         readonly key: "span-2";
         readonly value: "span 2";

package/dist/utils/generate-styling/util.d.ts

@@ -76,7 +76,7 @@ export type Responsive<T> = {
     [key in Breakpoint]?: T | AnyCssValue;
 } | (T | AnyCssValue);
 export declare const numberIterator: {
-    key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-    value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+    key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+    value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
 }[];
 export {};

package/package.json

@@ -18,7 +18,7 @@
     "pnpm": ">=8"
   },
   "private": false,
-  "version": "0.0.21",
+  "version": "0.0.22",
   "sideEffects": [
     "**/*.css"
   ],
@@ -29,18 +29,19 @@
   "devDependencies": {
     "@chromatic-com/storybook": "^1.5.0",
     "@laynezh/vite-plugin-lib-assets": "^0.5.19",
-    "@storybook/addon-a11y": "^8.1.5",
-    "@storybook/addon-essentials": "^8.1.5",
-    "@storybook/addon-interactions": "^8.1.5",
-    "@storybook/addon-links": "^8.1.5",
-    "@storybook/addon-storysource": "^8.1.5",
-    "@storybook/blocks": "^8.1.5",
+    "@storybook/addon-a11y": "^8.1.9",
+    "@storybook/addon-essentials": "^8.1.9",
+    "@storybook/addon-interactions": "^8.1.9",
+    "@storybook/addon-links": "^8.1.9",
+    "@storybook/addon-mdx-gfm": "^8.1.9",
+    "@storybook/addon-storysource": "^8.1.9",
+    "@storybook/blocks": "^8.1.9",
     "@storybook/client-api": "^7.6.17",
-    "@storybook/manager-api": "^8.1.5",
-    "@storybook/react": "^8.1.5",
-    "@storybook/react-vite": "^8.1.5",
-    "@storybook/test": "^8.1.5",
-    "@storybook/theming": "^8.1.5",
+    "@storybook/manager-api": "^8.1.9",
+    "@storybook/react": "^8.1.9",
+    "@storybook/react-vite": "^8.1.9",
+    "@storybook/test": "^8.1.9",
+    "@storybook/theming": "^8.1.9",
     "@types/fs-extra": "^11.0.4",
     "@types/node": "^20.11.16",
     "@types/react": "^18.2.53",
@@ -68,7 +69,7 @@
     "react-router-dom": "^6.23.0",
     "rollup-plugin-visualizer": "^5.12.0",
     "sass": "^1.70.0",
-    "storybook": "^8.1.5",
+    "storybook": "^8.1.9",
     "style-dictionary": "^3.9.2",
     "tsx": "^4.7.0",
     "typescript": "^5.3.3",

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

@@ -1,61 +0,0 @@
-import { default as React } from 'react';
-import { HeadingProps } from '../heading';
-import { IconProps } from '../icon';
-
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-/** -------------------------------------------------------------------------------------------------
- * Root
- * -----------------------------------------------------------------------------------------------*/
-type RootProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & {
-    variant?: 'default' | 'negative';
-    indented?: boolean;
-};
-/** -------------------------------------------------------------------------------------------------
- * Item
- * -----------------------------------------------------------------------------------------------*/
-type ItemProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>;
-/** -------------------------------------------------------------------------------------------------
- * Header
- * -----------------------------------------------------------------------------------------------*/
-type HeaderProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Header>;
-/** -------------------------------------------------------------------------------------------------
- * Trigger
- * -----------------------------------------------------------------------------------------------*/
-type TriggerProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> & {
-    hideIndicator?: boolean;
-};
-/** -------------------------------------------------------------------------------------------------
- * Indicator
- * -----------------------------------------------------------------------------------------------*/
-type IndicatorProps = Partial<IconProps>;
-/** -------------------------------------------------------------------------------------------------
- * Content
- * -----------------------------------------------------------------------------------------------*/
-type ContentProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>;
-/** -------------------------------------------------------------------------------------------------
- * Title
- * -----------------------------------------------------------------------------------------------*/
-type TitleProps = Omit<HeadingProps['Root'], 'variant'> & {
-    variant?: HeadingProps['Root']['variant'];
-} & (HeadingProps['AsChildProps'] | HeadingProps['AsProps']);
-declare const Accordion: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLDivElement>> & {
-    Trigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
-        hideIndicator?: boolean | undefined;
-    } & React.RefAttributes<HTMLButtonElement>>;
-    Content: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Header: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionHeaderProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-    Item: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Indicator: React.ForwardRefExoticComponent<Omit<Partial<IconProps>, "ref"> & React.RefAttributes<SVGSVGElement>>;
-    Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLHeadingElement>>;
-};
-type AccordionProps = {
-    Root: RootProps;
-    Trigger: TriggerProps;
-    Content: ContentProps;
-    Header: HeaderProps;
-    Item: ItemProps;
-    Indicator: IndicatorProps;
-    Title: TitleProps;
-};
-export { Accordion };
-export type { AccordionProps };

package/dist/components/accordion/accordion.js

@@ -1,93 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import React__default from "react";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { Heading } from "../heading/heading.js";
-import "../../assets/sprite.5636ec8e-teddy.svg";
-import { Icon } from "../icon/icon.js";
-import { Slottable } from "@radix-ui/react-slot";
-const slideDown = "_slideDown_fs2mc_1";
-const slideUp = "_slideUp_fs2mc_1";
-const styles = {
-  "teddy-accordion--indented": "_teddy-accordion--indented_fs2mc_3",
-  "teddy-accordion__trigger": "_teddy-accordion__trigger_fs2mc_3",
-  "teddy-accordion__content": "_teddy-accordion__content_fs2mc_4",
-  "teddy-accordion--negative": "_teddy-accordion--negative_fs2mc_13",
-  "teddy-accordion__header": "_teddy-accordion__header_fs2mc_13",
-  "teddy-accordion__title": "_teddy-accordion__title_fs2mc_17",
-  "teddy-accordion__item": "_teddy-accordion__item_fs2mc_28",
-  "teddy-accordion": "_teddy-accordion_fs2mc_3",
-  "teddy-accordion__indicator": "_teddy-accordion__indicator_fs2mc_107",
-  slideDown,
-  slideUp
-};
-const rootClassName = "teddy-accordion";
-const Root = React__default.forwardRef(
-  ({ className, variant = "default", children, indented = false, ...props }, forwardRef) => {
-    const classes = clsx(
-      styles[rootClassName],
-      styles[`${rootClassName}--${variant}`],
-      {
-        [styles[`${rootClassName}--indented`]]: indented
-      },
-      className
-    );
-    return /* @__PURE__ */ jsx(AccordionPrimitive.Root, { ...props, ref: forwardRef, className: classes, children });
-  }
-);
-Root.displayName = "Accordion";
-const Item = React__default.forwardRef(
-  ({ className, children, ...props }, forwardRef) => {
-    const classes = clsx([styles[`${rootClassName}__item`]], className);
-    return /* @__PURE__ */ jsx(AccordionPrimitive.Item, { ...props, ref: forwardRef, className: classes, children });
-  }
-);
-const Header = React__default.forwardRef(
-  ({ className, children, ...props }, forwardRef) => {
-    const classes = clsx([styles[`${rootClassName}__header`]], className);
-    return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { ...props, ref: forwardRef, asChild: true, className: classes, children: /* @__PURE__ */ jsx(Heading, { variant: "title-100", ...props.asChild ? { asChild: true } : { as: "h3" }, children }) });
-  }
-);
-Header.displayName = "Accordion.Header";
-const Trigger = React__default.forwardRef(
-  ({ className, children, hideIndicator, ...props }, forwardRef) => {
-    const classes = clsx([styles[`${rootClassName}__trigger`]], className);
-    return /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, { ...props, ref: forwardRef, className: classes, children: [
-      /* @__PURE__ */ jsx(Slottable, { children }),
-      !hideIndicator && /* @__PURE__ */ jsx(Indicator, {})
-    ] });
-  }
-);
-Trigger.displayName = "Accordion.Trigger";
-const Indicator = React__default.forwardRef(
-  ({ className, children, ...props }, forwardRef) => {
-    const classes = clsx([styles[`${rootClassName}__indicator`]], className);
-    return /* @__PURE__ */ jsx(Icon, { "aria-hidden": true, name: "chevron-down", ...props, ref: forwardRef, className: classes, children });
-  }
-);
-Indicator.displayName = "Accordion.Indicator";
-const Content = React__default.forwardRef(
-  ({ className, children, ...props }, forwardRef) => {
-    const classes = clsx([styles[`${rootClassName}__content`]], className);
-    return /* @__PURE__ */ jsx(AccordionPrimitive.Content, { ...props, ref: forwardRef, className: classes, children });
-  }
-);
-Content.displayName = "Accordion.Content";
-const Title = React__default.forwardRef(
-  ({ className, children, variant = "title-400", ...props }, forwardRef) => {
-    const classes = clsx([styles[`${rootClassName}__title`]], className);
-    return /* @__PURE__ */ jsx(Heading, { ...props, variant, ref: forwardRef, className: classes, children });
-  }
-);
-Title.displayName = "Accordion.Title";
-const Accordion = Object.assign(Root, {
-  Trigger,
-  Content,
-  Header,
-  Item,
-  Indicator,
-  Title
-});
-export {
-  Accordion
-};