coral-plus 0.0.4

package/dist/styles.css

@@ -0,0 +1 @@
+:root{--blue:#077dad;--light-blue:#077dad0d;--white:#fff;--black:#000;--black-text:#000000d9;--black-text-secondary:#000000a6;--white-text:#ffffffd9;--white-text-secondary:#ffffffa6;--dark-gray:#535353;--light-gray:#0000000f;--empty-star-gray:#f0f0f0;--yellow:#f0ab00;--green-text:#52c41a;--green-text-background:#f6ffed;--green-box-stroke:#b7eb8f;--orange:#e27300;--off-blue:#e6f4ff;--highlight-blue:#66d1ff;--yellow-opacity:#f0ab000d}body{background-color:#cecece}.c_layout{box-sizing:border-box;background-color:var(--white);border-radius:12px;width:100%;padding:24px}@media (width<=600px){.c_layout{padding:12px}}.c_serviceSelector{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;display:flex}.c_serviceSelector .c_mainWrapper{box-sizing:border-box;flex-direction:column;width:100%;display:flex}.c_serviceSelector .c_mainWrapper .c_topLabelWrapper{justify-content:space-between;align-items:flex-start;gap:24px;display:inline-flex}.c_serviceSelector .c_mainWrapper .c_topLabelWrapper .c_label,.c_includedServices .c_label{color:var(--black-text);margin:0 0 12px;font-size:16px;font-weight:600}.c_serviceSelector .c_mainWrapper .c_topLabelWrapper .c_selected{color:var(--black-text-secondary);margin:0;font-size:14px;font-weight:400}.c_serviceSelector .c_mainWrapper .c_servicesGrid{box-sizing:border-box;grid-template-rows:max-content;grid-template-columns:1fr 1fr;gap:8px;width:100%;height:max-content;display:grid}.c_serviceSelector .c_mainWrapper .c_servicesGrid .c_gridItem{box-sizing:border-box;background-color:var(--white);border:1px solid var(--light-gray);border-radius:16px;flex-direction:column;justify-content:space-between;gap:12px;width:100%;height:100%;padding:16px;transition:background-color .3s,border-color;display:flex;position:relative}.c_serviceSelector .c_mainWrapper .c_servicesGrid .c_gridItem .c_selectedMarker{background-color:var(--blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;display:flex;position:absolute;top:16px;right:16px}.c_serviceSelector .c_mainWrapper .c_servicesGrid .c_gridItem.selected{background-color:var(--off-blue);border-color:#0000}.c_serviceSelector .c_mainWrapper .c_servicesGrid .c_gridItem .c_itemContent{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;display:flex}.c_serviceSelector .c_mainWrapper .c_servicesGrid .c_gridItem .c_itemContent .c_contentHeading{box-sizing:border-box;align-items:center;gap:12px;width:100%;display:inline-flex}.c_serviceSelector .c_mainWrapper .c_servicesGrid .c_gridItem .c_itemContent .c_contentHeading .c_headingIconWrapper,.c_includedServices .c_serviceList .c_listItem .c_itemContent .c_iconWrapper{background-color:var(--off-blue);border:1px solid #0000;border-radius:12px;flex-shrink:0;width:54px;height:54px;transition:border-color .3s}.c_serviceSelector .c_mainWrapper .c_servicesGrid .c_gridItem .c_itemContent .c_contentHeading .c_headingIconWrapper svg,.c_includedServices .c_serviceList .c_listItem .c_itemContent .c_iconWrapper svg{flex-shrink:0}.c_serviceSelector .c_mainWrapper .c_servicesGrid .c_gridItem .c_itemContent .c_contentHeading .c_heading,.c_includedServices .c_serviceList .c_listItem .c_itemContent .c_contentWrapper .c_heading{color:var(--black-text);margin:0;font-size:16px;font-weight:600}.c_serviceSelector .c_mainWrapper .c_servicesGrid .c_gridItem .c_itemContent .c_itemDescription,.c_includedServices .c_serviceList .c_listItem .c_itemContent .c_contentWrapper .c_itemDescription{color:var(--black-text-secondary);text-align:left;margin:0;font-size:14px;font-weight:400}.c_includedServices{box-sizing:border-box;flex-direction:column;width:100%;display:flex}.c_includedServices .c_serviceList{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;display:flex}.c_includedServices .c_serviceList .c_listItem{box-sizing:border-box;background:linear-gradient(90deg,#077dad 0%,#1d90c2 100%);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;width:100%;padding:16px;display:inline-flex}.c_includedServices .c_serviceList .c_listItem .c_itemContent{align-items:center;gap:12px;display:inline-flex}.c_includedServices .c_serviceList .c_listItem .c_itemContent .c_iconWrapper{background-color:#ffffff40}.c_includedServices .c_serviceList .c_listItem .c_itemContent .c_contentWrapper{flex-direction:column;gap:0;width:100%;display:flex}.c_includedServices .c_serviceList .c_listItem .c_itemContent .c_contentWrapper .c_heading{color:var(--white-text)}.c_includedServices .c_serviceList .c_listItem .c_itemContent .c_contentWrapper .c_itemDescription{color:var(--white-text-secondary)}.c_includedServices .c_serviceList .c_listItem .c_itemBadge{color:var(--white-text);background-color:#ffffff40;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:fit-content;margin-left:auto;padding:4px 8px;font-size:14px;font-weight:400;display:inline-flex}.c_includedServices .c_serviceList .c_listItem .c_itemBadge svg{flex-shrink:0}@media (width<=600px){.c_serviceSelector .c_mainWrapper .c_servicesGrid{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;height:max-content;display:flex}.c_includedServices .c_serviceList .c_listItem{position:relative}.c_includedServices .c_serviceList .c_listItem .c_itemContent{flex-direction:column;align-items:flex-start;display:flex}.c_includedServices .c_serviceList .c_listItem .c_itemBadge{position:absolute;top:16px;right:16px}}.c_stepHeading{box-sizing:border-box;flex-direction:column;gap:0;width:100%;display:flex}.c_stepHeading .c_title{color:var(--black-text);margin:0;font-size:21px;font-weight:600}.c_stepHeading .c_subtitle{color:var(--black-text-secondary);margin:0;font-size:14px;font-weight:400}.c_stepButtons{box-sizing:border-box;justify-content:flex-end;align-items:center;gap:12px;width:100%;display:inline-flex}.c_serviceForm{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;display:flex}.c_serviceForm .c_form{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;display:flex}.c_serviceForm .c_form .c_formRow{flex-direction:row;align-items:flex-start;gap:8px;width:100%;display:flex}.ant-form-item-label{padding-bottom:4px!important}.ant-picker-cell-inner{border-radius:4px!important}.ant-picker-panel-container{margin-right:0!important}@media (width<=600px){.c_serviceForm .c_form .c_formRow:nth-child(2){flex-direction:column}}.c_checkout{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;display:flex}.c_checkout .c_wrapper{box-sizing:border-box;background-color:var(--off-blue);border-radius:12px;flex-direction:column;gap:0;width:100%;display:flex}.c_checkout .c_wrapper .c_checkoutRow{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;width:100%;padding:12px 16px;display:flex}.c_checkout .c_wrapper .c_checkoutRow .c_rowTitle{color:var(--black-text);margin:0;font-size:14px;font-weight:400}.c_checkout .c_wrapper .c_checkoutRow .c_rowItems{box-sizing:border-box;text-align:left;flex-direction:column;gap:8px;width:100%;max-width:320px;display:flex}.c_checkout .c_wrapper .c_checkoutRow .c_rowItems .c_rowItem{color:var(--black-text);margin:0;font-size:14px;font-weight:400}.c_checkout .c_wrapper .c_separator{background-color:var(--light-gray);width:100%;height:1px}.c_checkout .c_wrapper .c_checkoutRow .c_rowItems .c_warning{box-sizing:border-box;border:1px solid var(--yellow);background-color:#f0ab000d;border-radius:12px;align-items:center;gap:8px;width:100%;padding:12px;display:inline-flex}.c_checkout .c_wrapper .c_checkoutRow .c_rowItems .c_warning .c_warningText{color:var(--yellow);font-size:14px;font-weight:400}.c_checkout .c_checkoutForm .ant-checkbox{border-radius:4px!important}.c_checkout .c_checkoutForm .ant-checkbox-label a{color:var(--blue)!important}@media (width<=600px){.c_checkout .c_wrapper .c_checkoutRow{justify-content:initial;flex-direction:column}.c_checkout .c_wrapper .c_checkoutRow .c_rowItems{max-width:initial}}

package/eslint.config.js

@@ -0,0 +1,29 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import { defineConfig, globalIgnores } from 'eslint/config'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{js,jsx}'],
+    extends: [
+      js.configs.recommended,
+      reactHooks.configs['recommended-latest'],
+      reactRefresh.configs.vite,
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+      parserOptions: {
+        ecmaVersion: 'latest',
+        ecmaFeatures: { jsx: true },
+        sourceType: 'module',
+      },
+    },
+    rules: {
+      'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
+    },
+  },
+])

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "coral-plus",
+  "private": false,
+  "version": "0.0.4",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build --config vite.lib.config.js",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "antd": "^6.4.4",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.4",
+    "@types/react": "^19.1.10",
+    "@types/react-dom": "^19.1.7",
+    "@vitejs/plugin-react": "^5.0.0",
+    "eslint": "^9.39.4",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "globals": "^16.5.0",
+    "vite": "^8.0.16"
+  },
+  "description": "",
+  "main": "eslint.config.js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ct-balt/coralPlus.git"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/ct-balt/coralPlus/issues"
+  },
+  "homepage": "https://github.com/ct-balt/coralPlus#readme"
+}