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

package/dist/index.js

@@ -1,766 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  colors: () => colors,
-  fontSizes: () => fontSizes,
-  fontWeights: () => fontWeights,
-  fonts: () => fonts,
-  letterSpacings: () => letterSpacings,
-  lineHeights: () => lineHeights,
-  radii: () => radii,
-  space: () => space
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/colors.ts
-var button = {
-  primary: {
-    background: {
-      default: "var(--button-primary-background-default)",
-      hover: "var(--button-primary-background-hover)",
-      active: "var(--button-primary-background-active)",
-      focus: "var(--button-primary-background-focus)"
-    },
-    border: {
-      focus: "var(--button-primary-border-focus)"
-    },
-    text: "var(--button-primary-text)"
-  },
-  secondary: {
-    background: {
-      default: "var(--button-secondary-background-default)",
-      hover: "var(--button-secondary-background-hover)",
-      active: "var(--button-secondary-background-active)",
-      focus: "var(--button-secondary-background-focus)"
-    },
-    border: {
-      default: "var(--button-secondary-border-default)",
-      focus: "var(--button-secondary-border-focus)"
-    },
-    text: "var(--button-secondary-text)"
-  },
-  ghost: {
-    background: {
-      hover: "var(--button-ghost-background-hover)",
-      active: "var(--button-ghost-background-active)",
-      focus: "var(--button-ghost-background-focus)"
-    },
-    border: {
-      focus: "var(--button-ghost-border-focus)"
-    },
-    text: "var(--button-ghost-text)"
-  },
-  danger: {
-    background: {
-      default: "var(--button-danger-background-default)",
-      hover: "var(--button-danger-background-hover)",
-      active: "var(--button-danger-background-active)",
-      focus: "var(--button-danger-background-focus)"
-    },
-    border: {
-      focus: "var(--button-danger-border-focus)"
-    },
-    text: "var(--button-danger-text)"
-  },
-  disabled: {
-    background: "var(--button-disabled-background)",
-    text: "var(--button-disabled-text)"
-  }
-};
-var badge = {
-  primary: {
-    background: "var(--badge-primary-background)",
-    text: "var(--badge-primary-text)"
-  },
-  secondary: {
-    background: "var(--badge-secondary-background)",
-    text: "var(--badge-secondary-text)"
-  },
-  alert: {
-    background: "var(--badge-alert-background-default)",
-    text: "var(--badge-alert-text)"
-  }
-};
-var separator = {
-  border: {
-    default: "var(--separator-border-default)"
-  }
-};
-var alert = {
-  success: {
-    background: {
-      default: "var(--alert-success-background)"
-    },
-    border: {
-      default: "var(--alert-success-border)"
-    },
-    text: "var(--alert-success-text)",
-    icon: "var(--alert-success-icon)",
-    "button-color": "var(--alert-success-button-color)"
-  },
-  info: {
-    background: {
-      default: "var(--alert-info-background)"
-    },
-    border: {
-      default: "var(--alert-info-border)"
-    },
-    text: "var(--alert-info-text)",
-    icon: "var(--alert-info-icon)",
-    "button-color": "var(--alert-info-button-color)"
-  },
-  default: {
-    background: {
-      default: "var(--alert-default-background)"
-    },
-    border: {
-      default: "var(--alert-default-border)"
-    },
-    text: "var(--alert-default-text)",
-    icon: "var(--alert-default-icon)",
-    "button-color": "var(--alert-default-button-color)"
-  },
-  warning: {
-    background: {
-      default: "var(--alert-warning-background)"
-    },
-    border: {
-      default: "var(--alert-warning-border)"
-    },
-    text: "var(--alert-warning-text)",
-    icon: "var(--alert-warning-icon)",
-    "button-color": "var(--alert-warning-button-color)"
-  },
-  danger: {
-    background: {
-      default: "var(--alert-danger-background)"
-    },
-    border: {
-      default: "var(--alert-danger-border)"
-    },
-    text: "var(--alert-danger-text)",
-    icon: "var(--alert-danger-icon)",
-    "button-color": "var(--alert-danger-button-color)"
-  }
-};
-var label = {
-  text: {
-    default: "var(--label-text-default)",
-    active: "var(--label-text-active)"
-  }
-};
-var inputText = {
-  background: {
-    default: "var(--inputText-background-default)",
-    disabled: "var(--inputText-background-disabled)"
-  },
-  border: {
-    default: "var(--inputText-border-default)",
-    focus: "var(--inputText-border-focus)",
-    active: "var(--inputText-border-active)",
-    danger: "var(--inputText-border-danger)",
-    disabled: "var(--inputText-border-disabled)",
-    filled: "var(--inputText-border-filled)"
-  },
-  text: {
-    default: "var(--inputText-text-default)",
-    focus: "var(--inputText-text-focus)",
-    active: "var(--inputText-text-active)",
-    filled: "var(--inputText-text-filled)",
-    disabled: "var(--inputText-text-disabled)"
-  },
-  icon: {
-    default: "var(--inputText-icon-default)",
-    focus: "var(--inputText-icon-focus)",
-    active: "var(--inputText-icon-active)",
-    filled: "var(--inputText-icon-filled)",
-    danger: "var(--inputText-icon-danger)",
-    disabled: "var(--inputText-icon-disabled)"
-  },
-  suffixBackground: "var(--inputText-suffixBackground)"
-};
-var dropdownMenu = {
-  background: "var(--dropdown-background)",
-  border: "var(--dropdown-border)",
-  shadow: "var(--dropdown-shadow)"
-};
-var pagination = {
-  text: "var(--pagination-text)",
-  background: {
-    default: "var(--pagination-background-default)",
-    hover: "var(--pagination-background-hover)",
-    disabled: "var(--pagination-background-disabled)"
-  },
-  border: {
-    default: "var(--pagination-border-default)",
-    disabled: "var(--pagination-border-disabled)"
-  },
-  icon: {
-    disabled: "var(--pagination-icon-disabled)",
-    default: "var(--pagination-icon-default)"
-  }
-};
-var listItem = {
-  background: {
-    default: "var(--listItem-background)",
-    hover: "var(--listItem-background-hover)"
-  },
-  border: {
-    default: "var(--listItem-border)"
-  },
-  text: {
-    default: "var(--listItem-text)",
-    header: "var(--listItem-text-header)",
-    selected: "var(--listItem-text-selected)"
-  },
-  icon: {
-    default: "var(--listItem-icon)",
-    selected: "var(--listItem-icon-selected)"
-  }
-};
-var tag = {
-  border: "var(--tag-border)",
-  icon: "var(--tag-icon)",
-  text: "var(--tag-text)",
-  background: {
-    hover: "var(--tag-background-hover)"
-  },
-  colorIndicator: {
-    yellow: "var(--tag-colorIndicator-yellow)",
-    blue: "var(--tag-colorIndicator-blue)",
-    red: "var(--tag-colorIndicator-red)",
-    green: "var(--tag-colorIndicator-green)",
-    gray: "var(--tag-colorIndicator-gray)",
-    orange: "var(--tag-colorIndicator-orange)"
-  }
-};
-var table = {
-  background: "var(--table-background)",
-  border: "var(--table-border)",
-  header: {
-    background: "var(--table-header-background)",
-    border: "var(--table-header-border)",
-    text: "var(--table-header-text)",
-    helper: "var(--table-header-helper)"
-  },
-  cell: {
-    background: {
-      "first-layer": "var(--table-cell-background-first-layer)",
-      "second-layer": "var(--table-cell-background-second-layer)"
-    },
-    border: "var(--table-cell-border)",
-    text: "var(--table-cell-text)",
-    link: "var(--table-cell-link)",
-    icon: "var(--table-cell-icon)"
-  }
-};
-var inputSelect = {
-  default: {
-    background: "var(--inputSelect-background-default)",
-    border: "var(--inputSelect-border-default)",
-    text: "var(--inputSelect-text-default)",
-    icon: "var(--inputSelect-icon-default)"
-  },
-  focus: {
-    border: "var(--inputSelect-border-focus)",
-    text: "var(--inputSelect-text-focus)",
-    icon: "var(--inputSelect-icon-focus)"
-  },
-  active: {
-    border: "var(--inputSelect-border-active)",
-    text: "var(--inputSelect-text-active)",
-    icon: "var(--inputSelect-icon-active)"
-  },
-  filled: {
-    border: "var(--inputSelect-border-filled)",
-    text: "var(--inputSelect-text-filled)",
-    icon: "var(--inputSelect-icon-filled)"
-  },
-  disabled: {
-    background: "var(--inputSelect-background-disabled)"
-  },
-  danger: {
-    icon: "var(--inputSelect-icon-danger)",
-    border: "var(--inputSelect-border-danger)"
-  }
-};
-var dialog = {
-  background: {
-    default: "var(--dialog-background-default)",
-    overlay: "var(--dialog-background-overlay)"
-  },
-  title: "var(--dialog-title)",
-  text: "var(--dialog-text)",
-  icon: "var(--dialog-icon)"
-};
-var checkbox = {
-  unselected: {
-    background: {
-      default: "var(--checkbox-unselected-background-default)",
-      hover: "var(--checkbox-unselected-background-hover)",
-      focus: "var(--checkbox-unselected-background-focus)",
-      disabled: "var(--checkbox-unselected-background-disabled)"
-    },
-    border: {
-      default: "var(--checkbox-unselected-border-default)",
-      hover: "var(--checkbox-unselected-border-hover)",
-      focus: "var(--checkbox-unselected-border-focus)",
-      disabled: "var(--checkbox-unselected-border-disabled)",
-      external: {
-        focus: "var(--checkbox-unselected-border-external-focus)"
-      }
-    }
-  },
-  selected: {
-    background: {
-      default: "var(--checkbox-selected-background-default)",
-      hover: "var(--checkbox-selected-background-hover)",
-      focus: "var(--checkbox-selected-background-focus)",
-      disabled: "var(--checkbox-selected-background-disabled)"
-    },
-    border: {
-      focus: "var(--checkbox-selected-border-focus)"
-    },
-    icon: {
-      default: "var(--checkbox-selected-icon-default)",
-      disabled: "var(--checkbox-selected-icon-disabled)"
-    }
-  }
-};
-var drawer = {
-  overlay: "var(--drawer-background-overlay)",
-  header: {
-    background: "var(--drawer-header-background)",
-    border: "var(--drawer-header-border)",
-    title: "var(--drawer-header-title)",
-    description: "var(--drawer-header-description)"
-  },
-  body: {
-    background: "var(--drawer-body-background)",
-    text: "var(--drawer-body-text)"
-  },
-  footer: {
-    background: "var(--drawer-footer-background)",
-    label: "var(--drawer-footer-label)",
-    border: "var(--drawer-footer-border)"
-  }
-};
-var breadcrumb = {
-  text: {
-    default: "var(--breadcrumb-text-default)",
-    hover: "var(--breadcrumb-text-hover)",
-    active: "var(--breadcrumb-text-active)"
-  },
-  ellipsis: {
-    background: { hover: "var(--breadcrumb-ellipsis-bg-hover)" }
-  }
-};
-var switchColors = {
-  background: {
-    off: {
-      default: "var(--switch-background-off-default)",
-      hover: "var(--switch-background-off-hover)",
-      focus: "var(--switch-background-off-focus)",
-      disabled: "var(--switch-background-off-disabled)"
-    },
-    on: {
-      default: "var(--switch-background-on-default)",
-      hover: "var(--switch-background-on-hover)",
-      focus: "var(--switch-background-on-focus)",
-      disabled: "var(--switch-background-on-disabled)"
-    }
-  },
-  ring: "var(--switch-ring)",
-  circle: "var(--switch-circle)"
-};
-var tooltip = {
-  background: "var(--tooltip-background)",
-  text: "var(--tooltip-text)"
-};
-var accordion = {
-  background: "var(--accordion-background)",
-  icon: "var(--accordion-icon)",
-  border: "var(--accordion-border)",
-  text: {
-    title: "var(--accordion-text-title)",
-    description: "var(--accordion-text-description)"
-  }
-};
-var tabs = {
-  border: {
-    default: "var(--tabs-border-default)",
-    active: "var(--tabs-border-active)"
-  },
-  text: {
-    default: "var(--tabs-text-default)",
-    active: "var(--tabs-text-active)"
-  }
-};
-var box = {
-  background: {
-    primary: "var(--box-background)",
-    secondary: "var(--box-secondary-background)"
-  },
-  border: "var(--box-border)"
-};
-var toast = {
-  title: "var(--toast-title)",
-  description: "var(--toast-description)",
-  border: "var(--toast-border)",
-  icon: {
-    default: "var(--toast-icon-default)",
-    error: "var(--toast-icon-error)"
-  },
-  background: "var(--toast-background)",
-  shadow: "var(--toast-shadow)"
-};
-var actionBar = {
-  divider: "var(--actionBar-background-divider)"
-};
-var typography = {
-  caption: "var(--typography-caption-color)",
-  link: {
-    md: "var(--typography-link-md-color)",
-    sm: "var(--typography-link-sm-color)",
-    hover: "var(--typography-link-hover-color)"
-  },
-  heading: {
-    "1": "var(--typography-heading-1-color)",
-    "2": "var(--typography-heading-2-color)",
-    "3": "var(--typography-heading-3-color)",
-    "4": "var(--typography-heading-4-color)",
-    "5": "var(--typography-heading-5-color)",
-    "6": "var(--typography-heading-6-color)"
-  },
-  paragraph: {
-    md: "var(--typography-paragraph-md-color)",
-    sm: "var(--typography-paragraph-sm-color)"
-  }
-};
-var skeleton = {
-  background: "var(--skeleton-background)"
-};
-var calendar = {
-  rowSelected: { background: "var(--calendar-rowSelected-background)" },
-  daySelected: {
-    background: "var(--calendar-daySelected-background)",
-    color: "var(--calendar-daySelected-color)"
-  },
-  today: { dotColor: "var(--calendar-today-dotColor)" },
-  day: {
-    color: "var(--calendar-day-color)"
-  },
-  outsideDay: {
-    color: "var(--calendar-outsideDay-color)"
-  },
-  weekDay: {
-    color: "var(--calendar-weekDay-color)"
-  },
-  month: {
-    label: "var(--calendar-month-label-color)",
-    navigator: "var(--calendar-month-navigator-color)",
-    selectionChevron: "var(--calendar-month-selectionChevron-color)"
-  }
-};
-var fileUpload = {
-  background: "var(--fileupload-background)",
-  backgroundHover: "var(--fileupload-backgroundHover)",
-  backgroundFile: "var(--fileupload-backgroundFile)",
-  borderFile: "var(--fileupload-borderFile)",
-  border: "var(--fileupload-border)",
-  icon: "var(--fileupload-icon)"
-};
-var profileImage = {
-  removeImageButton: {
-    icon: "var(--profileImage-removeImageButton-icon)",
-    border: "var(--profileImage-removeImageButton-border)",
-    background: "var(--profileImage-removeImageButton-background)",
-    hover: "var(--profileImage-removeImageButton-hover)"
-  }
-};
-var cropper = {
-  dialogBorderColor: "var(--cropper-dialogBorderColor)",
-  cropAreaBorderColor: "var(--cropper-cropAreaBorderColor)",
-  sliderIconColor: "var(--cropper-sliderIconColor)"
-};
-var slider = {
-  trackColor: "var(--slider-trackColor)",
-  rangeColor: "var(--slider-rangeColor)",
-  thumbColor: "var(--slider-thumbColor)"
-};
-var stepper = {
-  background: {
-    default: "var(--stepper-background-default)",
-    active: "var(--stepper-background-active)"
-  },
-  separator: {
-    default: "var(--stepper-separator-default)",
-    active: "var(--stepper-separator-active)"
-  },
-  count: {
-    default: "var(--stepper-count-default)",
-    active: "var(--stepper-count-active)"
-  },
-  title: {
-    default: "var(--stepper-title-default)",
-    active: "var(--stepper-title-active)"
-  }
-};
-var colors = {
-  primary: {
-    50: "var(--primary-50)",
-    100: "var(--primary-100)",
-    200: "var(--primary-200)",
-    300: "var(--primary-300)",
-    400: "var(--primary-400)",
-    500: "var(--primary-500)",
-    600: "var(--primary-600)",
-    700: "var(--primary-700)",
-    800: "var(--primary-800)",
-    900: "var(--primary-900)",
-    950: "var(--primary-950)"
-  },
-  success: {
-    50: "var(--success-50)",
-    100: "var(--success-100)",
-    200: "var(--success-200)",
-    300: "var(--success-300)",
-    400: "var(--success-400)",
-    500: "var(--success-500)",
-    600: "var(--success-600)",
-    700: "var(--success-700)",
-    800: "var(--success-800)",
-    900: "var(--success-900)",
-    950: "var(--success-950)"
-  },
-  warning: {
-    50: "var(--warning-50)",
-    100: "var(--warning-100)",
-    200: "var(--warning-200)",
-    300: "var(--warning-300)",
-    400: "var(--warning-400)",
-    500: "var(--warning-500)",
-    600: "var(--warning-600)",
-    700: "var(--warning-700)",
-    800: "var(--warning-800)",
-    900: "var(--warning-900)",
-    950: "var(--warning-950)"
-  },
-  danger: {
-    50: "var(--danger-50)",
-    100: "var(--danger-100)",
-    200: "var(--danger-200)",
-    300: "var(--danger-300)",
-    400: "var(--danger-400)",
-    500: "var(--danger-500)",
-    600: "var(--danger-600)",
-    700: "var(--danger-700)",
-    800: "var(--danger-800)",
-    900: "var(--danger-900)",
-    950: "var(--danger-950)"
-  },
-  neutral: {
-    50: "var(--neutral-50)",
-    100: "var(--neutral-100)",
-    200: "var(--neutral-200)",
-    300: "var(--neutral-300)",
-    400: "var(--neutral-400)",
-    500: "var(--neutral-500)",
-    600: "var(--neutral-600)",
-    700: "var(--neutral-700)",
-    800: "var(--neutral-800)",
-    900: "var(--neutral-900)",
-    950: "var(--neutral-950)",
-    1e3: "var(--neutral-1000)"
-  },
-  button,
-  badge,
-  separator,
-  alert,
-  label,
-  dropdownMenu,
-  pagination,
-  listItem,
-  tag,
-  table,
-  inputSelect,
-  inputText,
-  dialog,
-  checkbox,
-  drawer,
-  breadcrumb,
-  switch: switchColors,
-  tooltip,
-  accordion,
-  tabs,
-  box,
-  toast,
-  actionBar,
-  typography,
-  skeleton,
-  calendar,
-  fileUpload,
-  profileImage,
-  cropper,
-  slider,
-  stepper
-};
-
-// src/space.ts
-var space = {
-  1: "0.25rem",
-  // 4px
-  2: "0.5rem",
-  // 8px
-  3: "0.75rem",
-  // 12px
-  4: "1rem",
-  // 16px
-  5: "1.25rem",
-  // 20px
-  6: "1.5rem",
-  // 24px
-  7: "1.75rem",
-  // 28px
-  8: "2rem",
-  // 32px
-  9: "2.25rem",
-  // 36px
-  10: "2.5rem",
-  // 40px
-  11: "2.75rem",
-  // 44px
-  12: "3rem",
-  // 48px
-  13: "3.25rem",
-  // 52px
-  14: "3.5rem",
-  // 56px
-  15: "3.75rem",
-  // 60px
-  16: "4rem",
-  // 64px
-  20: "5rem",
-  // 80px
-  40: "10rem",
-  // 160px
-  64: "16rem",
-  // 256px
-  80: "20rem"
-  // 320px
-};
-
-// src/radii.ts
-var radii = {
-  button: "var(--button-radius)",
-  input: "var(--input-radius)",
-  textarea: "var(--textarea-radius)"
-};
-
-// src/fonts.ts
-var fonts = {
-  default: "Inter, sans-serif",
-  code: "monospace"
-};
-
-// src/font-sizes.ts
-var typography2 = {
-  caption: "var(--typography-caption-size)",
-  "heading-1": "var(--typography-heading-1-size)",
-  "heading-2": "var(--typography-heading-2-size)",
-  "heading-3": "var(--typography-heading-3-size)",
-  "heading-4": "var(--typography-heading-4-size)",
-  "heading-5": "var(--typography-heading-5-size)",
-  "heading-6": "var(--typography-heading-6-size)",
-  "paragraph-md": "var(--typography-paragraph-md-size)",
-  "paragraph-sm": "var(--typography-paragraph-sm-size)",
-  "link-md": "var(--typography-link-md-size)",
-  "link-sm": "var(--typography-link-sm-size)"
-};
-var fontSizes = {
-  ...typography2
-};
-
-// src/font-weights.ts
-var typography3 = {
-  caption: "var(--typography-caption-weight)",
-  "heading-1": "var(--typography-heading-1-weight)",
-  "heading-2": "var(--typography-heading-2-weight)",
-  "heading-3": "var(--typography-heading-3-weight)",
-  "heading-4": "var(--typography-heading-4-weight)",
-  "heading-5": "var(--typography-heading-5-weight)",
-  "heading-6": "var(--typography-heading-6-weight)",
-  "paragraph-md": "var(--typography-paragraph-md-weight)",
-  "paragraph-sm": "var(--typography-paragraph-sm-weight)",
-  "link-md": "var(--typography-link-md-weight)",
-  "link-sm": "var(--typography-link-sm-weight)"
-};
-var fontWeights = {
-  ...typography3
-};
-
-// src/line-heights.ts
-var typography4 = {
-  caption: "var(--typography-caption-line-height)",
-  "heading-1": "var(--typography-heading-1-line-height)",
-  "heading-2": "var(--typography-heading-2-line-height)",
-  "heading-3": "var(--typography-heading-3-line-height)",
-  "heading-4": "var(--typography-heading-4-line-height)",
-  "heading-5": "var(--typography-heading-5-line-height)",
-  "heading-6": "var(--typography-heading-6-line-height)",
-  "paragraph-md": "var(--typography-paragraph-md-line-height)",
-  "paragraph-sm": "var(--typography-paragraph-sm-line-height)",
-  "link-md": "var(--typography-link-md-line-height)",
-  "link-sm": "var(--typography-link-sm-line-height)"
-};
-var lineHeights = {
-  ...typography4
-};
-
-// src/letter-spacings.ts
-var typography5 = {
-  caption: "var(--typography-caption-letter-spacing)",
-  "heading-1": "var(--typography-heading-1-letter-spacing)",
-  "heading-2": "var(--typography-heading-2-letter-spacing)",
-  "heading-3": "var(--typography-heading-3-letter-spacing)",
-  "heading-4": "var(--typography-heading-4-letter-spacing)",
-  "heading-5": "var(--typography-heading-5-letter-spacing)",
-  "heading-6": "var(--typography-heading-6-letter-spacing)",
-  "paragraph-md": "var(--typography-paragraph-md-letter-spacing)",
-  "paragraph-sm": "var(--typography-paragraph-sm-letter-spacing)",
-  "link-md": "var(--typography-link-md-letter-spacing)",
-  "link-sm": "var(--typography-link-sm-letter-spacing)"
-};
-var letterSpacings = {
-  ...typography5
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  colors,
-  fontSizes,
-  fontWeights,
-  fonts,
-  letterSpacings,
-  lineHeights,
-  radii,
-  space
-});