@ikatec/nebula-tokens 1.0.28 → 1.1.0-beta.2

package/dist/index.mjs

@@ -352,7 +352,7 @@ var radio = {
 var drawer = {
   overlay: "var(--drawer-background-overlay)",
   header: {
-    background: "var(--drawer-header-background)",
+    background: "var(--drawer-background-overlay)",
     border: "var(--drawer-header-border)",
     title: "var(--drawer-header-title)",
     description: "var(--drawer-header-description)"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikatec/nebula-tokens",
-  "version": "1.0.28",
+  "version": "1.1.0-beta.2",
   "description": "Design tokens",
   "publishConfig": {
     "access": "public"

package/dist/index.d.ts

@@ -1,691 +0,0 @@
-interface Button {
-    primary: {
-        background: {
-            default: string;
-            hover: string;
-            active: string;
-            focus: string;
-        };
-        border: {
-            focus: string;
-        };
-        text: string;
-    };
-    secondary: {
-        background: {
-            default: string;
-            hover: string;
-            active: string;
-            focus: string;
-        };
-        border: {
-            default: string;
-            focus: string;
-        };
-        text: string;
-    };
-    ghost: {
-        background: {
-            hover: string;
-            active: string;
-            focus: string;
-        };
-        border: {
-            focus: string;
-        };
-        text: string;
-    };
-    danger: {
-        background: {
-            default: string;
-            hover: string;
-            active: string;
-            focus: string;
-        };
-        border: {
-            focus: string;
-        };
-        text: string;
-    };
-    disabled: {
-        background: string;
-        text: string;
-    };
-}
-interface Badge {
-    primary: {
-        background: string;
-        text: string;
-    };
-    secondary: {
-        background: string;
-        text: string;
-    };
-    alert: {
-        background: string;
-        text: string;
-    };
-}
-interface Separator {
-    border: {
-        default: string;
-    };
-}
-interface Alert {
-    success: {
-        background: {
-            default: string;
-        };
-        border: {
-            default: string;
-        };
-        text: string;
-        icon: string;
-        'button-color': string;
-    };
-    info: {
-        background: {
-            default: string;
-        };
-        border: {
-            default: string;
-        };
-        text: string;
-        icon: string;
-        'button-color': string;
-    };
-    default: {
-        background: {
-            default: string;
-        };
-        border: {
-            default: string;
-        };
-        text: string;
-        icon: string;
-        'button-color': string;
-    };
-    warning: {
-        background: {
-            default: string;
-        };
-        border: {
-            default: string;
-        };
-        text: string;
-        icon: string;
-        'button-color': string;
-    };
-    danger: {
-        background: {
-            default: string;
-        };
-        border: {
-            default: string;
-        };
-        text: string;
-        icon: string;
-        'button-color': string;
-    };
-}
-interface Label {
-    text: {
-        default: string;
-        active: string;
-    };
-}
-interface InputText {
-    background: {
-        default: string;
-        disabled: string;
-    };
-    border: {
-        default: string;
-        focus: string;
-        active: string;
-        danger: string;
-        disabled: string;
-        filled: string;
-    };
-    text: {
-        default: string;
-        focus: string;
-        active: string;
-        filled: string;
-        disabled: string;
-    };
-    icon: {
-        default: string;
-        focus: string;
-        active: string;
-        filled: string;
-        danger: string;
-        disabled: string;
-    };
-    suffixBackground: string;
-}
-interface Pagination {
-    text: string;
-    background: {
-        default: string;
-        hover: string;
-        disabled: string;
-    };
-    border: {
-        default: string;
-        disabled: string;
-    };
-    icon: {
-        disabled: string;
-        default: string;
-    };
-}
-interface DropdownMenu {
-    background: string;
-    border: string;
-    shadow: string;
-}
-interface ListItem {
-    background: {
-        default: string;
-        hover: string;
-    };
-    border: {
-        default: string;
-    };
-    text: {
-        default: string;
-        header: string;
-        selected: string;
-    };
-    icon: {
-        default: string;
-        selected: string;
-    };
-}
-interface Tag {
-    border: string;
-    icon: string;
-    text: string;
-    background: {
-        hover: string;
-    };
-    colorIndicator: {
-        yellow: string;
-        blue: string;
-        red: string;
-        green: string;
-        gray: string;
-        orange: string;
-    };
-}
-interface Table {
-    background: string;
-    border: string;
-    header: {
-        background: string;
-        border: string;
-        text: string;
-        helper: string;
-    };
-    cell: {
-        background: {
-            'first-layer': string;
-            'second-layer': string;
-        };
-        border: string;
-        text: string;
-        link: string;
-        icon: string;
-    };
-}
-interface InputSelectState {
-    border: string;
-    text: string;
-    icon: string;
-}
-interface Dialog {
-    background: {
-        default: string;
-        overlay: string;
-    };
-    title: string;
-    text: string;
-    icon: string;
-}
-interface InputSelect {
-    default: {
-        background: string;
-        border: string;
-        text: string;
-        icon: string;
-    };
-    focus: InputSelectState;
-    active: InputSelectState;
-    filled: InputSelectState;
-    disabled: {
-        background: string;
-    };
-    danger: {
-        icon: string;
-        border: string;
-    };
-}
-interface Checkbox {
-    unselected: {
-        background: {
-            default: string;
-            hover: string;
-            focus: string;
-            disabled: string;
-        };
-        border: {
-            default: string;
-            hover: string;
-            focus: string;
-            disabled: string;
-            external: {
-                focus: string;
-            };
-        };
-    };
-    selected: {
-        background: {
-            default: string;
-            hover: string;
-            focus: string;
-            disabled: string;
-        };
-        border: {
-            focus: string;
-        };
-        icon: {
-            default: string;
-            disabled: string;
-        };
-    };
-}
-interface Drawer {
-    overlay: string;
-    header: {
-        background: string;
-        border: string;
-        title: string;
-        description: string;
-    };
-    body: {
-        background: string;
-        text: string;
-    };
-    footer: {
-        background: string;
-        label: string;
-        border: string;
-    };
-}
-interface Breadcrumb {
-    text: {
-        default: string;
-        hover: string;
-        active: string;
-    };
-    ellipsis: {
-        background: {
-            hover: string;
-        };
-    };
-}
-interface Switch {
-    background: {
-        off: {
-            default: string;
-            hover: string;
-            focus: string;
-            disabled: string;
-        };
-        on: {
-            default: string;
-            hover: string;
-            focus: string;
-            disabled: string;
-        };
-    };
-    ring: string;
-    circle: string;
-}
-interface Tooltip {
-    background: string;
-    text: string;
-}
-interface Accordion {
-    background: string;
-    icon: string;
-    border: string;
-    text: {
-        title: string;
-        description: string;
-    };
-}
-interface Tabs {
-    border: {
-        default: string;
-        active: string;
-    };
-    text: {
-        default: string;
-        active: string;
-    };
-}
-interface Box {
-    background: {
-        primary: string;
-        secondary: string;
-    };
-    border: string;
-}
-interface Toast {
-    title: string;
-    border: string;
-    description: string;
-    icon: {
-        default: string;
-        error: string;
-    };
-    background: string;
-    shadow: string;
-}
-interface ActionBar {
-    divider: string;
-}
-interface Typography {
-    heading: {
-        '1': string;
-        '2': string;
-        '3': string;
-        '4': string;
-        '5': string;
-        '6': string;
-    };
-    paragraph: {
-        md: string;
-        sm: string;
-    };
-    caption: string;
-    link: {
-        md: string;
-        sm: string;
-        hover: string;
-    };
-}
-interface Skeleton {
-    background: string;
-}
-interface Calendar {
-    rowSelected: {
-        background: string;
-    };
-    daySelected: {
-        background: string;
-        color: string;
-    };
-    day: {
-        color: string;
-    };
-    outsideDay: {
-        color: string;
-    };
-    weekDay: {
-        color: string;
-    };
-    today: {
-        dotColor: string;
-    };
-    month: {
-        navigator: string;
-        label: string;
-        selectionChevron: string;
-    };
-}
-interface FileUpload {
-    background: string;
-    backgroundHover: string;
-    backgroundFile: string;
-    borderFile: string;
-    border: string;
-    icon: string;
-}
-interface ProfileImage {
-    removeImageButton: {
-        icon: string;
-        border: string;
-        background: string;
-        hover: string;
-    };
-}
-interface Cropper {
-    dialogBorderColor: string;
-    cropAreaBorderColor: string;
-    sliderIconColor: string;
-}
-interface Slider {
-    trackColor: string;
-    rangeColor: string;
-    thumbColor: string;
-}
-interface Stepper {
-    background: {
-        default: string;
-        active: string;
-    };
-    separator: {
-        default: string;
-        active: string;
-    };
-    count: {
-        default: string;
-        active: string;
-    };
-    title: {
-        default: string;
-        active: string;
-    };
-}
-declare const colors: {
-    primary: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-        950: string;
-    };
-    success: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-        950: string;
-    };
-    warning: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-        950: string;
-    };
-    danger: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-        950: string;
-    };
-    neutral: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-        950: string;
-        1000: string;
-    };
-    button: Button;
-    badge: Badge;
-    separator: Separator;
-    alert: Alert;
-    label: Label;
-    dropdownMenu: DropdownMenu;
-    pagination: Pagination;
-    listItem: ListItem;
-    tag: Tag;
-    table: Table;
-    inputSelect: InputSelect;
-    inputText: InputText;
-    dialog: Dialog;
-    checkbox: Checkbox;
-    drawer: Drawer;
-    breadcrumb: Breadcrumb;
-    switch: Switch;
-    tooltip: Tooltip;
-    accordion: Accordion;
-    tabs: Tabs;
-    box: Box;
-    toast: Toast;
-    actionBar: ActionBar;
-    typography: Typography;
-    skeleton: Skeleton;
-    calendar: Calendar;
-    fileUpload: FileUpload;
-    profileImage: ProfileImage;
-    cropper: Cropper;
-    slider: Slider;
-    stepper: Stepper;
-};
-
-declare const space: {
-    1: string;
-    2: string;
-    3: string;
-    4: string;
-    5: string;
-    6: string;
-    7: string;
-    8: string;
-    9: string;
-    10: string;
-    11: string;
-    12: string;
-    13: string;
-    14: string;
-    15: string;
-    16: string;
-    20: string;
-    40: string;
-    64: string;
-    80: string;
-};
-type Spaces = keyof typeof space;
-
-interface Radii {
-    button: string;
-    input: string;
-    textarea: string;
-}
-declare const radii: Radii;
-type Radiis = keyof typeof radii;
-
-declare const fonts: {
-    default: string;
-    code: string;
-};
-type Fonts = keyof typeof fonts;
-
-declare const fontSizes: {
-    caption: string;
-    'heading-1': string;
-    'heading-2': string;
-    'heading-3': string;
-    'heading-4': string;
-    'heading-5': string;
-    'heading-6': string;
-    'paragraph-md': string;
-    'paragraph-sm': string;
-    'link-md': string;
-    'link-sm': string;
-};
-type FontSizes = keyof typeof fontSizes;
-
-declare const fontWeights: {
-    caption: string;
-    'heading-1': string;
-    'heading-2': string;
-    'heading-3': string;
-    'heading-4': string;
-    'heading-5': string;
-    'heading-6': string;
-    'paragraph-md': string;
-    'paragraph-sm': string;
-    'link-md': string;
-    'link-sm': string;
-};
-type FontWeights = keyof typeof fontWeights;
-
-declare const lineHeights: {
-    caption: string;
-    'heading-1': string;
-    'heading-2': string;
-    'heading-3': string;
-    'heading-4': string;
-    'heading-5': string;
-    'heading-6': string;
-    'paragraph-md': string;
-    'paragraph-sm': string;
-    'link-md': string;
-    'link-sm': string;
-};
-type LineHeights = keyof typeof lineHeights;
-
-declare const letterSpacings: {
-    caption: string;
-    'heading-1': string;
-    'heading-2': string;
-    'heading-3': string;
-    'heading-4': string;
-    'heading-5': string;
-    'heading-6': string;
-    'paragraph-md': string;
-    'paragraph-sm': string;
-    'link-md': string;
-    'link-sm': string;
-};
-type letterSpacings = keyof typeof letterSpacings;
-
-export { type FontSizes, type FontWeights, type Fonts, type LineHeights, type Radiis, type Spaces, colors, fontSizes, fontWeights, fonts, letterSpacings, lineHeights, radii, space };