@haiilo/catalyst 5.3.0 → 6.0.0

package/dist/catalyst/p-d7dc291a.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["root","definition","module","exports","log","this","noop","undefinedType","isIE","window","navigator","test","userAgent","logMethods","bindMethod","obj","methodName","method","bind","Function","prototype","call","e","apply","arguments","traceForIE","console","trace","realMethod","undefined","replaceLoggingMethods","level","loggerName","i","length","methodFactory","debug","enableLoggingWhenConsoleArrives","defaultMethodFactory","Logger","name","defaultLevel","factory","self","currentLevel","storageKey","persistLevelIfPossible","levelNum","levelName","toUpperCase","localStorage","ignore","document","cookie","encodeURIComponent","getPersistedLevel","storedLevel","location","indexOf","exec","slice","levels","clearPersistedLevel","removeItem","TRACE","DEBUG","INFO","WARN","ERROR","SILENT","getLevel","setLevel","persist","setDefaultLevel","resetLevel","enableAll","disableAll","initialLevel","defaultLogger","_loggersByName","getLogger","TypeError","logger","_log","noConflict","getLoggers","CatI18nRegistry","constructor","id","Math","random","toString","substring","i18n","Map","addEventListener","event","detail","set","clear","static","instance","getLocale","_locale","language","setLocale","locale","Intl","getCanonicalLocales","info","err","error","silent","i18nEntries","Object","entries","forEach","key","message","dispatchEvent","buildEvent","t","params","get","replace","_match","CustomEvent","bubbles","composed","catI18nRegistry","getInstance","CatIconRegistry","icons","addIcons","crossCircleFilled","starCircleFilled","clockFilled","checkCircleFilled","dangerFilled","crossOutlined","crossCircleOutlined","alertCircleOutlined","chevronLeftOutlined","chevronRightOutlined","cross16","chevronDownOutlined","setName","removeIcons","names","getIcon","icon","buildName","iconEntries","iconSize","data","delete","catIconRegistry"],"sources":["../node_modules/loglevel/lib/loglevel.js","./src/components/cat-i18n/cat-i18n-registry.ts","./src/components/cat-icon/cat-icon-registry.ts"],"sourcesContent":["/*\n* loglevel - https://github.com/pimterry/loglevel\n*\n* Copyright (c) 2013 Tim Perry\n* Licensed under the MIT license.\n*/\n(function (root, definition) {\n    \"use strict\";\n    if (typeof define === 'function' && define.amd) {\n        define(definition);\n    } else if (typeof module === 'object' && module.exports) {\n        module.exports = definition();\n    } else {\n        root.log = definition();\n    }\n}(this, function () {\n    \"use strict\";\n\n    // Slightly dubious tricks to cut down minimized file size\n    var noop = function() {};\n    var undefinedType = \"undefined\";\n    var isIE = (typeof window !== undefinedType) && (typeof window.navigator !== undefinedType) && (\n        /Trident\\/|MSIE /.test(window.navigator.userAgent)\n    );\n\n    var logMethods = [\n        \"trace\",\n        \"debug\",\n        \"info\",\n        \"warn\",\n        \"error\"\n    ];\n\n    // Cross-browser bind equivalent that works at least back to IE6\n    function bindMethod(obj, methodName) {\n        var method = obj[methodName];\n        if (typeof method.bind === 'function') {\n            return method.bind(obj);\n        } else {\n            try {\n                return Function.prototype.bind.call(method, obj);\n            } catch (e) {\n                // Missing bind shim or IE8 + Modernizr, fallback to wrapping\n                return function() {\n                    return Function.prototype.apply.apply(method, [obj, arguments]);\n                };\n            }\n        }\n    }\n\n    // Trace() doesn't print the message in IE, so for that case we need to wrap it\n    function traceForIE() {\n        if (console.log) {\n            if (console.log.apply) {\n                console.log.apply(console, arguments);\n            } else {\n                // In old IE, native console methods themselves don't have apply().\n                Function.prototype.apply.apply(console.log, [console, arguments]);\n            }\n        }\n        if (console.trace) console.trace();\n    }\n\n    // Build the best logging method possible for this env\n    // Wherever possible we want to bind, not wrap, to preserve stack traces\n    function realMethod(methodName) {\n        if (methodName === 'debug') {\n            methodName = 'log';\n        }\n\n        if (typeof console === undefinedType) {\n            return false; // No method possible, for now - fixed later by enableLoggingWhenConsoleArrives\n        } else if (methodName === 'trace' && isIE) {\n            return traceForIE;\n        } else if (console[methodName] !== undefined) {\n            return bindMethod(console, methodName);\n        } else if (console.log !== undefined) {\n            return bindMethod(console, 'log');\n        } else {\n            return noop;\n        }\n    }\n\n    // These private functions always need `this` to be set properly\n\n    function replaceLoggingMethods(level, loggerName) {\n        /*jshint validthis:true */\n        for (var i = 0; i < logMethods.length; i++) {\n            var methodName = logMethods[i];\n            this[methodName] = (i < level) ?\n                noop :\n                this.methodFactory(methodName, level, loggerName);\n        }\n\n        // Define log.log as an alias for log.debug\n        this.log = this.debug;\n    }\n\n    // In old IE versions, the console isn't present until you first open it.\n    // We build realMethod() replacements here that regenerate logging methods\n    function enableLoggingWhenConsoleArrives(methodName, level, loggerName) {\n        return function () {\n            if (typeof console !== undefinedType) {\n                replaceLoggingMethods.call(this, level, loggerName);\n                this[methodName].apply(this, arguments);\n            }\n        };\n    }\n\n    // By default, we use closely bound real methods wherever possible, and\n    // otherwise we wait for a console to appear, and then try again.\n    function defaultMethodFactory(methodName, level, loggerName) {\n        /*jshint validthis:true */\n        return realMethod(methodName) ||\n               enableLoggingWhenConsoleArrives.apply(this, arguments);\n    }\n\n    function Logger(name, defaultLevel, factory) {\n      var self = this;\n      var currentLevel;\n      defaultLevel = defaultLevel == null ? \"WARN\" : defaultLevel;\n\n      var storageKey = \"loglevel\";\n      if (typeof name === \"string\") {\n        storageKey += \":\" + name;\n      } else if (typeof name === \"symbol\") {\n        storageKey = undefined;\n      }\n\n      function persistLevelIfPossible(levelNum) {\n          var levelName = (logMethods[levelNum] || 'silent').toUpperCase();\n\n          if (typeof window === undefinedType || !storageKey) return;\n\n          // Use localStorage if available\n          try {\n              window.localStorage[storageKey] = levelName;\n              return;\n          } catch (ignore) {}\n\n          // Use session cookie as fallback\n          try {\n              window.document.cookie =\n                encodeURIComponent(storageKey) + \"=\" + levelName + \";\";\n          } catch (ignore) {}\n      }\n\n      function getPersistedLevel() {\n          var storedLevel;\n\n          if (typeof window === undefinedType || !storageKey) return;\n\n          try {\n              storedLevel = window.localStorage[storageKey];\n          } catch (ignore) {}\n\n          // Fallback to cookies if local storage gives us nothing\n          if (typeof storedLevel === undefinedType) {\n              try {\n                  var cookie = window.document.cookie;\n                  var location = cookie.indexOf(\n                      encodeURIComponent(storageKey) + \"=\");\n                  if (location !== -1) {\n                      storedLevel = /^([^;]+)/.exec(cookie.slice(location))[1];\n                  }\n              } catch (ignore) {}\n          }\n\n          // If the stored level is not valid, treat it as if nothing was stored.\n          if (self.levels[storedLevel] === undefined) {\n              storedLevel = undefined;\n          }\n\n          return storedLevel;\n      }\n\n      function clearPersistedLevel() {\n          if (typeof window === undefinedType || !storageKey) return;\n\n          // Use localStorage if available\n          try {\n              window.localStorage.removeItem(storageKey);\n              return;\n          } catch (ignore) {}\n\n          // Use session cookie as fallback\n          try {\n              window.document.cookie =\n                encodeURIComponent(storageKey) + \"=; expires=Thu, 01 Jan 1970 00:00:00 UTC\";\n          } catch (ignore) {}\n      }\n\n      /*\n       *\n       * Public logger API - see https://github.com/pimterry/loglevel for details\n       *\n       */\n\n      self.name = name;\n\n      self.levels = { \"TRACE\": 0, \"DEBUG\": 1, \"INFO\": 2, \"WARN\": 3,\n          \"ERROR\": 4, \"SILENT\": 5};\n\n      self.methodFactory = factory || defaultMethodFactory;\n\n      self.getLevel = function () {\n          return currentLevel;\n      };\n\n      self.setLevel = function (level, persist) {\n          if (typeof level === \"string\" && self.levels[level.toUpperCase()] !== undefined) {\n              level = self.levels[level.toUpperCase()];\n          }\n          if (typeof level === \"number\" && level >= 0 && level <= self.levels.SILENT) {\n              currentLevel = level;\n              if (persist !== false) {  // defaults to true\n                  persistLevelIfPossible(level);\n              }\n              replaceLoggingMethods.call(self, level, name);\n              if (typeof console === undefinedType && level < self.levels.SILENT) {\n                  return \"No console available for logging\";\n              }\n          } else {\n              throw \"log.setLevel() called with invalid level: \" + level;\n          }\n      };\n\n      self.setDefaultLevel = function (level) {\n          defaultLevel = level;\n          if (!getPersistedLevel()) {\n              self.setLevel(level, false);\n          }\n      };\n\n      self.resetLevel = function () {\n          self.setLevel(defaultLevel, false);\n          clearPersistedLevel();\n      };\n\n      self.enableAll = function(persist) {\n          self.setLevel(self.levels.TRACE, persist);\n      };\n\n      self.disableAll = function(persist) {\n          self.setLevel(self.levels.SILENT, persist);\n      };\n\n      // Initialize with the right level\n      var initialLevel = getPersistedLevel();\n      if (initialLevel == null) {\n          initialLevel = defaultLevel;\n      }\n      self.setLevel(initialLevel, false);\n    }\n\n    /*\n     *\n     * Top-level API\n     *\n     */\n\n    var defaultLogger = new Logger();\n\n    var _loggersByName = {};\n    defaultLogger.getLogger = function getLogger(name) {\n        if ((typeof name !== \"symbol\" && typeof name !== \"string\") || name === \"\") {\n          throw new TypeError(\"You must supply a name when creating a logger.\");\n        }\n\n        var logger = _loggersByName[name];\n        if (!logger) {\n          logger = _loggersByName[name] = new Logger(\n            name, defaultLogger.getLevel(), defaultLogger.methodFactory);\n        }\n        return logger;\n    };\n\n    // Grab the current global log variable in case of overwrite\n    var _log = (typeof window !== undefinedType) ? window.log : undefined;\n    defaultLogger.noConflict = function() {\n        if (typeof window !== undefinedType &&\n               window.log === defaultLogger) {\n            window.log = _log;\n        }\n\n        return defaultLogger;\n    };\n\n    defaultLogger.getLoggers = function getLoggers() {\n        return _loggersByName;\n    };\n\n    // ES6 default export, for compatibility\n    defaultLogger['default'] = defaultLogger;\n\n    return defaultLogger;\n}));\n","import log from 'loglevel';\n\nexport class CatI18nRegistry {\n  private static instance: CatI18nRegistry;\n\n  private readonly id = (Math.random() + 1).toString(36).substring(2);\n  private readonly i18n: Map<string, string> = new Map();\n  private _locale?: string;\n\n  private constructor() {\n    // hide constructor\n\n    // In rare cases, the registry can be initialized twice. This can happen in\n    // a micro frontend architecture where the registry is initialized in the\n    // host application and in the micro frontend. To prevent the registry in\n    // one application from overwriting the registry in the other, we listen for\n    // events that are dispatched when messages are added or removed in other\n    // applications and add or remove messages if the event was not dispatched\n    // by this registry.\n    window.addEventListener('cat-i18n-set', event => {\n      const { detail } = (event as CustomEvent) || {};\n      if (detail && detail.id !== this.id) {\n        this.set(detail.i18n, true);\n      }\n    });\n    window.addEventListener('cat-i18n-clear', event => {\n      const { detail } = (event as CustomEvent) || {};\n      if (detail && detail.id !== this.id) {\n        this.clear(true);\n      }\n    });\n  }\n\n  static getInstance(): CatI18nRegistry {\n    if (!CatI18nRegistry.instance) {\n      CatI18nRegistry.instance = new CatI18nRegistry();\n    }\n    return CatI18nRegistry.instance;\n  }\n\n  getLocale(): string {\n    return this._locale ?? window?.navigator?.language ?? 'en';\n  }\n\n  setLocale(locale: string): void {\n    try {\n      this._locale = Intl.getCanonicalLocales(locale)[0];\n      log.info(`[CatI18nRegistry] Set locale: ${this._locale}`);\n    } catch (err) {\n      log.error(`[CatI18nRegistry] Invalid locale: ${locale}`);\n    }\n  }\n\n  set(i18n: { [key: string]: string }, silent = false): void {\n    const i18nEntries = Object.entries(i18n);\n    i18nEntries.forEach(([key, message]) => this.i18n.set(key, message));\n    log.info(`[CatI18nRegistry] Registered ${i18nEntries.length !== 1 ? 'messages' : 'message'}`);\n    !silent && window.dispatchEvent(this.buildEvent('cat-i18n-set', { i18n, id: this.id }));\n  }\n\n  clear(silent = false): void {\n    this.i18n.clear();\n    log.info(`[CatI18nRegistry] Cleared messages`);\n    !silent && window.dispatchEvent(this.buildEvent('cat-i18n-clear'));\n  }\n\n  t(key: string, params?: { [key: string]: unknown }): string {\n    const message = this.i18n.get(key);\n    if (message === undefined) {\n      log.error(`[CatI18nRegistry] Unknown message key: ${key}`);\n      return key;\n    }\n    return message.replace(/{{\\s*([-a-zA-Z._]+)\\s*}}/g, (_match, key) => `${params?.[key] ?? ''}`);\n  }\n\n  private buildEvent<T>(name: string, detail?: T) {\n    return new CustomEvent(name, {\n      bubbles: true,\n      composed: true,\n      detail\n    });\n  }\n}\n\nexport const catI18nRegistry = CatI18nRegistry.getInstance();\n","import cross16 from '@haiilo/catalyst-icons/tmp/assets/16-cross.svg';\nimport alertCircleOutlined from '@haiilo/catalyst-icons/tmp/assets/alert-circle-outlined.svg';\nimport checkCircleFilled from '@haiilo/catalyst-icons/tmp/assets/check-circle-filled.svg';\nimport chevronDownOutlined from '@haiilo/catalyst-icons/tmp/assets/chevron-down-outlined.svg';\nimport chevronLeftOutlined from '@haiilo/catalyst-icons/tmp/assets/chevron-left-outlined.svg';\nimport chevronRightOutlined from '@haiilo/catalyst-icons/tmp/assets/chevron-right-outlined.svg';\nimport clockFilled from '@haiilo/catalyst-icons/tmp/assets/clock-filled.svg';\nimport crossCircleFilled from '@haiilo/catalyst-icons/tmp/assets/cross-circle-filled.svg';\nimport crossCircleOutlined from '@haiilo/catalyst-icons/tmp/assets/cross-circle-outlined.svg';\nimport crossOutlined from '@haiilo/catalyst-icons/tmp/assets/cross-outlined.svg';\nimport dangerFilled from '@haiilo/catalyst-icons/tmp/assets/danger-filled.svg';\nimport starCircleFilled from '@haiilo/catalyst-icons/tmp/assets/star-circle-filled.svg';\nimport log from 'loglevel';\n\nexport class CatIconRegistry {\n  private static instance: CatIconRegistry;\n\n  private readonly id = (Math.random() + 1).toString(36).substring(2);\n  private readonly icons: Map<string, string> = new Map();\n\n  private constructor() {\n    // hide constructor\n\n    // register default icons that are used in the framework by other components\n    this.addIcons(\n      {\n        'alert-danger': crossCircleFilled,\n        'alert-primary': starCircleFilled,\n        'alert-secondary': clockFilled,\n        'alert-success': checkCircleFilled,\n        'alert-warning': dangerFilled,\n        'dialog-close': crossOutlined,\n        'input-close': crossCircleOutlined,\n        'input-error': alertCircleOutlined,\n        'notification-close': crossCircleOutlined,\n        'pagination-left': chevronLeftOutlined,\n        'pagination-right': chevronRightOutlined,\n        'select-clear': cross16,\n        'select-open': chevronDownOutlined\n      },\n      '$cat',\n      true\n    );\n\n    // In rare cases, the registry can be initialized twice. This can happen in\n    // a micro frontend architecture where the registry is initialized in the\n    // host application and in the micro frontend. To prevent the registry in\n    // one application from overwriting the registry in the other, we listen for\n    // events that are dispatched when icons are added or removed in other\n    // applications and add or remove icons if the event was not dispatched by\n    // this registry.\n    window.addEventListener('cat-icons-added', event => {\n      const { detail } = (event as CustomEvent) || {};\n      if (detail && detail.id !== this.id) {\n        this.addIcons(detail.icons, detail.setName, true);\n      }\n    });\n    window.addEventListener('cat-icons-removed', event => {\n      const { detail } = (event as CustomEvent) || {};\n      if (detail && detail.id !== this.id) {\n        this.removeIcons(detail.names, detail.setName, true);\n      }\n    });\n  }\n\n  static getInstance(): CatIconRegistry {\n    if (!CatIconRegistry.instance) {\n      CatIconRegistry.instance = new CatIconRegistry();\n    }\n    return CatIconRegistry.instance;\n  }\n\n  getIcon(name: string, setName?: string): string | undefined {\n    const icon = this.icons.get(this.buildName(name, setName));\n    if (!icon) {\n      log.error(`[CatIconRegistry] Unknown icon${setName ? ` in set ${setName}` : ''}: ${name}`);\n    }\n    return icon;\n  }\n\n  addIcons(icons: { [name: string]: string }, setName?: string, silent = false): CatIconRegistry {\n    const iconEntries = Object.entries(icons);\n    const iconSize = iconEntries.length;\n    iconEntries.forEach(([name, data]) => this.icons.set(this.buildName(name, setName), data));\n    log.info(`[CatIconRegistry] Added ${iconSize !== 1 ? 'icons' : 'icon'}${setName ? ` to set ${setName}` : ''}`);\n    !silent && window.dispatchEvent(this.buildEvent('cat-icons-added', { id: this.id, icons, setName }));\n    return this;\n  }\n\n  removeIcons(names: string[], setName?: string, silent = false): CatIconRegistry {\n    const iconSize = names.length;\n    names.forEach(name => this.icons.delete(this.buildName(name, setName)));\n    log.info(`[CatIconRegistry] Removed ${iconSize !== 1 ? 'icons' : 'icon'}${setName ? ` from set ${setName}` : ''}`);\n    !silent && window.dispatchEvent(this.buildEvent('cat-icons-removed', { id: this.id, names, setName }));\n    return this;\n  }\n\n  private buildName(name: string, setName?: string) {\n    return setName ? `${setName}:${name}` : name;\n  }\n\n  private buildEvent<T>(name: string, detail?: T) {\n    return new CustomEvent(name, {\n      bubbles: true,\n      composed: true,\n      detail\n    });\n  }\n}\n\nexport const catIconRegistry = CatIconRegistry.getInstance();\n"],"mappings":"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"}

package/dist/catalyst/scss/_snippets/_checkbox-hint.scss

@@ -0,0 +1,20 @@
+@use 'variables' as *;
+
+.hint-wrapper {
+  flex: 0 1 auto;
+  display: flex;
+  gap: 0.5rem;
+}
+
+.hint-section {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+.input-hint,
+::slotted([slot='hint']) {
+  color: cat-token('color.ui.font.muted');
+  line-height: 1.5;
+  flex: 1 1 auto;
+  min-width: 0;
+}

package/dist/catalyst/scss/index.scss

@@ -4,6 +4,8 @@
 
 // -- Vendor
 @import 'toastify-js/src/toastify.css';
+@import 'flatpickr/dist/flatpickr.css';
+@import 'vendor/flatpickr';
 
 // -- Fonts
 @import 'fonts/fonts-mixins';

package/dist/catalyst/scss/utils/_border.scss

@@ -27,6 +27,20 @@
   border: 1px solid cat-token('color.ui.border.default');
 }
 
+@each $side in top, right, bottom, left {
+  .cat-border-#{$side} {
+    border-#{$side}: 1px solid cat-token('color.ui.border.default');
+
+    &-light {
+      border-#{$side}: 1px solid cat-token('color.ui.border.light');
+    }
+
+    &-dark {
+      border-#{$side}: 1px solid cat-token('color.ui.border.dark');
+    }
+  }
+}
+
 .cat-border-dark {
   border: 1px solid cat-token('color.ui.border.dark');
 }

package/dist/catalyst/scss/utils/_media.mixins.scss

@@ -3,7 +3,6 @@
 // ---- Responsive
 
 @mixin until($size, $media-type: screen) {
-  @debug 'until', $size;
   @media #{$media-type} and (max-width: #{cat-token('size.screen.#{$size}') - 1px}) {
     @content;
   }

package/dist/catalyst/scss/utils/_typography.mixins.scss

@@ -27,6 +27,7 @@ $font-fallback-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation M
   line-height: cat-head-line-height($size);
   color: cat-token('color.ui.font.head');
   font-weight: $weight;
+  font-feature-settings: 'pnum';
 }
 
 // ---- Body

package/dist/catalyst/scss/vendor/_flatpickr.scss

@@ -0,0 +1,314 @@
+@use '../variables' as *;
+@use '../mixins' as *;
+
+/* stylelint-disable selector-class-pattern */
+
+.flatpickr-calendar {
+  @include cat-body(s);
+  @include cat-elevation(4);
+  border-radius: cat-border-radius('m');
+  border: 1px solid cat-token('color.ui.border.default');
+  background: cat-token('color.ui.background.surface');
+  padding: 1rem;
+
+  &.animate {
+    transform: translateY(-1rem);
+    opacity: 0;
+    transition: transform cat-token('time.transition.s') cubic-bezier(0.3, 0, 0.8, 0.15),
+      opacity cat-token('time.transition.s') cubic-bezier(0.3, 0, 0.8, 0.15);
+  }
+
+  &::before,
+  &::after {
+    display: none;
+  }
+
+  &.open {
+    z-index: $cat-dropdown-z-index;
+    width: auto !important;
+    margin-top: 0.75rem;
+    margin-left: -0.75rem;
+
+    &.animate {
+      opacity: 1;
+      transform: translateY(0);
+      transition: transform cat-token('time.transition.l') cubic-bezier(0.05, 0.7, 0.1, 1),
+        opacity cat-token('time.transition.l') cubic-bezier(0.05, 0.7, 0.1, 1);
+    }
+  }
+}
+
+.flatpickr-months {
+  gap: 0.25rem;
+}
+
+.flatpickr-months .flatpickr-month {
+  height: auto;
+}
+
+.flatpickr-current-month {
+  @include cat-head(4);
+  height: 100%;
+  padding: 0;
+  display: flex;
+  position: static;
+  width: auto;
+  gap: 0.25rem;
+
+  .flatpickr-monthDropdown-months {
+    padding: 0 0.25rem;
+    flex: 1;
+    margin: unset;
+    font-weight: inherit;
+    border-radius: cat-border-radius('m');
+
+    &:hover,
+    &:focus-within {
+      background-color: cat-token('color.theme.primary.bg', 0.05);
+    }
+  }
+
+  input.cur-year {
+    padding: 0;
+    font-weight: inherit;
+    line-height: 2.25rem;
+  }
+
+  .numInputWrapper {
+    width: 7ch;
+  }
+}
+
+.flatpickr-months .flatpickr-prev-month,
+.flatpickr-months .flatpickr-next-month {
+  position: static;
+  width: 2.25rem;
+  height: 2.25rem;
+  padding: 0;
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  color: cat-token('color.ui.font.muted');
+
+  &:hover {
+    color: cat-token('color.ui.font.body');
+  }
+}
+
+.flatpickr-weekdays {
+  height: 2rem;
+}
+
+.flatpickr-weekwrapper {
+  .flatpickr-weekday {
+    height: 2rem;
+  }
+
+  .flatpickr-weeks {
+    box-shadow: none;
+    width: 2rem;
+    padding: 0 0.5rem 0 0;
+  }
+
+  span.flatpickr-day,
+  span.flatpickr-day:hover {
+    @include cat-body(xs, $weight: 700);
+    color: cat-token('color.ui.font.muted');
+    text-align: right;
+    line-height: 2.25rem;
+  }
+}
+
+.flatpickr-days {
+  width: 15.75rem !important;
+}
+
+.dayContainer {
+  width: 15.75rem;
+  min-width: 15.75rem;
+  max-width: 15.75rem;
+}
+
+.flatpickr-day {
+  color: cat-token('color.ui.font.body');
+  height: 2.25rem;
+  line-height: 2.25rem;
+  // max-width: unset;
+  border: 0;
+  border-radius: cat-border-radius('m');
+
+  &:hover {
+    background-color: cat-token('color.ui.background.muted');
+    font-weight: 700;
+  }
+
+  &.today {
+    color: cat-token('color.theme.primary.text');
+    box-shadow: inset 0 0 0 2px cat-token('color.theme.primary.text');
+
+    &:hover,
+    &:focus {
+      background-color: cat-token('color.ui.background.muted');
+      color: cat-token('color.theme.primary.text');
+    }
+  }
+
+  &.selected,
+  &.startRange,
+  &.endRange {
+    &,
+    &:hover,
+    &:focus,
+    &.inRange,
+    &.nextMonthDay,
+    &.prevMonthDay {
+      font-weight: 700;
+      background-color: cat-token('color.theme.primary.bg') !important;
+      color: cat-token('color.theme.primary.fill') !important;
+    }
+  }
+
+  &.inRange,
+  &.prevMonthDay.inRange,
+  &.nextMonthDay.inRange,
+  &.today.inRange,
+  &.prevMonthDay.today.inRange,
+  &.nextMonthDay.today.inRange,
+  &:hover,
+  &.prevMonthDay:hover,
+  &.nextMonthDay:hover,
+  &:focus,
+  &.prevMonthDay:focus,
+  &.nextMonthDay:focus {
+    background-color: cat-token('color.theme.primary.bg', 0.1);
+  }
+
+  &.selected.startRange,
+  &.startRange.startRange,
+  &.endRange.startRange {
+    border-top-left-radius: cat-border-radius('m');
+    border-bottom-left-radius: cat-border-radius('m');
+  }
+
+  &.selected.endRange,
+  &.startRange.endRange,
+  &.endRange.endRange {
+    border-top-right-radius: cat-border-radius('m');
+    border-bottom-right-radius: cat-border-radius('m');
+  }
+}
+
+.numInputWrapper {
+  padding: 0 1rem 0 0.5rem;
+  border-radius: cat-border-radius('m');
+
+  &:hover,
+  &:focus-within {
+    background-color: cat-token('color.theme.primary.bg', 0.05);
+  }
+
+  span {
+    border: none;
+    background: transparent;
+    width: 1rem;
+    padding: 0;
+    color: cat-token('color.ui.font.muted');
+
+    &.arrowUp::after {
+      content: '\2191';
+      align-items: flex-end;
+    }
+
+    &.arrowDown::after {
+      content: '\2193';
+      align-items: flex-start;
+    }
+
+    &::after {
+      @include cat-body(xs, $weight: 700);
+      position: static;
+      border: 0 !important;
+      font-size: 10px;
+      display: flex;
+      height: 100%;
+      justify-content: center;
+    }
+
+    &:hover {
+      color: cat-token('color.ui.font.body');
+      background: transparent;
+    }
+  }
+}
+
+.flatpickr-time .numInputWrapper {
+  height: 2.25rem;
+}
+
+.flatpickr-calendar.hasTime .flatpickr-time {
+  height: 2.25rem;
+  line-height: 2.25rem;
+  max-height: 2.25rem;
+  border-top: none;
+  min-width: 12rem;
+}
+
+.flatpickr-time .flatpickr-time-separator,
+.flatpickr-time .flatpickr-am-pm {
+  margin: 0 0.25rem;
+  @include cat-head(4, 400);
+  line-height: 2.25rem;
+}
+
+.flatpickr-time .flatpickr-am-pm {
+  width: 25%;
+  padding: 0 0.5rem;
+
+  &:hover,
+  &:focus {
+    border-radius: cat-border-radius('m');
+    background-color: cat-token('color.theme.primary.bg', 0.05);
+  }
+}
+
+.flatpickr-time {
+  input {
+    background: transparent !important;
+    @include cat-head(4, 400);
+    line-height: 2.25rem;
+
+    &.flatpickr-hour {
+      font-weight: inherit;
+    }
+  }
+}
+
+.flatpickr-day.inRange:not(.today),
+.flatpickr-day.week.selected {
+  box-shadow: none;
+}
+
+.flatpickr-day.inRange,
+.flatpickr-day.week.selected {
+  &:nth-child(7n + 1) {
+    border-top-left-radius: cat-border-radius('m');
+    border-bottom-left-radius: cat-border-radius('m');
+  }
+
+  &:nth-child(7n + 7) {
+    border-top-right-radius: cat-border-radius('m');
+    border-bottom-right-radius: cat-border-radius('m');
+  }
+}
+
+.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
+.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
+.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
+  box-shadow: none;
+}
+
+.flatpickr-day.selected.startRange.endRange,
+.flatpickr-day.startRange.startRange.endRange,
+.flatpickr-day.endRange.startRange.endRange {
+  border-radius: cat-border-radius('m');
+}