@norges-domstoler/dds-components 7.1.0 → 8.0.0

package/dist/components/Stepper/Stepper.stories.d.ts

@@ -1,25 +0,0 @@
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
-        activeStep?: number | undefined;
-    } & {
-        children?: import("react").ReactNode;
-    } & {
-        htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-    } & import("react").RefAttributes<HTMLDivElement>>;
-    argTypes: {
-        color: {
-            control: {
-                type: string;
-            };
-        };
-        size: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Overview: () => JSX.Element;
-export declare const NonClickable: () => JSX.Element;

package/dist/components/Stepper/Stepper.tokens.d.ts

@@ -1,39 +0,0 @@
-export declare const stepperTokens: {
-    connector: {
-        color: string;
-    };
-    stepNumber: {
-        active: {
-            borderColor: string;
-            color: string;
-            backgroundColor: string;
-        };
-        completed: {
-            borderColor: string;
-            color: string;
-            backgroundColor: string;
-        };
-        inactive: {
-            borderColor: string;
-            color: string;
-            backgroundColor: string;
-        };
-    };
-    stepButton: {
-        marginTop: string;
-        fontFamily: string;
-        fontSize: string;
-        active: {
-            color: string;
-            textDecoration: string;
-        };
-        completed: {
-            color: string;
-            textDecoration: string;
-        };
-        inactive: {
-            color: string;
-            textDecoration: string;
-        };
-    };
-};

package/dist/components/Stepper/Stepper.tokens.js

@@ -1,49 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var colors = ddsBaseTokens.colors,
-    spacing = ddsBaseTokens.spacing,
-    font = ddsBaseTokens.font;
-var connector = {
-  color: colors.DdsColorInteractiveBase
-};
-var stepNumber = {
-  active: {
-    borderColor: colors.DdsColorInteractiveBase,
-    color: colors.DdsColorNeutralsWhite,
-    backgroundColor: colors.DdsColorInteractiveBase
-  },
-  completed: {
-    borderColor: colors.DdsColorSuccessLighter,
-    color: colors.DdsColorNeutralsGray9,
-    backgroundColor: colors.DdsColorSuccessLighter
-  },
-  inactive: {
-    borderColor: colors.DdsColorInteractiveBase,
-    color: colors.DdsColorInteractiveBase,
-    backgroundColor: colors.DdsColorNeutralsWhite
-  }
-};
-var stepButton = {
-  marginTop: spacing.SizesDdsSpacingLayoutX1,
-  fontFamily: font.DdsFontSupportingStyleLabel01FontFamily,
-  fontSize: font.DdsFontSupportingStyleLabel01FontSize,
-  active: {
-    color: colors.DdsColorNeutralsGray9,
-    textDecoration: 'none'
-  },
-  completed: {
-    color: colors.DdsColorInteractiveBase,
-    textDecoration: 'underline'
-  },
-  inactive: {
-    color: colors.DdsColorInteractiveBase,
-    textDecoration: 'underline'
-  }
-};
-var stepperTokens = {
-  connector: connector,
-  stepNumber: stepNumber,
-  stepButton: stepButton
-};
-
-export { stepperTokens };

package/dist/components/Stepper/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Stepper';
-export * from './Step';

package/dist/components/Table/Cell.tokens.d.ts

@@ -1,31 +0,0 @@
-import { CSSObject } from 'styled-components';
-export declare const cellTokens: {
-    base: CSSObject;
-    density: {
-        normal: {
-            base: CSSObject;
-        };
-        compact: {
-            base: CSSObject;
-        };
-    };
-    head: {
-        base: CSSObject;
-        sortCell: {
-            icon: {
-                base: CSSObject;
-            };
-            focus: {
-                base: CSSObject;
-            };
-        };
-    };
-    data: {
-        base: CSSObject;
-        layout: {
-            textAndIcon: {
-                base: CSSObject;
-            };
-        };
-    };
-};

package/dist/components/Table/Cell.tokens.js

@@ -1,60 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-import 'styled-components';
-import { focusVisible } from '../../helpers/styling/focusVisible.js';
-import '../../helpers/styling/hover.js';
-import '../../helpers/styling/focus.js';
-import '../../helpers/styling/danger.js';
-import '../../helpers/styling/selection.js';
-
-var Colors = ddsBaseTokens.colors,
-    Spacing = ddsBaseTokens.spacing;
-var cellBase = {};
-var compactCellBase = {
-  padding: "".concat(Spacing.SizesDdsSpacingLocalX075)
-};
-var headBase = {
-  backgroundColor: Colors.DdsColorPrimaryLightest
-};
-var dataBase = {};
-var normalCellBase = {
-  padding: "".concat(Spacing.SizesDdsSpacingLocalX15, " ").concat(Spacing.SizesDdsSpacingLocalX075)
-};
-var sortCellIconBase = {
-  marginInlineStart: Spacing.SizesDdsSpacingLocalX05
-};
-var sortCellFocusBase = Object.assign({}, focusVisible);
-var textAndIconBase = {
-  marginRight: Spacing.SizesDdsSpacingLocalX075
-};
-var cellTokens = {
-  base: cellBase,
-  density: {
-    normal: {
-      base: normalCellBase
-    },
-    compact: {
-      base: compactCellBase
-    }
-  },
-  head: {
-    base: headBase,
-    sortCell: {
-      icon: {
-        base: sortCellIconBase
-      },
-      focus: {
-        base: sortCellFocusBase
-      }
-    }
-  },
-  data: {
-    base: dataBase,
-    layout: {
-      textAndIcon: {
-        base: textAndIconBase
-      }
-    }
-  }
-};
-
-export { cellTokens };

package/dist/components/Table/Row.tokens.d.ts

@@ -1,32 +0,0 @@
-import { CSSObject } from 'styled-components';
-export declare const rowTokens: {
-    head: {
-        base: CSSObject;
-    };
-    body: {
-        base: CSSObject;
-        odd: {
-            base: CSSObject;
-        };
-        even: {
-            base: CSSObject;
-        };
-        selected: {
-            base: CSSObject;
-        };
-        hover: {
-            base: CSSObject;
-        };
-        focus: {
-            base: CSSObject;
-        };
-        mode: {
-            sum: {
-                base: CSSObject;
-            };
-            normal: {
-                base: {};
-            };
-        };
-    };
-};

package/dist/components/Table/Row.tokens.js

@@ -1,73 +0,0 @@
-import { ddsBaseTokens, ddsReferenceTokens } from '@norges-domstoler/dds-design-tokens';
-import 'styled-components';
-import { focusVisibleInset } from '../../helpers/styling/focusVisible.js';
-import '../../helpers/styling/hover.js';
-import '../../helpers/styling/focus.js';
-import '../../helpers/styling/danger.js';
-import '../../helpers/styling/selection.js';
-
-var Colors = ddsBaseTokens.colors,
-    FontPackages = ddsBaseTokens.fontPackages,
-    Border = ddsBaseTokens.border;
-var textDefault = ddsReferenceTokens.textDefault;
-var bodyRowBase = Object.assign({
-  color: textDefault.textColor
-}, FontPackages.body_sans_02.base);
-var headRowBase = Object.assign(Object.assign({
-  color: textDefault.textColor
-}, FontPackages.body_sans_02.base), {
-  fontWeight: 600,
-  textAlign: 'left'
-});
-var bodyOddBase = {
-  backgroundColor: Colors.DdsColorNeutralsWhite
-};
-var bodyEvenBase = {
-  backgroundColor: Colors.DdsColorNeutralsGray1
-};
-var bodySelectedBase = {
-  backgroundColor: Colors.DdsColorSecondaryLightest
-};
-var bodyHoverBase = {
-  backgroundColor: Colors.DdsColorSecondaryLightest
-};
-var bodyFocusBase = Object.assign({}, focusVisibleInset);
-var bodySumBase = Object.assign(Object.assign({}, FontPackages.body_sans_02.base), {
-  fontWeight: 600,
-  borderTop: "".concat(Border.BordersDdsBorderStyleLightStrokeWeight, " solid ").concat(Colors.DdsColorNeutralsGray4),
-  borderBottom: "".concat(Border.BordersDdsBorderStyleLightStrokeWeight, " solid ").concat(Colors.DdsColorNeutralsGray4),
-  backgroundColor: Colors.DdsColorNeutralsWhite
-});
-var rowTokens = {
-  head: {
-    base: headRowBase
-  },
-  body: {
-    base: bodyRowBase,
-    odd: {
-      base: bodyOddBase
-    },
-    even: {
-      base: bodyEvenBase
-    },
-    selected: {
-      base: bodySelectedBase
-    },
-    hover: {
-      base: bodyHoverBase
-    },
-    focus: {
-      base: bodyFocusBase
-    },
-    mode: {
-      sum: {
-        base: bodySumBase
-      },
-      normal: {
-        base: {}
-      }
-    }
-  }
-};
-
-export { rowTokens };