Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@amboss/design-system

Package Overview
Dependencies
Maintainers
1
Versions
430
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@amboss/design-system - npm Package Compare versions

Comparing version 0.0.6 to 0.0.7

35

build/components/Card/Card.d.ts
import React from "react";
export declare class CardProps {
/** specify title displayed in Header */
headerTitle?: string;
/** specify subtitle displayed in Header */
headerSubtitle?: string;
/** specify button displayed in Header */
headerButton?: React.ReactElement;
/** set to true if you want a card with no header */
noHeader?: boolean;
title?: string;
justifyHeight?: boolean;
margin?: boolean;
darkenShadowOnHover?: boolean;
overflowHidden?: boolean;
padding?: boolean;
squareCorners?: boolean;
children?: React.ReactNode;
children: React.ReactNode;
"data-e2e-test-id"?: string;
}
declare type BareCardComponent = (props: {
overflowHidden?: boolean;
squareCorners?: boolean;
children?: React.ReactNode;
"data-e2e-test-id"?: string;
}) => React.ReactElement;
declare type BaseCardComponent = (props: {
headerTitle: string;
headerSubtitle?: string;
headerButton?: React.ReactElement;
overflowHidden?: boolean;
squareCorners?: boolean;
children?: React.ReactNode;
"data-e2e-test-id"?: string;
}) => React.ReactElement;
export default function Card({ headerTitle, headerSubtitle, headerButton, noHeader, overflowHidden, squareCorners, children, "data-e2e-test-id": dataE2eTestId, }: CardProps): React.ReactElement;
export declare const BaseCard: BaseCardComponent;
export declare const BareCard: BareCardComponent;
export {};
export declare function Card({ title, justifyHeight, darkenShadowOnHover, margin, overflowHidden, padding, squareCorners, children, "data-e2e-test-id": dataE2eTestId, }: CardProps): React.ReactElement;

2

build/components/Inline/Inline.d.ts
import React from "react";
import { HorizontalAlignment, SpaceSizes } from "../../types";
declare type InlineProps = {
children: React.ReactNode[] | React.ReactElement;
children: React.ReactNode[];
/** specify vertical alignment */

@@ -6,0 +6,0 @@ alignItems?: HorizontalAlignment;

import React from "react";
import { SpaceSizes } from "../../types";
declare type StackProps = {
children: React.ReactNode[] | React.ReactElement;
children: React.ReactNode[];
space?: SpaceSizes;

@@ -6,0 +6,0 @@ };

@@ -1,5 +0,3 @@

export { BaseCard, BareCard } from "./components/Card/Card";
export { Card } from "./components/Card/Card";
export { Inline } from "./components/Inline/Inline";
export { Stack } from "./components/Stack/Stack";
export { H1, H2, H3, H4, H5, H6 } from "./components/Typography/Header/Header";
export { Text } from "./components/Typography/Text/Text";

@@ -1,3 +0,3 @@

export declare type HorizontalAlignment = "left" | "right" | "center" | "spaceBetween";
export declare type VerticalAlignment = "top" | "bottom" | "center" | "spaceBetween";
export declare type SpaceSizes = "zero" | "xxs" | "xs" | "s" | "m" | "l" | "xl" | "xxl";
export declare type HorizontalAlignment = `left` | `right` | `center` | `spaceBetween`;
export declare type VerticalAlignment = `top` | `bottom` | `center` | `spaceBetween`;
export declare type SpaceSizes = "zero" | "xxs" | "xs" | "s" | "m" | "l" | "xl";
{
"name": "@amboss/design-system",
"version": "0.0.6",
"version": "0.0.7",
"description": "the design system for AMBOSS products",
"main": "build/index.js",
"types": "build/index.d.ts",
"readme": "./PACKAGE_README.md",
"files": [

@@ -24,4 +23,3 @@ "build/**/*"

"tokens": "node style-dictionary.build.js",
"tokens:watch": "npm run tokens && chokidar \"tokens/**/*.json\" -c \"npm run tokens\"",
"postinstall": "npm run tokens & npm run type-styles"
"tokens:watch": "npm run tokens && chokidar \"tokens/**/*.json\" -c \"npm run tokens\""
},

@@ -28,0 +26,0 @@ "repository": {

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc