@entur/typography 1.10.0-beta.1 → 1.10.0-beta.11

package/README.md

@@ -63,18 +63,20 @@ function MyComponent() {
 ### Quick Migration
 
 ```bash
-# Option 1: Global command (recommended)
+# Option 1: Using npx (recommended)
 npx @entur/typography@latest migrate
 
-# Option 2: From installed package
-npx @entur/typography@latest migrate
+# Option 2: With specific options
+npx @entur/typography@latest migrate --dry-run
 
-# Option 3: Direct execution (if you have the package locally)
-node node_modules/@entur/typography/scripts/migrate-typography.js
 
-# All options support --dry-run and --import-only flags
-npx @entur/typography@latest migrate --dry-run
-npx @entur/typography@latest migrate --import-only
+# Option 3: From installed package
+npm install @entur/typography@latest
+npx @entur/typography@latest migrate
+
+# Option 4: Add to your package.json scripts
+# "scripts": { "migrate-typography": "npx @entur/typography@latest migrate" }
+# Then run: npm run migrate-typography -- --dry-run
 ```
 
 **Note**: The migration script requires `glob` to be available. If you encounter an error, install it:
@@ -85,10 +87,9 @@ npm install glob
 yarn add glob
 ```
 
-### Migration Modes
+### Migration Mode
 
-- **🚀 Complete Migration (default)**: Updates imports + component usage
-- **📝 Import-Only Migration**: Updates only import paths (safer for gradual migration)
+- **🚀 Complete Migration**: Updates imports + component usage
 
 ### Update Styles
 

package/dist/beta/ListItemBeta.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { PolymorphicComponentProps } from '@entur/utils';
+import { TypographySpacing } from './types';
+type ListItemBaseProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Innholdet */
+    children: React.ReactNode;
+    /** Tittel */
+    title?: React.ReactNode;
+    /** Spacing around the component (same as Text and Heading components) */
+    spacing?: TypographySpacing;
+};
+export type ListItemBetaProps<C extends React.ElementType> = PolymorphicComponentProps<C, ListItemBaseProps>;
+export declare const ListItemBeta: <C extends React.ElementType = "li">({ children, className, title, spacing, as, ...rest }: ListItemBetaProps<C>) => JSX.Element;
+export {};

package/dist/beta/NumberedListBeta.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { PolymorphicComponentProps } from '@entur/utils';
+import { TypographySpacing } from './types';
+type NumberedListBaseProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Innholdet */
+    children: React.ReactNode;
+    /** List type (1, A, a, I, i) */
+    type?: '1' | 'A' | 'a' | 'I' | 'i';
+    /** Spacing around the component (same as Text and Heading components) */
+    spacing?: TypographySpacing;
+};
+export type NumberedListBetaProps<C extends React.ElementType> = PolymorphicComponentProps<C, NumberedListBaseProps>;
+export declare const NumberedListBeta: <C extends React.ElementType = "ol">({ className, type, spacing, as, children, ...rest }: NumberedListBetaProps<C>) => JSX.Element;
+export {};

package/dist/beta/UnorderedListBeta.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { PolymorphicComponentProps } from '@entur/utils';
+import { TypographySpacing } from './types';
+type UnorderedListBaseProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Innholdet */
+    children: React.ReactNode;
+    /** Spacing around the component (same as Text and Heading components) */
+    spacing?: TypographySpacing;
+};
+export type UnorderedListBetaProps<C extends React.ElementType> = PolymorphicComponentProps<C, UnorderedListBaseProps>;
+export declare const UnorderedListBeta: <C extends React.ElementType = "ul">({ className, spacing, as, children, ...rest }: UnorderedListBetaProps<C>) => JSX.Element;
+export {};

package/dist/beta/index.d.ts

@@ -2,5 +2,8 @@ export { Heading } from './Heading';
 export { Text } from './Text';
 export { LinkBeta } from './LinkBeta';
 export { BlockquoteBeta, BlockquoteFooterBeta } from './BlockquoteBeta';
+export { UnorderedListBeta } from './UnorderedListBeta';
+export { NumberedListBeta } from './NumberedListBeta';
+export { ListItemBeta } from './ListItemBeta';
 export { getHeadingVariantFromSemanticType, getSpacingClasses } from './utils';
 export type { TypographyHeadingVariant, TypographyTextVariant, TypographySize, TypographyWeight, TypographySpacing, } from './types';

package/dist/beta/utils.d.ts

@@ -1,5 +1,6 @@
-import { TypographySpacing } from './types';
+import { TypographySpacing, TypographyTextVariant } from './types';
 export declare function getHeadingVariantFromSemanticType(semanticType: string | React.ElementType): "title-1" | "title-2" | "subtitle-1" | "subtitle-2" | "paragraph";
+export declare function getSemanticTypeFromTextVariant(variant?: TypographyTextVariant): React.ElementType;
 /**
  * Generates spacing class names for typography components
  * @param spacing - The spacing value from TypographySpacing

package/dist/index.d.ts

@@ -24,3 +24,6 @@ export * from './beta/Text';
 export * from './beta/Heading';
 export * from './beta/BlockquoteBeta';
 export * from './beta/LinkBeta';
+export * from './beta/UnorderedListBeta';
+export * from './beta/NumberedListBeta';
+export * from './beta/ListItemBeta';

package/dist/styles.css

@@ -655,6 +655,12 @@
   white-space: pre-wrap;
   word-break: keep-all;
 }
+.eds-text--code-text {
+  display: inline-block;
+  word-wrap: break-word;
+  word-wrap: anywhere;
+  padding: 0 0.25rem;
+}
 .eds-text--weight-400, .eds-text--weight-regular {
   font-weight: 400;
 }
@@ -811,6 +817,78 @@ p .eds-text--link--ext-icon {
   margin-top: 1.5rem;
   text-transform: uppercase;
 }
+.eds-text--unordered-list {
+  list-style: none;
+  margin: 1rem 0;
+  padding: 0;
+}
+.eds-text--unordered-list .eds-text--list-item::before {
+  content: "";
+  background: var(--components-typography-list-standard-border);
+  display: block;
+  height: 0.125rem;
+  left: -1.75rem;
+  top: 0.75rem;
+  position: relative;
+  width: 0.75rem;
+}
+.eds-text--numbered-list {
+  counter-reset: eds-numbered-list-counter;
+  list-style: none;
+  margin: 1rem 0;
+  padding: 0;
+}
+.eds-text--numbered-list--type-a > .eds-text--list-item::before {
+  content: counter(eds-numbered-list-counter, lower-alpha);
+}
+.eds-text--numbered-list--type-A > .eds-text--list-item::before {
+  content: counter(eds-numbered-list-counter, upper-alpha);
+}
+.eds-text--numbered-list--type-1 > .eds-text--list-item::before {
+  content: counter(eds-numbered-list-counter, decimal);
+}
+.eds-text--numbered-list--type-i > .eds-text--list-item::before {
+  content: counter(eds-numbered-list-counter, lower-roman);
+}
+.eds-text--numbered-list--type-I > .eds-text--list-item::before {
+  content: counter(eds-numbered-list-counter, upper-roman);
+}
+.eds-text--list-item {
+  padding-left: 0.5rem;
+  margin-top: 1.5rem;
+  position: relative;
+  font-size: 1rem;
+  font-size: var(--font-size-body-m);
+  line-height: 1.5rem;
+  line-height: var(--font-line-height-body-m);
+}
+.eds-text--list-item:first-of-type {
+  margin-top: 0;
+}
+.eds-text--numbered-list > .eds-text--list-item {
+  counter-increment: eds-numbered-list-counter;
+}
+.eds-text--numbered-list > .eds-text--list-item::before {
+  color: var(--primary-text-color);
+  position: absolute;
+  font-weight: 600;
+  font-weight: var(--font-weight-heading);
+  left: -2.5rem;
+  border: 0.125rem solid var(--components-typography-list-standard-border);
+  border-radius: 50%;
+  height: 2rem;
+  width: 2rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  top: -0.25rem;
+}
+.eds-text--list-item__title {
+  display: block;
+  font-weight: 600;
+  font-weight: var(--font-weight-heading);
+  margin-bottom: 0.5rem;
+}
 @import '~modern-normalize/modern-normalize.css';
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */