@xplor-education/core-stencil-components 2.0.0

package/dist/collection/components/xplor-time-picker/xplor-time-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xplor-time-picker.js","sourceRoot":"","sources":["../../../src/components/xplor-time-picker/xplor-time-picker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Event, EventEmitter, Element, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'xplor-time-picker',\n  styleUrl: 'xplor-time-picker.scss',\n  scoped: true,\n})\nexport class XplorTimePicker {\n  @Element() el: HTMLElement;\n\n  /** Time value in HH:mm:ss 24-hour format */\n  @Prop({ mutable: true }) value: string = '';\n\n  @Prop() label: string = '';\n  @Prop() placeholder: string = 'Select time';\n  @Prop() clearable: boolean = false;\n\n  /** Auto-fill current time on focus if value is empty */\n  @Prop() prefill: boolean = false;\n\n  @Prop() bgColor: string = 'white';\n  @Prop() showSeconds: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Prop() readonly: boolean = false;\n  @Prop() error: string = '';\n  @Prop() hideDetails: boolean | 'auto' = 'auto';\n  @Prop() required: boolean = false;\n\n  @State() isOpen: boolean = false;\n  @State() inputText: string = '';\n  @State() hours: number = 12;\n  @State() minutes: number = 0;\n  @State() seconds: number = 0;\n  @State() period: 'AM' | 'PM' = 'AM';\n  @State() lastGoodValue: string = '';\n\n  @Event() timeChange: EventEmitter<string>;\n  @Event() xplorFocus: EventEmitter<FocusEvent>;\n  @Event() xplorBlur: EventEmitter<FocusEvent>;\n  @Event() xplorClear: EventEmitter<void>;\n\n  componentWillLoad() {\n    if (this.value) {\n      this.parseValueToState(this.value);\n      this.inputText = this.formatDisplayTime();\n      this.lastGoodValue = this.inputText;\n    }\n  }\n\n  @Listen('click', { target: 'document' })\n  handleDocumentClick(event: MouseEvent) {\n    const target = event.target as Node;\n    if (!this.el.contains(target)) {\n      this.isOpen = false;\n    }\n  }\n\n  /** Parse HH:mm:ss (24h) into component state */\n  private parseValueToState(val: string) {\n    if (!val) return;\n    const parts = val.split(':');\n    let h = parseInt(parts[0], 10) || 0;\n    const m = parseInt(parts[1], 10) || 0;\n    const s = parseInt(parts[2], 10) || 0;\n\n    this.period = h >= 12 ? 'PM' : 'AM';\n    if (h === 0) {\n      h = 12;\n    } else if (h > 12) {\n      h -= 12;\n    }\n\n    this.hours = h;\n    this.minutes = m;\n    this.seconds = s;\n  }\n\n  /** Convert current state to HH:mm:ss (24h) */\n  private stateToValue(): string {\n    let h = this.hours;\n    if (this.period === 'AM' && h === 12) h = 0;\n    else if (this.period === 'PM' && h !== 12) h += 12;\n\n    const hStr = String(h).padStart(2, '0');\n    const mStr = String(this.minutes).padStart(2, '0');\n    const sStr = String(this.seconds).padStart(2, '0');\n    return `${hStr}:${mStr}:${sStr}`;\n  }\n\n  /** Format for display: \"12:00 PM\" or \"12:00:00 PM\" */\n  private formatDisplayTime(): string {\n    const h = this.hours;\n    const m = String(this.minutes).padStart(2, '0');\n    if (this.showSeconds) {\n      const s = String(this.seconds).padStart(2, '0');\n      return `${h}:${m}:${s} ${this.period}`;\n    }\n    return `${h}:${m} ${this.period}`;\n  }\n\n  /** Port of Vue handleOnBlur time parsing logic */\n  private parseInputText(text: string): boolean {\n    const raw = text.trim();\n    if (!raw) return false;\n\n    // Handle bare am/pm\n    if (raw.toLowerCase() === 'am' || raw.toLowerCase() === 'pm') {\n      this.hours = 12;\n      this.minutes = 0;\n      this.seconds = 0;\n      this.period = raw.toLowerCase() === 'pm' ? 'PM' : 'AM';\n      return true;\n    }\n\n    // Detect AM/PM suffix\n    let suffix: 'am' | 'pm' = 'am';\n    if (raw.toLowerCase().indexOf('p') !== -1) {\n      suffix = 'pm';\n    }\n\n    // Strip am/pm text\n    const sanitised = raw.replace(/(\\s*)(pm|am|p|a)/gi, '').trim();\n    const withColons = sanitised.replace(/\\./g, ':');\n    const splits = withColons.split(':');\n\n    let hour: number;\n    let minute = 0;\n    let second = 0;\n\n    if (splits.length === 1) {\n      // No colons: interpret based on length\n      const num = sanitised.trim();\n      if (num.length === 3) {\n        hour = parseInt(num.substring(0, 1), 10);\n        minute = parseInt(num.substring(1, 3), 10);\n      } else if (num.length === 4) {\n        hour = parseInt(num.substring(0, 2), 10);\n        minute = parseInt(num.substring(2, 4), 10);\n      } else if (num.length === 6) {\n        hour = parseInt(num.substring(0, 2), 10);\n        minute = parseInt(num.substring(2, 4), 10);\n        second = parseInt(num.substring(4, 6), 10);\n      } else {\n        hour = parseInt(num, 10);\n      }\n    } else if (splits.length === 2) {\n      hour = parseInt(splits[0].trim(), 10);\n      minute = parseInt(splits[1].trim(), 10);\n    } else if (splits.length === 3) {\n      hour = parseInt(splits[0].trim(), 10);\n      minute = parseInt(splits[1].trim(), 10);\n      second = parseInt(splits[2].trim(), 10);\n    } else {\n      return false;\n    }\n\n    if (isNaN(hour) || hour < 0) return false;\n    if (isNaN(minute)) minute = 0;\n    if (isNaN(second)) second = 0;\n\n    // Handle minute overflow\n    if (minute >= 60) {\n      hour += Math.floor(minute / 60);\n      minute = minute % 60;\n    }\n\n    // Normalize hour and determine AM/PM\n    if (hour >= 12) {\n      suffix = 'pm';\n      if (hour >= 24) {\n        hour = hour % 24;\n        suffix = hour >= 12 ? 'pm' : 'am';\n      }\n      if (hour > 12) {\n        hour -= 12;\n      }\n    }\n\n    if (hour === 0) {\n      hour = 12;\n      suffix = 'am';\n    }\n\n    // Clamp seconds\n    if (second >= 60) second = 59;\n\n    this.hours = hour;\n    this.minutes = minute;\n    this.seconds = second;\n    this.period = suffix === 'pm' ? 'PM' : 'AM';\n    return true;\n  }\n\n  private emitChange() {\n    const val = this.stateToValue();\n    this.value = val;\n    this.inputText = this.formatDisplayTime();\n    this.lastGoodValue = this.inputText;\n    this.timeChange.emit(val);\n  }\n\n  private toggleDropdown = () => {\n    if (this.disabled || this.readonly) return;\n    this.isOpen = !this.isOpen;\n  };\n\n  private handleInputFocus = (event: FocusEvent) => {\n    this.xplorFocus.emit(event);\n    if (this.prefill && !this.value) {\n      const now = new Date();\n      this.hours = now.getHours() % 12 || 12;\n      this.minutes = now.getMinutes();\n      this.seconds = now.getSeconds();\n      this.period = now.getHours() >= 12 ? 'PM' : 'AM';\n      this.emitChange();\n    }\n  };\n\n  private handleInputBlur = (event: FocusEvent) => {\n    this.xplorBlur.emit(event);\n    if (this.inputText.trim() === '') {\n      return;\n    }\n    const ok = this.parseInputText(this.inputText);\n    if (ok) {\n      this.emitChange();\n    } else {\n      // Revert to last good value\n      this.inputText = this.lastGoodValue;\n    }\n  };\n\n  private handleInputChange = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    this.inputText = input.value;\n  };\n\n  private handleClear = (event: Event) => {\n    event.stopPropagation();\n    this.value = '';\n    this.inputText = '';\n    this.lastGoodValue = '';\n    this.hours = 12;\n    this.minutes = 0;\n    this.seconds = 0;\n    this.period = 'AM';\n    this.timeChange.emit('');\n    this.xplorClear.emit();\n  };\n\n  private incrementHours = () => {\n    this.hours = this.hours >= 12 ? 1 : this.hours + 1;\n    this.emitChange();\n  };\n\n  private decrementHours = () => {\n    this.hours = this.hours <= 1 ? 12 : this.hours - 1;\n    this.emitChange();\n  };\n\n  private incrementMinutes = () => {\n    if (this.minutes >= 59) {\n      this.minutes = 0;\n      this.incrementHours();\n    } else {\n      this.minutes++;\n      this.emitChange();\n    }\n  };\n\n  private decrementMinutes = () => {\n    if (this.minutes <= 0) {\n      this.minutes = 59;\n      this.decrementHours();\n    } else {\n      this.minutes--;\n      this.emitChange();\n    }\n  };\n\n  private incrementSeconds = () => {\n    if (this.seconds >= 59) {\n      this.seconds = 0;\n      this.incrementMinutes();\n    } else {\n      this.seconds++;\n      this.emitChange();\n    }\n  };\n\n  private decrementSeconds = () => {\n    if (this.seconds <= 0) {\n      this.seconds = 59;\n      this.decrementMinutes();\n    } else {\n      this.seconds--;\n      this.emitChange();\n    }\n  };\n\n  private togglePeriod = () => {\n    this.period = this.period === 'AM' ? 'PM' : 'AM';\n    this.emitChange();\n  };\n\n  private renderChevronUp() {\n    return (\n      <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"18 15 12 9 6 15\"></polyline>\n      </svg>\n    );\n  }\n\n  private renderChevronDown() {\n    return (\n      <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"6 9 12 15 18 9\"></polyline>\n      </svg>\n    );\n  }\n\n  render() {\n    const showDetails = this.hideDetails === false || (this.hideDetails === 'auto' && this.error);\n\n    const clockIcon = (\n      <svg class=\"time-picker__icon-svg\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n        <polyline points=\"12 6 12 12 16 14\"></polyline>\n      </svg>\n    );\n\n    return (\n      <Host>\n        <div class={{\n          'time-picker': true,\n          'time-picker--disabled': this.disabled,\n          'time-picker--error': !!this.error,\n          'time-picker--open': this.isOpen,\n        }}>\n          {this.label && (\n            <label class=\"time-picker__label\">\n              {this.label}\n              {this.required && <span class=\"time-picker__required\">*</span>}\n            </label>\n          )}\n\n          <div class=\"time-picker__field\">\n            <input\n              type=\"text\"\n              class=\"time-picker__input\"\n              value={this.inputText}\n              placeholder={this.placeholder}\n              disabled={this.disabled}\n              readonly={this.readonly}\n              onFocus={this.handleInputFocus}\n              onBlur={this.handleInputBlur}\n              onInput={this.handleInputChange}\n              style={{ backgroundColor: this.bgColor }}\n            />\n            <div class=\"time-picker__actions\">\n              {this.clearable && this.value && !this.disabled && !this.readonly && (\n                <button type=\"button\" class=\"time-picker__clear\" onClick={this.handleClear} aria-label=\"Clear\">\n                  ×\n                </button>\n              )}\n              <button type=\"button\" class=\"time-picker__icon-btn\" onClick={this.toggleDropdown} disabled={this.disabled} aria-label=\"Open time picker\">\n                {clockIcon}\n              </button>\n            </div>\n          </div>\n\n          {showDetails && (\n            <div class=\"time-picker__details\">\n              {this.error && <div class=\"time-picker__error-message\">{this.error}</div>}\n            </div>\n          )}\n\n          {this.isOpen && (\n            <div class=\"time-picker__dropdown\">\n              <div class=\"time-picker__columns\">\n                {/* Hours column */}\n                <div class=\"time-picker__column\">\n                  <button type=\"button\" class=\"time-picker__spinner-btn\" onClick={this.incrementHours} aria-label=\"Increase hours\">\n                    {this.renderChevronUp()}\n                  </button>\n                  <div class=\"time-picker__value\">{String(this.hours).padStart(2, '0')}</div>\n                  <button type=\"button\" class=\"time-picker__spinner-btn\" onClick={this.decrementHours} aria-label=\"Decrease hours\">\n                    {this.renderChevronDown()}\n                  </button>\n                </div>\n\n                <div class=\"time-picker__separator\">:</div>\n\n                {/* Minutes column */}\n                <div class=\"time-picker__column\">\n                  <button type=\"button\" class=\"time-picker__spinner-btn\" onClick={this.incrementMinutes} aria-label=\"Increase minutes\">\n                    {this.renderChevronUp()}\n                  </button>\n                  <div class=\"time-picker__value\">{String(this.minutes).padStart(2, '0')}</div>\n                  <button type=\"button\" class=\"time-picker__spinner-btn\" onClick={this.decrementMinutes} aria-label=\"Decrease minutes\">\n                    {this.renderChevronDown()}\n                  </button>\n                </div>\n\n                {this.showSeconds && [\n                  <div class=\"time-picker__separator\">:</div>,\n                  <div class=\"time-picker__column\">\n                    <button type=\"button\" class=\"time-picker__spinner-btn\" onClick={this.incrementSeconds} aria-label=\"Increase seconds\">\n                      {this.renderChevronUp()}\n                    </button>\n                    <div class=\"time-picker__value\">{String(this.seconds).padStart(2, '0')}</div>\n                    <button type=\"button\" class=\"time-picker__spinner-btn\" onClick={this.decrementSeconds} aria-label=\"Decrease seconds\">\n                      {this.renderChevronDown()}\n                    </button>\n                  </div>\n                ]}\n\n                {/* AM/PM column */}\n                <div class=\"time-picker__column time-picker__column--period\">\n                  <button type=\"button\" class=\"time-picker__spinner-btn\" onClick={this.togglePeriod} aria-label=\"Toggle AM/PM\">\n                    {this.renderChevronUp()}\n                  </button>\n                  <div class=\"time-picker__value time-picker__value--period\">{this.period}</div>\n                  <button type=\"button\" class=\"time-picker__spinner-btn\" onClick={this.togglePeriod} aria-label=\"Toggle AM/PM\">\n                    {this.renderChevronDown()}\n                  </button>\n                </div>\n              </div>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/xplor-tooltip/xplor-tooltip.css

@@ -0,0 +1,336 @@
+/* on mobile browsers, I set a width of 100% */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@layer base {
+  /* html[data-theme='office'] {
+    --color-primary: rgb(219, 59, 3);
+    --color-secondary: rgb(0, 119, 107);
+    --color-buttons: #89da59;
+    --color-typography: #ff320e;
+  }
+
+  html {
+    --color-primary: #db3b03;
+    --color-primary-50: #db3b03;
+    --color-secondary: rgb(0, 119, 107);
+    --color-secondary-50: rgb(0, 119, 107);
+    --color-tertiary: rgb(128, 104, 186);
+  } */
+  :root {
+    --color-primary: #db3b03;
+    --color-primary-50: rgba(255, 152, 0, 1);
+    --color-secondary: rgb(0, 119, 107);
+    --color-secondary-50: rgba(1, 163, 157, 1);
+    --color-tertiary: rgb(128, 104, 186);
+    --color-tertiary: rgb(223, 242, 241);
+    --color-white: white;
+    --color-emphasis: rgb(8, 8, 9);
+    --color-supergiant: rgb(213, 66, 99);
+    --color-orange: rgb(250, 200, 127);
+    --color-buttons: #fbbc05;
+    --color-typography: #ea4335;
+    --background: 20 66% 99%;
+    --foreground: 20 51% 4%;
+    --muted: 20 25% 86%;
+    --muted-foreground: 20 7% 25%;
+    --popover: 20 66% 98%;
+    --popover-foreground: 20 51% 3%;
+    --card: 20 66% 98%;
+    --card-foreground: 20 51% 3%;
+    --border: 20 15% 94%;
+    --input: 20 15% 94%;
+    --primary: 20 48% 72%;
+    --primary-foreground: 20 48% 12%;
+    --secondary: 20 12% 92%;
+    --secondary-foreground: 20 12% 32%;
+    --accent: 20 12% 92%;
+    --accent-foreground: 20 12% 32%;
+    --destructive: 11 80% 22%;
+    --destructive-foreground: 11 80% 82%;
+    --ring: 20 48% 72%;
+    --radius: 0.5rem;
+    --chart-1: 12 76% 61%;
+    --chart-2: 173 58% 39%;
+    --chart-3: 197 37% 24%;
+    --chart-4: 43 74% 66%;
+    --chart-5: 27 87% 67%;
+  }
+  .dark {
+    --background: 253 43% 3%;
+    --foreground: 253 31% 98%;
+    --muted: 253 7% 13%;
+    --muted-foreground: 253 13% 63%;
+    --popover: 253 43% 3%;
+    --popover-foreground: 253 31% 98%;
+    --card: 253 43% 4%;
+    --card-foreground: 253 31% 99%;
+    --border: 215 27.9% 16.9%;
+    --input: 215 27.9% 16.9%;
+    --primary: 253 91% 58%;
+    --primary-foreground: 253 91% 98%;
+    --secondary: 253 7% 9%;
+    --secondary-foreground: 253 7% 69%;
+    --accent: 253 13% 14%;
+    --accent-foreground: 253 13% 74%;
+    --destructive: 339.2 90.36% 51.18%;
+    --destructive-foreground: 0 0% 100%;
+    --ring: 253 91% 58%;
+    --chart-1: 220 70% 50%;
+    --chart-2: 160 60% 45%;
+    --chart-3: 30 80% 55%;
+    --chart-4: 280 65% 60%;
+    --chart-5: 340 75% 55%;
+  }
+}
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply box-border bg-background text-foreground;
+  }
+}
+@layer utilities {
+  .min-h-screen {
+    min-height: 100vh;
+    /* Fallback */
+    min-height: 100dvh;
+  }
+  .h-screen {
+    height: 100vh;
+    /* Fallback */
+    height: 100dvh;
+  }
+}
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@layer components {
+  .glass {
+    border: none;
+    backdrop-filter: blur(var(--glass-blur, 40px));
+    background-color: transparent;
+    background-image: linear-gradient(135deg, rgb(255, 255, 255, var(--glass-opacity, 30%)), transparent), linear-gradient(var(--glass-reflex-degree, 100deg), rgb(255, 255, 255, var(--glass-reflex-opacity, 10%)) 25%, transparent 0);
+    box-shadow: 0 0 0 1px rgb(255, 255, 255, var(--glass-border-opacity, 10%)) inset, 0 0 0 2px rgba(0, 0, 0, 0.05);
+    text-shadow: 0 1px rgb(0, 0, 0, var(--glass-text-shadow-opacity, 5%));
+  }
+}
+.tox.tox-tinymce {
+  width: 50% !important;
+  height: 400px !important;
+  display: inline-flex;
+}
+
+/* on large screens, I use a different layout, so 600px are sufficient */
+@media only screen and (min-width: 600px) {
+  .tox.tox-tinymce {
+    width: 600px !important;
+  }
+}
+h1 {
+  color: var(--color-primary);
+  /* Header/H1 */
+  font-family: Inter;
+  font-size: 48px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 56px; /* 116.667% */
+}
+
+h2 {
+  color: var(--grey-1100252525, #252525);
+  /* Header/H2 Bold */
+  font-family: Inter;
+  font-size: 32px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 38px; /* 118.75% */
+  letter-spacing: 0.25px;
+}
+
+h3 {
+  color: var(--grey-1100252525, #252525);
+  /* Header/H3 */
+  font-family: Inter;
+  font-size: 24px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 32px; /* 133.333% */
+}
+
+.overline {
+  color: var(--grey-1100252525, #252525);
+  /* Overline/Regular */
+  font-family: Inter;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 16px; /* 133.333% */
+  letter-spacing: 3.2px;
+  text-transform: uppercase;
+}
+
+ol,
+ul {
+  list-style: none;
+  margin: 1rem;
+  padding: 0;
+}
+ol li,
+ul li {
+  margin: 1rem;
+  padding: 0;
+}
+ol.mdc-list,
+ul.mdc-list {
+  list-style-type: none;
+  list-style: none;
+}
+ol.mdc-list li.mdc-list-item,
+ul.mdc-list li.mdc-list-item {
+  list-style-type: none;
+  list-style: none !important;
+}
+
+.orange-label {
+  color: var(--Orange-900-Primary, #db3b03);
+  /* Caption 1/Regular */
+  font-family: Inter;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px; /* 133.333% */
+  letter-spacing: 0.4px;
+  margin: 0px 0 -9px 16px;
+  z-index: 1 !important;
+  position: relative;
+  width: fit-content;
+}
+.orange-label.grey-bg {
+  background-color: #fefcfb;
+}
+
+#spinnerLoader {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background-color: #fff;
+  padding: 20px;
+  border-radius: 5px;
+  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 100;
+  pointer-events: none;
+}
+
+#textfield-Title-label {
+  background-color: white;
+}
+
+.mdc-ripple-upgraded .mdc-text-field--outlined .mdc-notched-outline__notch {
+  border: 0px solid transparent !important;
+  border-bottom: 1px solid #db3b03 !important;
+  padding: 0;
+  height: 0;
+}
+
+.mdc-text-field--focused .mdc-notched-outline__notch {
+  border: 0px solid transparent !important;
+  border-bottom: 2px solid #db3b03 !important;
+}
+
+.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
+  max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);
+  border-top: transparent;
+}
+
+.generate-btn {
+  display: flex;
+  height: 48px;
+  padding: 12px 24px;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+  border-radius: 16px;
+}
+.generate-btn.link:hover {
+  background-color: var(--Cyan-700-Secondary, #e27046);
+  color: var(--Cyan-700-Secondary-Text, #fff);
+}
+
+.bg-green {
+  background: var(--Cyan-700-Secondary, #00776b);
+}
+
+:host {
+  display: inline-block;
+  position: relative;
+}
+
+.tooltip-trigger {
+  display: inline-flex;
+  cursor: pointer;
+}
+
+.tooltip {
+  position: fixed;
+  z-index: 9999;
+  background-color: #424242;
+  color: #fff;
+  border-radius: 4px;
+  padding: 0.5rem 0.75rem;
+  font-size: 0.875rem;
+  line-height: 1.4;
+  max-width: 300px;
+  word-wrap: break-word;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  pointer-events: none;
+  opacity: 0;
+  animation: tooltipFadeIn 0.2s ease forwards;
+}
+
+@keyframes tooltipFadeIn {
+  from {
+    opacity: 0;
+    transform: scale(0.9);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+.tooltip__content {
+  position: relative;
+  z-index: 1;
+}
+
+.tooltip__arrow {
+  position: absolute;
+  width: 12px;
+  height: 12px;
+  background-color: #424242;
+  z-index: 0;
+}
+
+.tooltip--top .tooltip__arrow {
+  margin-top: -6px;
+  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.tooltip--bottom .tooltip__arrow {
+  box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.tooltip--left .tooltip__arrow {
+  margin-left: -6px;
+  display: block;
+  box-shadow: 2px -2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.tooltip--right .tooltip__arrow {
+  box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.1);
+}