@giv-igniteui/tokens 1.0.0

package/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+    "extends": "@giv-igniteui/eslint-config"
+}

package/.turbo/turbo-build.log

@@ -0,0 +1,18 @@
+
+> @giv-igniteui/tokens@1.0.0 build
+> tsup src/index.ts --format esm,cjs --dts
+
+CLI Building entry: src/index.ts
+CLI Using tsconfig: tsconfig.json
+CLI tsup v8.3.5
+CLI Target: node16
+ESM Build start
+CJS Build start
+ESM dist\index.mjs 1.34 KB
+ESM ⚡️ Build success in 79ms
+CJS dist\index.js 2.50 KB
+CJS ⚡️ Build success in 79ms
+DTS Build start
+DTS ⚡️ Build success in 2853ms
+DTS dist\index.d.mts 1.28 KB
+DTS dist\index.d.ts  1.28 KB

package/dist/index.d.mts

@@ -0,0 +1,79 @@
+declare const colors: {
+    white: string;
+    black: string;
+    gray100: string;
+    gray200: string;
+    gray400: string;
+    gray500: string;
+    gray600: string;
+    gray700: string;
+    gray800: string;
+    gray900: string;
+    ignite300: string;
+    ignite500: string;
+    ignite700: string;
+    ignite900: string;
+};
+
+declare const space: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    10: string;
+    12: string;
+    16: string;
+    20: string;
+    40: string;
+    64: string;
+    80: string;
+};
+
+declare const radii: {
+    px: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    full: string;
+};
+
+declare const fonts: {
+    default: string;
+    code: string;
+};
+
+declare const fontSizes: {
+    xxs: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '4xl': string;
+    '5xl': string;
+    '6xl': string;
+    '7xl': string;
+    '8xl': string;
+    '9xl': string;
+};
+
+declare const fontWeights: {
+    regular: string;
+    medium: string;
+    bold: string;
+};
+
+declare const lineHeights: {
+    shorter: string;
+    short: string;
+    base: string;
+    tall: string;
+};
+
+export { colors, fontSizes, fontWeights, fonts, lineHeights, radii, space };

package/dist/index.d.ts

@@ -0,0 +1,79 @@
+declare const colors: {
+    white: string;
+    black: string;
+    gray100: string;
+    gray200: string;
+    gray400: string;
+    gray500: string;
+    gray600: string;
+    gray700: string;
+    gray800: string;
+    gray900: string;
+    ignite300: string;
+    ignite500: string;
+    ignite700: string;
+    ignite900: string;
+};
+
+declare const space: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    10: string;
+    12: string;
+    16: string;
+    20: string;
+    40: string;
+    64: string;
+    80: string;
+};
+
+declare const radii: {
+    px: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    full: string;
+};
+
+declare const fonts: {
+    default: string;
+    code: string;
+};
+
+declare const fontSizes: {
+    xxs: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '4xl': string;
+    '5xl': string;
+    '6xl': string;
+    '7xl': string;
+    '8xl': string;
+    '9xl': string;
+};
+
+declare const fontWeights: {
+    regular: string;
+    medium: string;
+    bold: string;
+};
+
+declare const lineHeights: {
+    shorter: string;
+    short: string;
+    base: string;
+    tall: string;
+};
+
+export { colors, fontSizes, fontWeights, fonts, lineHeights, radii, space };

package/dist/index.js

@@ -0,0 +1,126 @@
+"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,
+  lineHeights: () => lineHeights,
+  radii: () => radii,
+  space: () => space
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/colors.ts
+var colors = {
+  white: "#FFF",
+  black: "#000",
+  gray100: "#E1E1E6",
+  gray200: "#A9A9B2",
+  gray400: "#7C7C8A",
+  gray500: "#505059",
+  gray600: "#323238",
+  gray700: "#29292E",
+  gray800: "#202024",
+  gray900: "#121214",
+  ignite300: "#00B37E",
+  ignite500: "#00875F",
+  ignite700: "#015F43",
+  ignite900: "#00291D"
+};
+
+// src/space.ts
+var space = {
+  1: "0.25rem",
+  2: "0.5rem",
+  3: "0.75rem",
+  4: "1rem",
+  5: "1.25rem",
+  6: "1.5rem",
+  7: "1.75rem",
+  8: "2rem",
+  10: "2.5rem",
+  12: "3rem",
+  16: "4rem",
+  20: "5rem",
+  40: "10rem",
+  64: "16rem",
+  80: "20rem"
+};
+
+// src/radii.ts
+var radii = {
+  px: "1px",
+  xs: "4px",
+  sm: "6px",
+  md: "8px",
+  lg: "16px",
+  full: "99999px"
+};
+
+// src/fonts.ts
+var fonts = {
+  default: "Roboto, sans-serif",
+  code: "monospace"
+};
+
+// src/font-sizes.ts
+var fontSizes = {
+  xxs: "0.625rem",
+  xs: "0.75rem",
+  sm: "0.875rem",
+  md: "1rem",
+  lg: "1.125rem",
+  xl: "1.25rem",
+  "2xl": "1.5rem",
+  "4xl": "2rem",
+  "5xl": "2.25rem",
+  "6xl": "3rem",
+  "7xl": "4rem",
+  "8xl": "4.5rem",
+  "9xl": "6rem"
+};
+
+// src/font-weights.ts
+var fontWeights = {
+  regular: "400",
+  medium: "500",
+  bold: "700"
+};
+
+// src/line-heights.ts
+var lineHeights = {
+  shorter: "125%",
+  short: "140%",
+  base: "160%",
+  tall: "180%"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  colors,
+  fontSizes,
+  fontWeights,
+  fonts,
+  lineHeights,
+  radii,
+  space
+});

package/dist/index.mjs

@@ -0,0 +1,93 @@
+// src/colors.ts
+var colors = {
+  white: "#FFF",
+  black: "#000",
+  gray100: "#E1E1E6",
+  gray200: "#A9A9B2",
+  gray400: "#7C7C8A",
+  gray500: "#505059",
+  gray600: "#323238",
+  gray700: "#29292E",
+  gray800: "#202024",
+  gray900: "#121214",
+  ignite300: "#00B37E",
+  ignite500: "#00875F",
+  ignite700: "#015F43",
+  ignite900: "#00291D"
+};
+
+// src/space.ts
+var space = {
+  1: "0.25rem",
+  2: "0.5rem",
+  3: "0.75rem",
+  4: "1rem",
+  5: "1.25rem",
+  6: "1.5rem",
+  7: "1.75rem",
+  8: "2rem",
+  10: "2.5rem",
+  12: "3rem",
+  16: "4rem",
+  20: "5rem",
+  40: "10rem",
+  64: "16rem",
+  80: "20rem"
+};
+
+// src/radii.ts
+var radii = {
+  px: "1px",
+  xs: "4px",
+  sm: "6px",
+  md: "8px",
+  lg: "16px",
+  full: "99999px"
+};
+
+// src/fonts.ts
+var fonts = {
+  default: "Roboto, sans-serif",
+  code: "monospace"
+};
+
+// src/font-sizes.ts
+var fontSizes = {
+  xxs: "0.625rem",
+  xs: "0.75rem",
+  sm: "0.875rem",
+  md: "1rem",
+  lg: "1.125rem",
+  xl: "1.25rem",
+  "2xl": "1.5rem",
+  "4xl": "2rem",
+  "5xl": "2.25rem",
+  "6xl": "3rem",
+  "7xl": "4rem",
+  "8xl": "4.5rem",
+  "9xl": "6rem"
+};
+
+// src/font-weights.ts
+var fontWeights = {
+  regular: "400",
+  medium: "500",
+  bold: "700"
+};
+
+// src/line-heights.ts
+var lineHeights = {
+  shorter: "125%",
+  short: "140%",
+  base: "160%",
+  tall: "180%"
+};
+export {
+  colors,
+  fontSizes,
+  fontWeights,
+  fonts,
+  lineHeights,
+  radii,
+  space
+};

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@giv-igniteui/tokens",
+  "version": "1.0.0",
+  "description": "",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "scripts": {
+    "build": "tsup src/index.ts --format esm,cjs --dts",
+    "dev": "tsup src/index.ts --format esm,cjs --dts --watch",
+    "lint": "eslint src/**/*.ts* --fix"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "MIT",
+  "devDependencies": {
+    "@giv-igniteui/ts-config": "*",
+    "@giv-igniteui/eslint-config": "*",
+    "tsup": "^8.3.5",
+    "typescript": "^5.7.2"
+  }
+}

package/src/colors.ts

@@ -0,0 +1,18 @@
+export const colors = {
+    white: '#FFF',
+    black: '#000',
+
+    gray100: '#E1E1E6',
+    gray200: '#A9A9B2',
+    gray400: '#7C7C8A',
+    gray500: '#505059',
+    gray600: '#323238',
+    gray700: '#29292E',
+    gray800: '#202024',
+    gray900: '#121214',
+
+    ignite300: '#00B37E',
+    ignite500: '#00875F',
+    ignite700: '#015F43',
+    ignite900: '#00291D',
+}

package/src/font-sizes.ts

@@ -0,0 +1,15 @@
+export const fontSizes = {
+  xxs: '0.625rem',
+  xs: '0.75rem',
+  sm: '0.875rem',
+  md: '1rem',
+  lg: '1.125rem',
+  xl: '1.25rem',
+  '2xl': '1.5rem',
+  '4xl': '2rem',
+  '5xl': '2.25rem',
+  '6xl': '3rem',
+  '7xl': '4rem',
+  '8xl': '4.5rem',
+  '9xl': '6rem',
+}

package/src/font-weights.ts

@@ -0,0 +1,5 @@
+export const fontWeights = {
+  regular: '400',
+  medium: '500',
+  bold: '700',
+}

package/src/fonts.ts

@@ -0,0 +1,4 @@
+export const fonts = {
+  default: 'Roboto, sans-serif',
+  code: 'monospace',
+}

package/src/index.ts

@@ -0,0 +1,11 @@
+// index.ts avoid the need of adding a suffix (colors for example) when doing an import
+// example: import {colors} from "@igniteui/tokens/colors"
+export * from './colors'
+
+export * from './space'
+export * from './radii'
+
+export * from './fonts'
+export * from './font-sizes'
+export * from './font-weights'
+export * from './line-heights'

package/src/line-heights.ts

@@ -0,0 +1,6 @@
+export const lineHeights = {
+  shorter: '125%',
+  short: '140%',
+  base: '160%',
+  tall: '180%',
+}

package/src/radii.ts

@@ -0,0 +1,8 @@
+export const radii = {
+  px: '1px',
+  xs: '4px',
+  sm: '6px',
+  md: '8px',
+  lg: '16px',
+  full: '99999px',
+}

package/src/space.ts

@@ -0,0 +1,17 @@
+export const space = {
+  1: '0.25rem',
+  2: '0.5rem',
+  3: '0.75rem',
+  4: '1rem',
+  5: '1.25rem',
+  6: '1.5rem',
+  7: '1.75rem',
+  8: '2rem',
+  10: '2.5rem',
+  12: '3rem',
+  16: '4rem',
+  20: '5rem',
+  40: '10rem',
+  64: '16rem',
+  80: '20rem',
+}

package/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "@giv-igniteui/ts-config/base.json",
+  "include": ["src"]
+}