@qite/tide-components 1.0.1

package/package.json

@@ -0,0 +1,91 @@
+{
+  "name": "@qite/tide-components",
+  "version": "1.0.1",
+  "description": "React components for Tide (booking, product availability, form, ...)",
+  "main": "build/build-cjs/index.js",
+  "types": "build/build-cjs/src/index.d.ts",
+  "module": "build/build-esm/index.js",
+  "files": [
+    "build",
+    "styles"
+  ],
+  "scripts": {
+    "use-node": "powershell -Command \"nvm use (Get-Content .nvmrc)\"",
+    "start": "rollup -c -w",
+    "build": "rollup -c",
+    "tsc": "tsc --noEmit",
+    "format": "prettier --write .",
+    "prepare": "husky"
+  },
+  "lint-staged": {
+    "*": "prettier --write --ignore-unknown"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@bitbucket.org/qitegeneral/tide-booking-component.git"
+  },
+  "keywords": [
+    "tide",
+    "booking",
+    "react",
+    "component"
+  ],
+  "author": "Qite",
+  "license": "OBSD",
+  "homepage": "https://bitbucket.org/qitegeneral/tide-booking-component#readme",
+  "devDependencies": {
+    "@jsonurl/jsonurl": "^1.1.4",
+    "@popperjs/core": "^2.10.2",
+    "@qite/tide-client": "^2.0.0",
+    "@reduxjs/toolkit": "^2.8.2",
+    "@rollup/plugin-commonjs": "^19.0.1",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^13.0.2",
+    "@types/flat": "^5.0.2",
+    "@types/he": "^1.2.3",
+    "@types/lodash": "^4.14.171",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@types/uuid": "^8.3.1",
+    "date-fns": "^4.1.0",
+    "flat": "^5.0.2",
+    "formik": "^2.2.9",
+    "husky": "^9.1.7",
+    "lint-staged": "^15.5.2",
+    "lodash": "^4.17.21",
+    "prettier": "^2.3.2",
+    "react-popper": "^2.2.5",
+    "react-redux": "^9.2.0",
+    "rollup": "^2.53.2",
+    "rollup-plugin-delete": "^2.0.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-typescript2": "0.36.0",
+    "tslib": "^2.3.1",
+    "typescript": "^5.9.3",
+    "uuid": "^11.1.0"
+  },
+  "peerDependencies": {
+    "@jsonurl/jsonurl": "^1.1.4",
+    "@popperjs/core": "^2.10.2",
+    "@reduxjs/toolkit": "^2.8.2",
+    "date-fns": "^4.1.0",
+    "flat": "^5.0.2",
+    "formik": "^2.2.9",
+    "immer": "^9.0.5",
+    "lodash": "^4.17.21",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-popper": "^2.2.5",
+    "react-redux": "^9.2.0",
+    "react-router": "^6.30.3",
+    "uuid": "^11.1.0"
+  },
+  "dependencies": {
+    "he": "^1.2.0",
+    "jwt-decode": "^4.0.0",
+    "react-html-comment": "^2.0.16",
+    "react-router-dom": "^6.30.3",
+    "signalr-no-jquery": "^0.2.1",
+    "yup": "^1.6.1"
+  }
+}

package/styles/abstracts/_mixins.scss

@@ -0,0 +1,74 @@
+@use '../abstracts/variables' as variables;
+// MEDIA QUERIES
+@mixin media-xs {
+  @media only screen and (max-width: variables.$screen-xs) {
+    @content;
+  }
+}
+
+@mixin media-sm {
+  @media only screen and (max-width: variables.$screen-sm) {
+    @content;
+  }
+}
+
+@mixin media-md {
+  @media only screen and (max-width: variables.$screen-md) {
+    @content;
+  }
+}
+
+@mixin media-lg {
+  @media only screen and (max-width: variables.$screen-lg) {
+    @content;
+  }
+}
+
+@mixin media-xgl {
+  @media only screen and (max-width: variables.$screen-xgl) {
+    @content;
+  }
+}
+
+@mixin media-xl {
+  @media only screen and (max-width: variables.$screen-xl) {
+    @content;
+  }
+}
+
+@mixin media-xxl {
+  @media only screen and (max-width: variables.$screen-xxl) {
+    @content;
+  }
+}
+
+@mixin media-xxxl {
+  @media only screen and (max-width: variables.$screen-xxl) {
+    @content;
+  }
+}
+
+@mixin make-container($padding-x: $container-padding-x) {
+  width: 100%;
+  max-width: 1496px;
+  margin-right: auto;
+  margin-left: auto;
+
+  @include media-xl {
+    padding: 0 $padding-x;
+  }
+}
+
+@mixin container() {
+  width: 100%;
+  padding: 0 15px;
+  margin: 0 auto;
+
+  @include media-sm {
+    padding: 0 30px;
+  }
+
+  @include media-lg {
+    padding: 0 45px;
+  }
+}

package/styles/abstracts/_variables.scss

@@ -0,0 +1,57 @@
+// COLORS
+$primary-color: #25575c;
+$primary-color--light: #32686d;
+$secondary-color: #57abb2;
+$secondary-color--light: #abd5d9;
+$secondary-color--extralight: #e3f1f2;
+
+$bg-light: #f4f9fa;
+$text-color: #707070;
+$text-color-black: #202124;
+
+$white: #ffffff;
+$gray: #c6c6c6;
+$black: #000000;
+$transparent: transparent;
+
+// BUTTON COLORS XD
+$purple-color--light: #dfcce8;
+$purple-color--dark: #794e8c;
+
+$yellow-color--light: #fff9de;
+$yellow-color--dark: #b7990c;
+
+$pink-color: #d81259;
+
+$blue-color: #0e3e8d;
+
+$yellow-color: #ffde40;
+
+// MEDIA QUERIES
+$screen-xs: 576px;
+$screen-sm: 768px;
+$screen-md: 992px;
+$screen-lg: 1200px;
+$screen-xl: 1440px;
+$screen-xxl: 1700px;
+$screen-xxxl: 1920px;
+
+// Typography
+$font-family-base: 'Public Sans', Arial, sans-serif;
+$font-family-heading: 'Alfa Slab One', Arial, sans-serif;
+$font-size-base: 16px;
+$font-size-h1: 3.0625rem;
+$font-size-h2: 2.5625rem;
+$font-size-h3: 2.125rem;
+$font-size-h4: 1.75rem;
+$font-size-h5: 1.4375rem;
+$font-size-h6: 1.1875rem;
+$font-size-body: 1rem;
+$font-size-body--small: 0.875rem;
+$font-size-label: 0.75rem;
+
+$line-height-base: 1.5;
+$line-height-heading: 1.2;
+
+$font-weight-normal: 400;
+$font-weight-bold: 700;

package/styles/base/_fonts.scss

@@ -0,0 +1,2 @@
+// @import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');
+// @import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');

package/styles/base/_normalize.scss

@@ -0,0 +1,227 @@
+/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
+
+/*
+Document
+========
+*/
+
+/**
+Use a better box model (opinionated).
+*/
+
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:focus,
+:focus-visible {
+  outline: none;
+}
+
+* {
+  /* Remove default margin. */
+  margin: 0;
+  padding: 0;
+}
+
+html {
+  /* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
+  font-family: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  line-height: 1.15;
+  /* 1. Correct the line height in all browsers. */
+  -webkit-text-size-adjust: 100%;
+  /* 2. Prevent adjustments of font size after orientation changes in iOS. */
+  tab-size: 4;
+  /* 3. Use a more readable tab size (opinionated). */
+  color: #202124;
+}
+
+/*
+Sections
+========
+*/
+
+body {
+  margin: 0;
+  /* Remove the margin in all browsers. */
+  overflow-x: hidden;
+  /* Prevent scroll on narrow devices. */
+}
+
+/*
+Text-level semantics
+====================
+*/
+
+/**
+Add the correct font weight in Chrome and Safari.
+*/
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
+2. Correct the odd 'em' font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+  font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
+  /* 1 */
+  font-size: 1em;
+  /* 2 */
+}
+
+/**
+Add the correct font size in all browsers.
+*/
+
+small {
+  font-size: 80%;
+}
+
+/**
+Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
+*/
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/*
+Tabular data
+============
+*/
+
+/**
+Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)
+*/
+
+table {
+  border-color: currentcolor;
+}
+
+/*
+Forms
+=====
+*/
+
+/**
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+*/
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit;
+  /* 1 */
+  font-size: 100%;
+  /* 1 */
+  line-height: 1.15;
+  /* 1 */
+  margin: 0;
+  /* 2 */
+}
+
+/**
+Correct the inability to style clickable types in iOS and Safari.
+*/
+
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+  -webkit-appearance: button;
+}
+
+/**
+Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
+*/
+
+legend {
+  padding: 0;
+}
+
+/**
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+progress {
+  vertical-align: baseline;
+}
+
+/**
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+[type='search'] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  outline-offset: -2px;
+  /* 2 */
+}
+
+/**
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to 'inherit' in Safari.
+*/
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  /* 1 */
+  font: inherit;
+  /* 2 */
+}
+
+/*
+Interactive
+===========
+*/
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+summary {
+  display: list-item;
+}

package/styles/base/_typography.scss

@@ -0,0 +1,35 @@
+@use '../abstracts/variables' as variables;
+
+body {
+  font-family: variables.$font-family-base;
+  font-size: variables.$font-size-body;
+}
+
+h1 {
+  font-size: variables.$font-size-h1;
+}
+
+h2 {
+  font-size: variables.$font-size-h2;
+}
+
+h3 {
+  font-size: variables.$font-size-h3;
+}
+
+h4 {
+  font-size: variables.$font-size-h4;
+}
+
+h5 {
+  font-size: variables.$font-size-h5;
+}
+
+p {
+  font-size: variables.$font-size-body;
+  line-height: 1.5rem;
+}
+
+.small {
+  font-size: variables.$font-size-body--small;
+}