equestrian-ui-kit 0.0.1

package/.prettierrc

@@ -0,0 +1,11 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "jsxSingleQuote": true,
+  "bracketSpacing": true,
+  "trailingComma": "all",
+  "printWidth": 160,
+  "tabWidth": 4,
+  "arrowParens": "always",
+  "endOfLine": "lf"
+}

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 surpri6e
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# Equestrian UI kit
+
+This repository was created for use in another repository as UI kit.

package/lib/components/Text/Text.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface IText {
+    children: React.ReactNode;
+    color: 'black' | 'darkGray';
+    isParagraph?: boolean;
+    className?: string;
+}
+declare const Text: React.FC<IText>;
+export default Text;

package/lib/components/Text/Text.jsx

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Text_module_scss_1 = __importDefault(require("./Text.module.scss"));
+const Text = ({ children, color, isParagraph, className }) => {
+    const colorStyle = color === 'black' ? Text_module_scss_1.default.textBlack : Text_module_scss_1.default.textDarkGray;
+    const isParagraphStyle = isParagraph ? Text_module_scss_1.default.textParagraph : '';
+    const classNameStyle = className ? className : '';
+    return <p className={[colorStyle, isParagraphStyle, classNameStyle].join(' ')}>{children}</p>;
+};
+exports.default = Text;

package/lib/components/Text/Text.module.scss

@@ -0,0 +1,24 @@
+@import '../../styles.scss';
+@import '../../vars.scss';
+
+.text {
+    font-family: 'Onest', sans-serif;
+
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 27px;
+
+    display: inline;
+}
+
+.textBlack {
+    color: $black;
+}
+
+.textDarkGray {
+    color: $darkGray;
+}
+
+.textParagraph {
+    display: block;
+}

package/lib/declaration.d.ts

@@ -0,0 +1,4 @@
+declare module '*.module.scss' {
+    const content: Record<string, string>;
+    export default content;
+}

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+import Text from './components/Text/Text';
+export { Text };

package/lib/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+const Text_1 = __importDefault(require("./components/Text/Text"));
+exports.Text = Text_1.default;

package/lib/styles.scss

@@ -0,0 +1,108 @@
+@import url('https://fonts.googleapis.com/css2?family=Onest&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Onest:wght@500&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Onest:wght@700&display=swap');
+
+* {
+    padding: 0px;
+    margin: 0px;
+    border: none;
+}
+
+*,
+*::before,
+*::after {
+    box-sizing: border-box;
+}
+
+a,
+a:link,
+a:visited {
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: none;
+}
+
+aside,
+nav,
+footer,
+header,
+section,
+main {
+    display: block;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+    font-size: inherit;
+    font-weight: inherit;
+}
+
+ul,
+ul li {
+    list-style: none;
+}
+
+img {
+    vertical-align: top;
+}
+
+img,
+svg {
+    max-width: 100%;
+    height: auto;
+}
+
+address {
+    font-style: normal;
+}
+
+input,
+textarea,
+button,
+select {
+    font-family: inherit;
+    font-size: inherit;
+    color: inherit;
+    background-color: transparent;
+}
+
+input::-ms-clear {
+    display: none;
+}
+
+textarea {
+    resize: vertical;
+}
+
+button,
+input[type='submit'] {
+    display: inline-block;
+    box-shadow: none;
+    background-color: transparent;
+    background: none;
+    cursor: pointer;
+}
+
+button::-moz-focus-inner {
+    padding: 0;
+    border: 0;
+}
+
+label {
+    cursor: pointer;
+}
+
+legend {
+    display: block;
+}
+
+input[type='file'] {
+    max-width: 100%;
+}

package/lib/vars.scss

@@ -0,0 +1,9 @@
+$white: #ffffff;
+$black: #000000;
+$gold: #a18a68;
+
+$darkGray: #707070;
+$gray: #d8d8d8;
+$lightGray: #efefef;
+
+$red: #d82700;

package/package.json

@@ -0,0 +1,37 @@
+{
+    "name": "equestrian-ui-kit",
+    "version": "0.0.1",
+    "description": "The UI kit for main project.",
+    "main": "lib/index.js",
+    "type": "commonjs",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/surpri6e/equestrian-ui-kit.git"
+    },
+    "scripts": {
+        "build": "tsc",
+        "deploy": "npm publish",
+        "format": "npx prettier 'lib/**/*.{js,ts,json,jsx,tsx,scss}' --write"
+    },
+    "author": "surpri6e",
+    "license": "MIT",
+    "devDependencies": {
+        "@types/node": "^20.14.2",
+        "@types/react": "^19.2.10",
+        "prettier": "^3.3.2"
+    },
+    "dependencies": {
+        "react": "^19.2.4",
+        "react-router-dom": "^7.13.0",
+        "sass": "^1.97.3",
+        "scss": "^0.2.4",
+        "typescript": "^5.4.5"
+    },
+    "keywords": [
+        "equestrian"
+    ],
+    "bugs": {
+        "url": "https://github.com/surpri6e/equestrian-ui-kit/issues"
+    },
+    "homepage": "https://github.com/surpri6e/equestrian-ui-kit#readme"
+}

package/tsconfig.json

@@ -0,0 +1,12 @@
+{
+    "compilerOptions": {
+        "target": "ES6",
+        "module": "CommonJS",
+        "declaration": true,
+        "esModuleInterop": true,
+        "forceConsistentCasingInFileNames": true,
+        "strict": true,
+        "skipLibCheck": true,
+        "jsx": "preserve"
+    }
+}