stp-ui-kit 0.0.104 → 0.0.107

package/src/styles/tokens.d.ts

@@ -0,0 +1,112 @@
+/**
+ * SCSS Design Tokens - Auto-generated type definitions
+ * Import these tokens in your consuming project for full TypeScript support
+ */
+
+export interface SpacingTokens {
+  spacing: string;
+  "space-0": string;
+  "space-025": string;
+  "space-050": string;
+  "space-100": string;
+  "space-150": string;
+  "space-200": string;
+  "space-250": string;
+  "space-300": string;
+  "space-350": string;
+  "space-400": string;
+  "space-450": string;
+  "space-500": string;
+  "space-550": string;
+  "space-600": string;
+  "space-650": string;
+  "space-750": string;
+  "space-800": string;
+  "space-850": string;
+  "space-900": string;
+  "space-950": string;
+  "space-1000": string;
+  "space-1100": string;
+  "space-1200": string;
+  "space-1300": string;
+  "space-1600": string;
+  "space-2000": string;
+  "space-2400": string;
+  "space-3200": string;
+}
+
+export interface BreakpointTokens {
+  lg: string;
+  md: string;
+  sm: string;
+  mobile: string;
+}
+
+export interface BorderTokens {
+  "border-radius-0": string;
+  "border-radius-50": string;
+  "border-radius-100": string;
+  "border-radius-200": string;
+  "border-radius-full": string;
+  "border-width-025": string;
+}
+
+export interface TypographyTokens {
+  "font-family-sans": string;
+  "font-weight-regular": number;
+  "font-weight-medium": number;
+  "font-weight-semibold": number;
+  "font-weight-bold": number;
+  "font-letter-spacing-denser": string;
+  "font-letter-spacing-dense": string;
+  "font-letter-spacing-normal": string;
+  "font-size-300": string;
+  "font-size-350": string;
+  "font-size-400": string;
+  "font-size-500": string;
+  "font-size-600": string;
+  "font-size-750": string;
+  "font-line-height-400": string;
+  "font-line-height-500": string;
+  "font-line-height-550": string;
+  "font-line-height-600": string;
+  "font-line-height-650": string;
+  "font-line-height-700": string;
+  "font-line-height-800": string;
+  "font-line-height-1000": string;
+}
+
+export interface ColorTokens {
+  "color-neutral-alpha": string;
+  "color-neutral-00": string;
+  "color-neutral-50": string;
+  "color-neutral-100": string;
+  "color-neutral-150": string;
+  "color-neutral-200": string;
+  "color-neutral-250": string;
+  "color-neutral-300": string;
+  "color-neutral-350": string;
+  "color-neutral-400": string;
+  "color-neutral-450": string;
+  "color-neutral-500": string;
+  "color-neutral-550": string;
+  "color-neutral-600": string;
+  "color-neutral-650": string;
+  "color-neutral-700": string;
+  "color-neutral-750": string;
+  "color-neutral-800": string;
+  "color-neutral-850": string;
+  "color-neutral-900": string;
+  "color-neutral-950": string;
+  "color-neutral-1000": string;
+  // Add other color tokens as needed
+}
+
+export type DesignTokens = SpacingTokens &
+  BreakpointTokens &
+  BorderTokens &
+  TypographyTokens &
+  ColorTokens;
+
+declare const tokens: DesignTokens;
+export default tokens;

package/src/styles/tokens.js

@@ -0,0 +1,94 @@
+/**
+ * SCSS Design Tokens - JavaScript Export
+ * Use this file to access SCSS variables in JavaScript/TypeScript
+ *
+ * Usage in your project:
+ * import { spacing, breakpoints, colors } from 'stp-ui-kit/tokens';
+ *
+ * Or import SCSS variables directly:
+ * @use 'stp-ui-kit/styles/variables' as stp;
+ * .my-class { padding: stp.$space-400; }
+ */
+
+export const spacing = {
+  spacing: '4px',
+  'space-0': '0px',
+  'space-025': '1px',
+  'space-050': '2px',
+  'space-100': '4px',
+  'space-150': '6px',
+  'space-200': '8px',
+  'space-250': '10px',
+  'space-300': '12px',
+  'space-350': '14px',
+  'space-400': '16px',
+  'space-450': '18px',
+  'space-500': '20px',
+  'space-550': '22px',
+  'space-600': '24px',
+  'space-650': '26px',
+  'space-750': '30px',
+  'space-800': '32px',
+  'space-850': '34px',
+  'space-900': '36px',
+  'space-950': '38px',
+  'space-1000': '40px',
+  'space-1100': '44px',
+  'space-1200': '48px',
+  'space-1300': '52px',
+  'space-1600': '64px',
+  'space-2000': '80px',
+  'space-2400': '96px',
+  'space-3200': '128px',
+};
+
+export const breakpoints = {
+  lg: '1200px',
+  md: '1000px',
+  sm: '700px',
+  mobile: '480px',
+};
+
+export const border = {
+  'border-radius-0': '0px',
+  'border-radius-50': '2px',
+  'border-radius-100': '4px',
+  'border-radius-200': '8px',
+  'border-radius-full': '50%',
+  'border-width-025': '1px',
+};
+
+export const typography = {
+  'font-family-sans': 'Inter',
+  'font-weight-regular': 450,
+  'font-weight-medium': 550,
+  'font-weight-semibold': 650,
+  'font-weight-bold': 700,
+  'font-letter-spacing-denser': '-0.3px',
+  'font-letter-spacing-dense': '-0.2px',
+  'font-letter-spacing-normal': '0px',
+  'font-size-300': '12px',
+  'font-size-350': '14px',
+  'font-size-400': '16px',
+  'font-size-500': '20px',
+  'font-size-600': '24px',
+  'font-size-750': '30px',
+  'font-line-height-400': '16px',
+  'font-line-height-500': '20px',
+  'font-line-height-550': '22px',
+  'font-line-height-600': '24px',
+  'font-line-height-650': '26px',
+  'font-line-height-700': '28px',
+  'font-line-height-800': '32px',
+  'font-line-height-1000': '40px',
+};
+
+// Export all tokens as a single object
+export const tokens = {
+  ...spacing,
+  ...breakpoints,
+  ...border,
+  ...typography,
+};
+
+export default tokens;

package/dist/components/ui/table.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-declare function Table({ className, ...props }: React.ComponentProps<"table">): import("react/jsx-runtime").JSX.Element;
-declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): import("react/jsx-runtime").JSX.Element;
-declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): import("react/jsx-runtime").JSX.Element;
-declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): import("react/jsx-runtime").JSX.Element;
-declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): import("react/jsx-runtime").JSX.Element;
-declare function TableHead({ className, ...props }: React.ComponentProps<"th">): import("react/jsx-runtime").JSX.Element;
-declare function TableCell({ className, ...props }: React.ComponentProps<"td">): import("react/jsx-runtime").JSX.Element;
-declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): import("react/jsx-runtime").JSX.Element;
-export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };

package/dist/lib/exam/constants/index.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-import { QuestionState, QuestionType } from '../types/question.types';
-export declare const stateIcon: Record<Exclude<QuestionState, undefined>, ReactNode>;
-export declare const questionStateIcon: Record<Exclude<QuestionState, undefined>, ReactNode>;
-export declare const stateText: Record<Exclude<QuestionState, undefined>, string>;
-export declare const instructionMap: Record<QuestionType, string>;

package/dist/lib/exam/types/question.types.d.ts

@@ -1,49 +0,0 @@
-export type QuestionState = "answered" | "correct" | "incorrect" | "partial" | undefined;
-export type Question = OneChoiceQuestionType | MultipleChoiceQuestionType | MatchingQuestionType;
-export type QuestionType = "one_choice" | "multiple_choice" | "matching";
-export interface BaseQuestion {
-    progress_question_id: number;
-    question_type: QuestionType;
-    text: string;
-    context_text: string | null;
-    context_image: string | null;
-    explanation_text: string | null;
-    explanation_image: string | null;
-    weight: number;
-    earned_score: number | null;
-}
-export interface Option {
-    text: string;
-    image: string | null;
-    is_correct?: boolean;
-}
-export interface OneChoiceQuestionType extends BaseQuestion {
-    question_type: "one_choice";
-    config: {
-        options: Record<string, Option>;
-    };
-    user_answer: string | null;
-}
-export interface MultipleChoiceQuestionType extends BaseQuestion {
-    question_type: "multiple_choice";
-    config: {
-        options: Record<string, Option>;
-    };
-    user_answer: string[] | null;
-}
-export interface MatchingStatement {
-    text: string;
-    image: string | null;
-    correct_answer: string;
-}
-export interface MatchingQuestionType extends BaseQuestion {
-    question_type: "matching";
-    config: {
-        options: Record<string, {
-            text: string;
-        }>;
-        statements: Record<string, MatchingStatement>;
-    };
-    user_answer: Record<string, string> | null;
-}
-export type ExamStatuses = "finished" | "in_progress";