New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@therms/atalaya
Advanced tools
@therms/atalaya - npm Package Compare versions
Comparing version 1.1.0-beta.36 to 1.1.0-beta.37
@@ -0,1 +1,12 @@ | ||
| # [1.1.0-beta.37](http://bitbucket.org/thermsio/atalaya/compare/v1.1.0-beta.36...v1.1.0-beta.37) (2021-02-16) | ||
| ### Features | ||
| * **CORE-1219:** abstract badge class implementation ([84a40b6](http://bitbucket.org/thermsio/atalaya/commits/84a40b656d8af0d70a9abfd77ade93986e8a56c6)) | ||
| * **CORE-1219:** add priority square atom ([f2d48de](http://bitbucket.org/thermsio/atalaya/commits/f2d48de258b3e4fb42a1c8000df4b8a100779ceb)) | ||
| * **CORE-1219:** add tag ([85daee1](http://bitbucket.org/thermsio/atalaya/commits/85daee10a0a21d426756028ab3190a7484193d2e)) | ||
| * **CORE-1219:** export badge ([e459a48](http://bitbucket.org/thermsio/atalaya/commits/e459a4802ff4c56660106a1cc7f4cbe02f2f1d2d)) | ||
| * **CORE-1219:** fix activity types stretching through their containers ([2dd7648](http://bitbucket.org/thermsio/atalaya/commits/2dd764812a8f24178c9f55d5dcd05843cb11c877)) | ||
| # [1.1.0-beta.36](http://bitbucket.org/thermsio/atalaya/compare/v1.1.0-beta.35...v1.1.0-beta.36) (2021-02-14) | ||
@@ -2,0 +13,0 @@ |
497
lib/cjs.js
@@ -13,2 +13,158 @@ 'use strict'; | ||
| var tailwindConfig = { | ||
| theme: { | ||
| extend: { | ||
| colors: { | ||
| 'brand-accent': 'var(--color-brand-accent)', | ||
| 'brand-primary': 'var(--color-brand-primary)', | ||
| 'brand-secondary': 'var(--color-brand-secondary)', | ||
| background: 'var(--color-background)', | ||
| border: 'var(--color-border)', | ||
| surface: { | ||
| subtle: 'var(--color-surface-subtle)', | ||
| DEFAULT: 'var(--color-surface)', | ||
| strong: 'var(--color-surface-strong)' | ||
| }, | ||
| action: { | ||
| primary: { | ||
| dark: 'var(--color-action-primary-dark)', | ||
| DEFAULT: 'var(--color-action-primary)', | ||
| light: 'var(--color-action-primary-light)' | ||
| }, | ||
| secondary: { | ||
| dark: 'var(--color-action-secondary-dark)', | ||
| DEFAULT: 'var(--color-action-secondary)', | ||
| light: 'var(--color-action-secondary-light)' | ||
| }, | ||
| confirm: { | ||
| dark: 'var(--color-action-confirm-dark)', | ||
| DEFAULT: 'var(--color-action-confirm)', | ||
| light: 'var(--color-action-confirm-light)' | ||
| }, | ||
| hold: { | ||
| dark: 'var(--color-action-hold-dark)', | ||
| DEFAULT: 'var(--color-action-hold)', | ||
| light: 'var(--color-action-hold-light)' | ||
| }, | ||
| remove: { | ||
| dark: 'var(--color-action-remove-dark)', | ||
| DEFAULT: 'var(--color-action-remove)', | ||
| light: 'var(--color-action-remove-light)' | ||
| }, | ||
| help: { | ||
| dark: 'var(--color-action-help-dark)', | ||
| DEFAULT: 'var(--color-action-help)', | ||
| light: 'var(--color-action-help-light)' | ||
| } | ||
| }, | ||
| status: { | ||
| active: { | ||
| dark: 'var(--color-status-active-dark)', | ||
| DEFAULT: 'var(--color-status-active)', | ||
| light: 'var(--color-status-active-light)' | ||
| }, | ||
| "default": { | ||
| dark: 'var(--color-status-default-dark)', | ||
| DEFAULT: 'var(--color-status-default)', | ||
| light: 'var(--color-status-default-light)' | ||
| }, | ||
| complete: { | ||
| dark: 'var(--color-status-complete-dark)', | ||
| DEFAULT: 'var(--color-status-complete)', | ||
| light: 'var(--color-status-complete-light)' | ||
| }, | ||
| attention: { | ||
| dark: 'var(--color-status-attention-dark)', | ||
| DEFAULT: 'var(--color-status-attention)', | ||
| light: 'var(--color-status-attention-light)' | ||
| }, | ||
| problem: { | ||
| dark: 'var(--color-status-problem-dark)', | ||
| DEFAULT: 'var(--color-status-problem)', | ||
| light: 'var(--color-status-problem-light)' | ||
| }, | ||
| "new": { | ||
| dark: 'var(--color-status-new-dark)', | ||
| DEFAULT: 'var(--color-status-new)', | ||
| light: 'var(--color-status-new-light)' | ||
| } | ||
| }, | ||
| priority: { | ||
| low: { | ||
| dark: 'var(--color-priority-low-dark)', | ||
| DEFAULT: 'var(--color-priority-low)', | ||
| light: 'var(--color-priority-low-light)' | ||
| }, | ||
| medium: { | ||
| dark: 'var(--color-priority-medium-dark)', | ||
| DEFAULT: 'var(--color-priority-medium)', | ||
| light: 'var(--color-priority-medium-light)' | ||
| }, | ||
| high: { | ||
| dark: 'var(--color-priority-high-dark)', | ||
| DEFAULT: 'var(--color-priority-high)', | ||
| light: 'var(--color-priority-high-light)' | ||
| }, | ||
| info: { | ||
| dark: 'var(--color-priority-info-dark)', | ||
| DEFAULT: 'var(--color-priority-info)', | ||
| light: 'var(--color-priority-info-light)' | ||
| } | ||
| }, | ||
| message: { | ||
| success: { | ||
| dark: 'var(--color-message-success-dark)', | ||
| DEFAULT: 'var(--color-message-success)', | ||
| light: 'var(--color-message-success-light)' | ||
| }, | ||
| warning: { | ||
| dark: 'var(--color-message-warning-dark)', | ||
| DEFAULT: 'var(--color-message-warning)', | ||
| light: 'var(--color-message-warning-light)' | ||
| }, | ||
| danger: { | ||
| dark: 'var(--color-message-danger-dark)', | ||
| DEFAULT: 'var(--color-message-danger)', | ||
| light: 'var(--color-message-danger-light)' | ||
| }, | ||
| info: { | ||
| dark: 'var(--color-message-info-dark)', | ||
| DEFAULT: 'var(--color-message-info)', | ||
| light: 'var(--color-message-info-light)' | ||
| } | ||
| }, | ||
| presence: { | ||
| off: { | ||
| duty: 'var(--color-presence-off-duty)' | ||
| }, | ||
| on: { | ||
| duty: 'var(--color-presence-on-duty)', | ||
| call: 'var(--color-presence-on-call)' | ||
| }, | ||
| busy: 'var(--color-presence-busy)' | ||
| } | ||
| }, | ||
| spacing: { | ||
| '2xs': 'var(--spacing-2xs)', | ||
| xs: 'var(--spacing-xs)', | ||
| sm: 'var(--spacing-sm)', | ||
| base: 'var(--spacing-base)', | ||
| lg: 'var(--spacing-lg)', | ||
| xl: 'var(--spacing-xl)', | ||
| '2xl': 'var(--spacing-2xl)' | ||
| }, | ||
| textColor: { | ||
| color: { | ||
| subtle: 'var(--color-text-subtle)', | ||
| base: 'var(--color-text)', | ||
| strong: 'var(--color-text-strong)', | ||
| semantic: 'var(--color-text-semantic)' | ||
| } | ||
| } | ||
| } | ||
| } | ||
| }; | ||
| var index = { tailwind: tailwindConfig }; | ||
| /*! ***************************************************************************** | ||
@@ -250,160 +406,4 @@ Copyright (c) Microsoft Corporation. | ||
| var measures = __assign(__assign(__assign(__assign({}, iconSizing), lineHeight), textSizing), spacing); | ||
| var index = { darkColors: darkColors, darkTheme: darkTheme, lightColors: lightColors, lightTheme: lightTheme, measures: measures }; | ||
| var index$1 = { darkColors: darkColors, darkTheme: darkTheme, lightColors: lightColors, lightTheme: lightTheme, measures: measures }; | ||
| var tailwindConfig = { | ||
| theme: { | ||
| extend: { | ||
| colors: { | ||
| 'brand-accent': 'var(--color-brand-accent)', | ||
| 'brand-primary': 'var(--color-brand-primary)', | ||
| 'brand-secondary': 'var(--color-brand-secondary)', | ||
| background: 'var(--color-background)', | ||
| border: 'var(--color-border)', | ||
| surface: { | ||
| subtle: 'var(--color-surface-subtle)', | ||
| DEFAULT: 'var(--color-surface)', | ||
| strong: 'var(--color-surface-strong)' | ||
| }, | ||
| action: { | ||
| primary: { | ||
| dark: 'var(--color-action-primary-dark)', | ||
| DEFAULT: 'var(--color-action-primary)', | ||
| light: 'var(--color-action-primary-light)' | ||
| }, | ||
| secondary: { | ||
| dark: 'var(--color-action-secondary-dark)', | ||
| DEFAULT: 'var(--color-action-secondary)', | ||
| light: 'var(--color-action-secondary-light)' | ||
| }, | ||
| confirm: { | ||
| dark: 'var(--color-action-confirm-dark)', | ||
| DEFAULT: 'var(--color-action-confirm)', | ||
| light: 'var(--color-action-confirm-light)' | ||
| }, | ||
| hold: { | ||
| dark: 'var(--color-action-hold-dark)', | ||
| DEFAULT: 'var(--color-action-hold)', | ||
| light: 'var(--color-action-hold-light)' | ||
| }, | ||
| remove: { | ||
| dark: 'var(--color-action-remove-dark)', | ||
| DEFAULT: 'var(--color-action-remove)', | ||
| light: 'var(--color-action-remove-light)' | ||
| }, | ||
| help: { | ||
| dark: 'var(--color-action-help-dark)', | ||
| DEFAULT: 'var(--color-action-help)', | ||
| light: 'var(--color-action-help-light)' | ||
| } | ||
| }, | ||
| status: { | ||
| active: { | ||
| dark: 'var(--color-status-active-dark)', | ||
| DEFAULT: 'var(--color-status-active)', | ||
| light: 'var(--color-status-active-light)' | ||
| }, | ||
| "default": { | ||
| dark: 'var(--color-status-default-dark)', | ||
| DEFAULT: 'var(--color-status-default)', | ||
| light: 'var(--color-status-default-light)' | ||
| }, | ||
| complete: { | ||
| dark: 'var(--color-status-complete-dark)', | ||
| DEFAULT: 'var(--color-status-complete)', | ||
| light: 'var(--color-status-complete-light)' | ||
| }, | ||
| attention: { | ||
| dark: 'var(--color-status-attention-dark)', | ||
| DEFAULT: 'var(--color-status-attention)', | ||
| light: 'var(--color-status-attention-light)' | ||
| }, | ||
| problem: { | ||
| dark: 'var(--color-status-problem-dark)', | ||
| DEFAULT: 'var(--color-status-problem)', | ||
| light: 'var(--color-status-problem-light)' | ||
| }, | ||
| "new": { | ||
| dark: 'var(--color-status-new-dark)', | ||
| DEFAULT: 'var(--color-status-new)', | ||
| light: 'var(--color-status-new-light)' | ||
| } | ||
| }, | ||
| priority: { | ||
| low: { | ||
| dark: 'var(--color-priority-low-dark)', | ||
| DEFAULT: 'var(--color-priority-low)', | ||
| light: 'var(--color-priority-low-light)' | ||
| }, | ||
| medium: { | ||
| dark: 'var(--color-priority-medium-dark)', | ||
| DEFAULT: 'var(--color-priority-medium)', | ||
| light: 'var(--color-priority-medium-light)' | ||
| }, | ||
| high: { | ||
| dark: 'var(--color-priority-high-dark)', | ||
| DEFAULT: 'var(--color-priority-high)', | ||
| light: 'var(--color-priority-high-light)' | ||
| }, | ||
| info: { | ||
| dark: 'var(--color-priority-info-dark)', | ||
| DEFAULT: 'var(--color-priority-info)', | ||
| light: 'var(--color-priority-info-light)' | ||
| } | ||
| }, | ||
| message: { | ||
| success: { | ||
| dark: 'var(--color-message-success-dark)', | ||
| DEFAULT: 'var(--color-message-success)', | ||
| light: 'var(--color-message-success-light)' | ||
| }, | ||
| warning: { | ||
| dark: 'var(--color-message-warning-dark)', | ||
| DEFAULT: 'var(--color-message-warning)', | ||
| light: 'var(--color-message-warning-light)' | ||
| }, | ||
| danger: { | ||
| dark: 'var(--color-message-danger-dark)', | ||
| DEFAULT: 'var(--color-message-danger)', | ||
| light: 'var(--color-message-danger-light)' | ||
| }, | ||
| info: { | ||
| dark: 'var(--color-message-info-dark)', | ||
| DEFAULT: 'var(--color-message-info)', | ||
| light: 'var(--color-message-info-light)' | ||
| } | ||
| }, | ||
| presence: { | ||
| off: { | ||
| duty: 'var(--color-presence-off-duty)' | ||
| }, | ||
| on: { | ||
| duty: 'var(--color-presence-on-duty)', | ||
| call: 'var(--color-presence-on-call)' | ||
| }, | ||
| busy: 'var(--color-presence-busy)' | ||
| } | ||
| }, | ||
| spacing: { | ||
| '2xs': 'var(--spacing-2xs)', | ||
| xs: 'var(--spacing-xs)', | ||
| sm: 'var(--spacing-sm)', | ||
| base: 'var(--spacing-base)', | ||
| lg: 'var(--spacing-lg)', | ||
| xl: 'var(--spacing-xl)', | ||
| '2xl': 'var(--spacing-2xl)' | ||
| }, | ||
| textColor: { | ||
| color: { | ||
| subtle: 'var(--color-text-subtle)', | ||
| base: 'var(--color-text)', | ||
| strong: 'var(--color-text-strong)', | ||
| semantic: 'var(--color-text-semantic)' | ||
| } | ||
| } | ||
| } | ||
| } | ||
| }; | ||
| var index$1 = { tailwind: tailwindConfig }; | ||
| var getSemanticFromSeverity = function (severity) { | ||
@@ -423,5 +423,104 @@ if (severity === 3) | ||
| var priority = getSemanticFromSeverity(severity); | ||
| return React__default['default'].createElement("div", { className: "bg-priority-" + priority + " px-xs rounded" }, name); | ||
| return (React__default['default'].createElement("div", { className: "bg-priority-" + priority + " inline-block px-xs rounded text-color-semantic" }, name)); | ||
| }; | ||
| function createCommonjsModule(fn) { | ||
| var module = { exports: {} }; | ||
| return fn(module, module.exports), module.exports; | ||
| } | ||
| /*! | ||
| Copyright (c) 2017 Jed Watson. | ||
| Licensed under the MIT License (MIT), see | ||
| http://jedwatson.github.io/classnames | ||
| */ | ||
| var classnames = createCommonjsModule(function (module) { | ||
| /* global define */ | ||
| (function () { | ||
| var hasOwn = {}.hasOwnProperty; | ||
| function classNames () { | ||
| var classes = []; | ||
| for (var i = 0; i < arguments.length; i++) { | ||
| var arg = arguments[i]; | ||
| if (!arg) continue; | ||
| var argType = typeof arg; | ||
| if (argType === 'string' || argType === 'number') { | ||
| classes.push(arg); | ||
| } else if (Array.isArray(arg) && arg.length) { | ||
| var inner = classNames.apply(null, arg); | ||
| if (inner) { | ||
| classes.push(inner); | ||
| } | ||
| } else if (argType === 'object') { | ||
| for (var key in arg) { | ||
| if (hasOwn.call(arg, key) && arg[key]) { | ||
| classes.push(key); | ||
| } | ||
| } | ||
| } | ||
| } | ||
| return classes.join(' '); | ||
| } | ||
| if (module.exports) { | ||
| classNames.default = classNames; | ||
| module.exports = classNames; | ||
| } else { | ||
| window.classNames = classNames; | ||
| } | ||
| }()); | ||
| }); | ||
| var curryBadgeClasses = function (_a) { | ||
| var type = _a.type; | ||
| var classes = classnames('font-bold inline px-xs rounded text-color-semantic text-sm', { | ||
| 'bg-status-default': type === 'default', | ||
| 'bg-status-active': type === 'active', | ||
| 'bg-status-complete': type === 'complete', | ||
| 'bg-status-attention': type === 'attention', | ||
| 'bg-status-problem': type === 'problem', | ||
| 'bg-status-new': type === 'new', | ||
| 'bg-priority-low': type === 'low', | ||
| 'bg-priority-medium': type === 'medium', | ||
| 'bg-priority-high': type === 'high', | ||
| 'bg-priority-info': type === 'info' | ||
| }); | ||
| return classes; | ||
| }; | ||
| var Badge = function (_a) { | ||
| var _b = _a.max, max = _b === void 0 ? 99 : _b, _c = _a.type, type = _c === void 0 ? 'default' : _c, value = _a.value; | ||
| var classes = curryBadgeClasses({ type: type }); | ||
| var displayValue = value > max ? "+" + max : value; | ||
| return React__default['default'].createElement("div", { className: classes }, displayValue); | ||
| }; | ||
| Badge.propTypes = { | ||
| max: PropTypes__default['default'].number, | ||
| type: PropTypes__default['default'].oneOf([ | ||
| 'default', | ||
| 'active', | ||
| 'complete', | ||
| 'attention', | ||
| 'problem', | ||
| 'new', | ||
| 'low', | ||
| 'medium', | ||
| 'high', | ||
| 'info', | ||
| ]), | ||
| value: PropTypes__default['default'].number.isRequired | ||
| }; | ||
| Badge.defaultProps = { | ||
| max: 99, | ||
| type: 'default' | ||
| }; | ||
| function styleInject(css, ref) { | ||
@@ -454,3 +553,3 @@ if ( ref === void 0 ) ref = {}; | ||
| var css_248z = ":root {\n /* these colors are specific to THERMS UI */\n /* Background --- */\n --color-background: #14191F;\n\n /* Border --- */\n --color-border: #4C5766;\n\n /* Surface --- */\n\n --color-surface-subtle: #21262C;\n --color-surface: #2B323B;\n --color-surface-strong: #363F49; \n\n /* Text --- */\n --color-text-subtle: #ffffff73;\n --color-text: #ffffffb3;\n --color-text-strong: #fffffff2;\n --color-text-semantic: #fffffff2;\n \n\n /* Actions --- */\n --color-action-primary-dark: #2d5286;\n --color-action-primary: #4075BF;\n --color-action-primary-light: #799ED2;\n\n --color-action-secondary-dark: #55595E;\n --color-action-secondary: #797F86;\n --color-action-secondary-light: #A1A5AA;\n\n --color-action-confirm-dark: #0D5938;\n --color-action-confirm: #1F9361;\n --color-action-confirm-light: #2DD28A;\n\n --color-action-hold-dark: #A16A12;\n --color-action-hold: #E5971A;\n --color-action-hold-light: #FBBA51;\n\n --color-action-remove-dark: #451008;\n --color-action-remove: #BD3C28;\n --color-action-remove-light: #E5614C;\n\n --color-action-help-dark: #084545;\n --color-action-help: #24A8A8;\n --color-action-help-light: #4CE5E5;\n\n /* Status --- */\n --color-status-active-dark: #2D5286;\n --color-status-active: #4075BF;\n --color-status-active-light: #799ED2;\n\n --color-status-default-dark: #55595E;\n --color-status-default: #797F86;\n --color-status-default-light: #A1A5AA;\n\n --color-status-complete-dark: #0D5938;\n --color-status-complete: #1F9361;\n --color-status-complete-light: #2DD28A;\n\n --color-status-attention-dark: #A16A12;\n --color-status-attention: #E5971A;\n --color-status-attention-light: #FBBA51;\n\n --color-status-problem-dark: #451008;\n --color-status-problem: #BD3C28;\n --color-status-problem-light: #E5614C;\n\n --color-status-new-dark: #084545;\n --color-status-new: #24A8A8;\n --color-status-new-light: #4CE5E5;\n\n /* Priority --- */\n --color-priority-low-dark: #0D5938;\n --color-priority-low: #1F9361;\n --color-priority-low-light: #2DD28A;\n\n --color-priority-medium-dark: #A16A12;\n --color-priority-medium: #E5971A;\n --color-priority-medium-light: #FBBA51;\n\n --color-priority-high-dark: #451008;\n --color-priority-high: #BD3C28;\n --color-priority-high-light: #E5614C;\n\n --color-priority-info-dark: #084545;\n --color-priority-info: #24A8A8;\n --color-priority-info-light: #4CE5E5;\n\n /* Messages --- */\n --color-message-success-dark: #0D5938;\n --color-message-success: #1F9361;\n --color-message-success-light: #2DD28A;\n\n --color-message-warning-dark: #A16A12;\n --color-message-warning: #E5971A;\n --color-message-warning-light: #FBBA51;\n\n --color-message-danger-dark: #451008;\n --color-message-danger: #BD3C28; \n --color-message-danger-light: #E5614C;\n\n --color-message-info-dark: #084545;\n --color-message-info: #24A8A8;\n --color-message-info-light: #4CE5E5;\n\n /* Presence --- */\n --color-presence-off-duty: #797F86;\n --color-presence-on-duty: #1F9361;\n --color-presence-on-call: #E5971A;\n --color-presence-busy: #BD3C28;\n}\n\n:root {\n /* brand is specific to the user/organization\n that are used for presentational components/views, ie: PDF's or emails\n */\n --color-brand-accent : #720505;\n --color-brand-primary : #02369d;\n --color-brand-secondary: #3d4b79;\n\n}\n\n:root {\n /* Spacing --- */\n --spacing-2xs: 0.25rem;\n --spacing-xs: 0.5rem;\n --spacing-sm: 0.75rem;\n --spacing-base: 1rem;\n --spacing-lg: 1.25rem;\n --spacing-xl: 2rem;\n --spacing-2xl: 3rem;\n}\n\n:root {\n /* Icon Sizing */\n --size-icon-sm: 1rem;\n --size-icon: 1.5rem;\n --size-icon-lg: 2rem;\n\n /* Text Sizing */\n --size-text-sm: 0.875rem;\n --size-text: 1rem;\n --size-text-lg: 1.25rem;\n\n /* Text line heights */\n --line-height-text-sm: 1.25rem;\n --line-height-text: 1.5rem;\n --line-height-text-lg: 1.75rem;\n}\n\n/*! tailwindcss v2.0.3 | MIT License | https://tailwindcss.com */\n\n/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */\n\n/*\nDocument\n========\n*/\n\n/**\nUse a better box model (opinionated).\n*/\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n/**\nUse a more readable tab size (opinionated).\n*/\n\n:root {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n}\n\n/**\n1. Correct the line height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n*/\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/*\nSections\n========\n*/\n\n/**\nRemove the margin in all browsers.\n*/\n\nbody {\n margin: 0;\n}\n\n/**\nImprove consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n*/\n\nbody {\n font-family:\n\t\tsystem-ui,\n\t\t-apple-system, /* Firefox supports this but not yet `system-ui` */\n\t\t'Segoe UI',\n\t\tRoboto,\n\t\tHelvetica,\n\t\tArial,\n\t\tsans-serif,\n\t\t'Apple Color Emoji',\n\t\t'Segoe UI Emoji';\n}\n\n/*\nGrouping content\n================\n*/\n\n/**\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n*/\n\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n}\n\n/*\nText-level semantics\n====================\n*/\n\n/**\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr[title] {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\n/**\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n2. Correct the odd 'em' font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family:\n\t\tui-monospace,\n\t\tSFMono-Regular,\n\t\tConsolas,\n\t\t'Liberation Mono',\n\t\tMenlo,\n\t\tmonospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/**\nPrevent 'sub' and 'sup' elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/*\nTabular data\n============\n*/\n\n/**\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n*/\n\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n}\n\n/*\nForms\n=====\n*/\n\n/**\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\nRemove the inheritance of text transform in Edge and Firefox.\n1. Remove the inheritance of text transform in Firefox.\n*/\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\nCorrect the inability to style clickable types in iOS and Safari.\n*/\n\nbutton,\n[type='button'] {\n -webkit-appearance: button;\n}\n\n/**\nRemove the inner border and padding in Firefox.\n*/\n\n/**\nRestore the focus styles unset by the previous rule.\n*/\n\n/**\nRemove the additional ':invalid' styles in Firefox.\nSee: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737\n*/\n\n/**\nRemove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.\n*/\n\nlegend {\n padding: 0;\n}\n\n/**\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n/**\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n/**\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n/**\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to 'inherit' in Safari.\n*/\n\n/*\nInteractive\n===========\n*/\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/**\n * Manually forked from SUIT CSS Base: https://github.com/suitcss/base\n * A thin layer on top of normalize.css that provides a starting point more\n * suitable for web applications.\n */\n\n/**\n * Removes the default spacing and border for appropriate elements.\n */\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nbutton {\n background-color: transparent;\n background-image: none;\n}\n\n/**\n * Work around a Firefox/IE bug where the transparent `button` background\n * results in a loss of the default `button` focus styles.\n */\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nol,\nul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/**\n * Tailwind custom reset styles\n */\n\n/**\n * 1. Use the user's configured `sans` font-family (with Tailwind's default\n * sans-serif font stack as a fallback) as a sane default.\n * 2. Use Tailwind's default \"normal\" line-height so the user isn't forced\n * to override it to ensure consistency even when using the default theme.\n */\n\nhtml {\n font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 1 */\n line-height: 1.5; /* 2 */\n}\n\n/**\n * Inherit font-family and line-height from `html` so users can set them as\n * a class directly on the `html` element.\n */\n\nbody {\n font-family: inherit;\n line-height: inherit;\n}\n\n/**\n * 1. Prevent padding and border from affecting element width.\n *\n * We used to set this in the html element and inherit from\n * the parent element for everything else. This caused issues\n * in shadow-dom-enhanced elements like <details> where the content\n * is wrapped by a div with box-sizing set to `content-box`.\n *\n * https://github.com/mozdevs/cssremedy/issues/4\n *\n *\n * 2. Allow adding a border to an element by just adding a border-width.\n *\n * By default, the way the browser specifies that an element should have no\n * border is by setting it's border-style to `none` in the user-agent\n * stylesheet.\n *\n * In order to easily add borders to elements by just setting the `border-width`\n * property, we change the default border-style for all elements to `solid`, and\n * use border-width to hide them instead. This way our `border` utilities only\n * need to set the `border-width` property instead of the entire `border`\n * shorthand, making our border utilities much more straightforward to compose.\n *\n * https://github.com/tailwindcss/tailwindcss/pull/116\n */\n\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: #e5e7eb; /* 2 */\n}\n\n/*\n * Ensure horizontal rules are visible by default\n */\n\nhr {\n border-top-width: 1px;\n}\n\n/**\n * Undo the `border-style: none` reset that Normalize applies to images so that\n * our `border-{width}` utilities have the expected effect.\n *\n * The Normalize reset is unnecessary for us since we default the border-width\n * to 0 on all elements.\n *\n * https://github.com/tailwindcss/tailwindcss/issues/362\n */\n\nimg {\n border-style: solid;\n}\n\ntextarea {\n resize: vertical;\n}\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\ninput:-ms-input-placeholder, textarea:-ms-input-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\nbutton {\n cursor: pointer;\n}\n\ntable {\n border-collapse: collapse;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/**\n * Reset links to optimize for opt-in styling instead of\n * opt-out.\n */\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/**\n * Reset form element properties that are easy to forget to\n * style explicitly so you don't inadvertently introduce\n * styles that deviate from your design system. These styles\n * supplement a partial reset that is already applied by\n * normalize.css.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n padding: 0;\n line-height: inherit;\n color: inherit;\n}\n\n/**\n * Use the configured 'mono' font family for elements that\n * are expected to be rendered with a monospace font, falling\n * back to the system monospace stack if there is no configured\n * 'mono' font family.\n */\n\npre,\ncode,\nkbd,\nsamp {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n/**\n * Make replaced elements `display: block` by default as that's\n * the behavior you want almost all of the time. Inspired by\n * CSS Remedy, with `svg` added as well.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block;\n vertical-align: middle;\n}\n\n/**\n * Constrain images and videos to the parent width and preserve\n * their instrinsic aspect ratio.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n.container{\n width: 100%;\n}\n\n@media (min-width: 640px){\n .container{\n max-width: 640px;\n }\n}\n\n@media (min-width: 768px){\n .container{\n max-width: 768px;\n }\n}\n\n@media (min-width: 1024px){\n .container{\n max-width: 1024px;\n }\n}\n\n@media (min-width: 1280px){\n .container{\n max-width: 1280px;\n }\n}\n\n@media (min-width: 1536px){\n .container{\n max-width: 1536px;\n }\n}\n\n.divide-y > :not([hidden]) ~ :not([hidden]){\n --tw-divide-y-reverse: 0;\n border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n border-bottom-width: calc(1px * var(--tw-divide-y-reverse));\n}\n\n.divide-gray-200 > :not([hidden]) ~ :not([hidden]){\n --tw-divide-opacity: 1;\n border-color: rgba(229, 231, 235, var(--tw-divide-opacity));\n}\n\n.bg-surface{\n background-color: var(--color-surface);\n}\n\n.bg-action-primary{\n background-color: var(--color-action-primary);\n}\n\n.bg-status-active{\n background-color: var(--color-status-active);\n}\n\n.bg-status-default{\n background-color: var(--color-status-default);\n}\n\n.bg-status-complete{\n background-color: var(--color-status-complete);\n}\n\n.bg-status-attention{\n background-color: var(--color-status-attention);\n}\n\n.bg-status-problem{\n background-color: var(--color-status-problem);\n}\n\n.bg-status-new{\n background-color: var(--color-status-new);\n}\n\n.bg-priority-low{\n background-color: var(--color-priority-low);\n}\n\n.bg-priority-medium{\n background-color: var(--color-priority-medium);\n}\n\n.bg-priority-high{\n background-color: var(--color-priority-high);\n}\n\n.bg-priority-info{\n background-color: var(--color-priority-info);\n}\n\n.hover\\:bg-action-primary-light:hover{\n background-color: var(--color-action-primary-light);\n}\n\n.border-transparent{\n border-color: transparent;\n}\n\n.border-gray-200{\n --tw-border-opacity: 1;\n border-color: rgba(229, 231, 235, var(--tw-border-opacity));\n}\n\n.rounded{\n border-radius: 0.25rem;\n}\n\n.rounded-md{\n border-radius: 0.375rem;\n}\n\n.border{\n border-width: 1px;\n}\n\n.border-l-2{\n border-left-width: 2px;\n}\n\n.border-b{\n border-bottom-width: 1px;\n}\n\n.inline-block{\n display: inline-block;\n}\n\n.inline{\n display: inline;\n}\n\n.flex{\n display: flex;\n}\n\n.inline-flex{\n display: inline-flex;\n}\n\n.table{\n display: table;\n}\n\n.flex-col{\n flex-direction: column;\n}\n\n.flex-wrap{\n flex-wrap: wrap;\n}\n\n.items-start{\n align-items: flex-start;\n}\n\n.items-end{\n align-items: flex-end;\n}\n\n.items-center{\n align-items: center;\n}\n\n.justify-start{\n justify-content: flex-start;\n}\n\n.justify-end{\n justify-content: flex-end;\n}\n\n.justify-center{\n justify-content: center;\n}\n\n.font-medium{\n font-weight: 500;\n}\n\n.font-bold{\n font-weight: 700;\n}\n\n.text-xs{\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.text-sm{\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.-my-2{\n margin-top: -0.5rem;\n margin-bottom: -0.5rem;\n}\n\n.min-w-full{\n min-width: 100%;\n}\n\n.focus\\:outline-none:focus{\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.overflow-hidden{\n overflow: hidden;\n}\n\n.overflow-x-auto{\n overflow-x: auto;\n}\n\n.p-sm{\n padding: var(--spacing-sm);\n}\n\n.py-2{\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.py-3{\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n\n.py-4{\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.px-6{\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.py-2xs{\n padding-top: var(--spacing-2xs);\n padding-bottom: var(--spacing-2xs);\n}\n\n.py-xs{\n padding-top: var(--spacing-xs);\n padding-bottom: var(--spacing-xs);\n}\n\n.px-xs{\n padding-left: var(--spacing-xs);\n padding-right: var(--spacing-xs);\n}\n\n.px-sm{\n padding-left: var(--spacing-sm);\n padding-right: var(--spacing-sm);\n}\n\n.px-base{\n padding-left: var(--spacing-base);\n padding-right: var(--spacing-base);\n}\n\n*{\n --tw-shadow: 0 0 #0000;\n}\n\n.shadow-sm{\n --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow{\n --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n*{\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgba(59, 130, 246, 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n}\n\n.focus\\:ring-2:focus{\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-offset-2:focus{\n --tw-ring-offset-width: 2px;\n}\n\n.text-left{\n text-align: left;\n}\n\n.text-white{\n --tw-text-opacity: 1;\n color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n\n.text-gray-500{\n --tw-text-opacity: 1;\n color: rgba(107, 114, 128, var(--tw-text-opacity));\n}\n\n.text-color-subtle{\n color: var(--color-text-subtle);\n}\n\n.text-color-base{\n color: var(--color-text);\n}\n\n.text-color-semantic{\n color: var(--color-text-semantic);\n}\n\n.uppercase{\n text-transform: uppercase;\n}\n\n.tracking-wider{\n letter-spacing: 0.05em;\n}\n\n.align-middle{\n vertical-align: middle;\n}\n\n.whitespace-nowrap{\n white-space: nowrap;\n}\n\n@-webkit-keyframes spin{\n to{\n transform: rotate(360deg);\n }\n}\n\n@keyframes spin{\n to{\n transform: rotate(360deg);\n }\n}\n\n@-webkit-keyframes ping{\n 75%, 100%{\n transform: scale(2);\n opacity: 0;\n }\n}\n\n@keyframes ping{\n 75%, 100%{\n transform: scale(2);\n opacity: 0;\n }\n}\n\n@-webkit-keyframes pulse{\n 50%{\n opacity: .5;\n }\n}\n\n@keyframes pulse{\n 50%{\n opacity: .5;\n }\n}\n\n@-webkit-keyframes bounce{\n 0%, 100%{\n transform: translateY(-25%);\n -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n animation-timing-function: cubic-bezier(0.8,0,1,1);\n }\n\n 50%{\n transform: none;\n -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n animation-timing-function: cubic-bezier(0,0,0.2,1);\n }\n}\n\n@keyframes bounce{\n 0%, 100%{\n transform: translateY(-25%);\n -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n animation-timing-function: cubic-bezier(0.8,0,1,1);\n }\n\n 50%{\n transform: none;\n -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n animation-timing-function: cubic-bezier(0,0,0.2,1);\n }\n}\n\n@media (min-width: 640px){\n .sm\\:rounded-lg{\n border-radius: 0.5rem;\n }\n\n .sm\\:-mx-6{\n margin-left: -1.5rem;\n margin-right: -1.5rem;\n }\n\n .sm\\:px-6{\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n }\n}\n\n@media (min-width: 768px){\n}\n\n@media (min-width: 1024px){\n .lg\\:-mx-8{\n margin-left: -2rem;\n margin-right: -2rem;\n }\n\n .lg\\:px-8{\n padding-left: 2rem;\n padding-right: 2rem;\n }\n}\n\n@media (min-width: 1280px){\n}\n\n@media (min-width: 1536px){\n}\n"; | ||
| var css_248z = ":root {\n /* these colors are specific to THERMS UI */\n /* Background --- */\n --color-background: #14191F;\n\n /* Border --- */\n --color-border: #4C5766;\n\n /* Surface --- */\n\n --color-surface-subtle: #21262C;\n --color-surface: #2B323B;\n --color-surface-strong: #363F49; \n\n /* Text --- */\n --color-text-subtle: #ffffff73;\n --color-text: #ffffffb3;\n --color-text-strong: #fffffff2;\n --color-text-semantic: #fffffff2;\n \n\n /* Actions --- */\n --color-action-primary-dark: #2d5286;\n --color-action-primary: #4075BF;\n --color-action-primary-light: #799ED2;\n\n --color-action-secondary-dark: #55595E;\n --color-action-secondary: #797F86;\n --color-action-secondary-light: #A1A5AA;\n\n --color-action-confirm-dark: #0D5938;\n --color-action-confirm: #1F9361;\n --color-action-confirm-light: #2DD28A;\n\n --color-action-hold-dark: #A16A12;\n --color-action-hold: #E5971A;\n --color-action-hold-light: #FBBA51;\n\n --color-action-remove-dark: #451008;\n --color-action-remove: #BD3C28;\n --color-action-remove-light: #E5614C;\n\n --color-action-help-dark: #084545;\n --color-action-help: #24A8A8;\n --color-action-help-light: #4CE5E5;\n\n /* Status --- */\n --color-status-active-dark: #2D5286;\n --color-status-active: #4075BF;\n --color-status-active-light: #799ED2;\n\n --color-status-default-dark: #55595E;\n --color-status-default: #797F86;\n --color-status-default-light: #A1A5AA;\n\n --color-status-complete-dark: #0D5938;\n --color-status-complete: #1F9361;\n --color-status-complete-light: #2DD28A;\n\n --color-status-attention-dark: #A16A12;\n --color-status-attention: #E5971A;\n --color-status-attention-light: #FBBA51;\n\n --color-status-problem-dark: #451008;\n --color-status-problem: #BD3C28;\n --color-status-problem-light: #E5614C;\n\n --color-status-new-dark: #084545;\n --color-status-new: #24A8A8;\n --color-status-new-light: #4CE5E5;\n\n /* Priority --- */\n --color-priority-low-dark: #0D5938;\n --color-priority-low: #1F9361;\n --color-priority-low-light: #2DD28A;\n\n --color-priority-medium-dark: #A16A12;\n --color-priority-medium: #E5971A;\n --color-priority-medium-light: #FBBA51;\n\n --color-priority-high-dark: #451008;\n --color-priority-high: #BD3C28;\n --color-priority-high-light: #E5614C;\n\n --color-priority-info-dark: #084545;\n --color-priority-info: #24A8A8;\n --color-priority-info-light: #4CE5E5;\n\n /* Messages --- */\n --color-message-success-dark: #0D5938;\n --color-message-success: #1F9361;\n --color-message-success-light: #2DD28A;\n\n --color-message-warning-dark: #A16A12;\n --color-message-warning: #E5971A;\n --color-message-warning-light: #FBBA51;\n\n --color-message-danger-dark: #451008;\n --color-message-danger: #BD3C28; \n --color-message-danger-light: #E5614C;\n\n --color-message-info-dark: #084545;\n --color-message-info: #24A8A8;\n --color-message-info-light: #4CE5E5;\n\n /* Presence --- */\n --color-presence-off-duty: #797F86;\n --color-presence-on-duty: #1F9361;\n --color-presence-on-call: #E5971A;\n --color-presence-busy: #BD3C28;\n}\n\n:root {\n /* brand is specific to the user/organization\n that are used for presentational components/views, ie: PDF's or emails\n */\n --color-brand-accent : #720505;\n --color-brand-primary : #02369d;\n --color-brand-secondary: #3d4b79;\n\n}\n\n:root {\n /* Spacing --- */\n --spacing-2xs: 0.25rem;\n --spacing-xs: 0.5rem;\n --spacing-sm: 0.75rem;\n --spacing-base: 1rem;\n --spacing-lg: 1.25rem;\n --spacing-xl: 2rem;\n --spacing-2xl: 3rem;\n}\n\n:root {\n /* Icon Sizing */\n --size-icon-sm: 1rem;\n --size-icon: 1.5rem;\n --size-icon-lg: 2rem;\n\n /* Text Sizing */\n --size-text-sm: 0.875rem;\n --size-text: 1rem;\n --size-text-lg: 1.25rem;\n\n /* Text line heights */\n --line-height-text-sm: 1.25rem;\n --line-height-text: 1.5rem;\n --line-height-text-lg: 1.75rem;\n}\n\n/*! tailwindcss v2.0.3 | MIT License | https://tailwindcss.com */\n\n/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */\n\n/*\nDocument\n========\n*/\n\n/**\nUse a better box model (opinionated).\n*/\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n/**\nUse a more readable tab size (opinionated).\n*/\n\n:root {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n}\n\n/**\n1. Correct the line height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n*/\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/*\nSections\n========\n*/\n\n/**\nRemove the margin in all browsers.\n*/\n\nbody {\n margin: 0;\n}\n\n/**\nImprove consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n*/\n\nbody {\n font-family:\n\t\tsystem-ui,\n\t\t-apple-system, /* Firefox supports this but not yet `system-ui` */\n\t\t'Segoe UI',\n\t\tRoboto,\n\t\tHelvetica,\n\t\tArial,\n\t\tsans-serif,\n\t\t'Apple Color Emoji',\n\t\t'Segoe UI Emoji';\n}\n\n/*\nGrouping content\n================\n*/\n\n/**\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n*/\n\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n}\n\n/*\nText-level semantics\n====================\n*/\n\n/**\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr[title] {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\n/**\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n2. Correct the odd 'em' font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family:\n\t\tui-monospace,\n\t\tSFMono-Regular,\n\t\tConsolas,\n\t\t'Liberation Mono',\n\t\tMenlo,\n\t\tmonospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/**\nPrevent 'sub' and 'sup' elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/*\nTabular data\n============\n*/\n\n/**\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n*/\n\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n}\n\n/*\nForms\n=====\n*/\n\n/**\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\nRemove the inheritance of text transform in Edge and Firefox.\n1. Remove the inheritance of text transform in Firefox.\n*/\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\nCorrect the inability to style clickable types in iOS and Safari.\n*/\n\nbutton,\n[type='button'] {\n -webkit-appearance: button;\n}\n\n/**\nRemove the inner border and padding in Firefox.\n*/\n\n/**\nRestore the focus styles unset by the previous rule.\n*/\n\n/**\nRemove the additional ':invalid' styles in Firefox.\nSee: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737\n*/\n\n/**\nRemove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.\n*/\n\nlegend {\n padding: 0;\n}\n\n/**\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n/**\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n/**\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n/**\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to 'inherit' in Safari.\n*/\n\n/*\nInteractive\n===========\n*/\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/**\n * Manually forked from SUIT CSS Base: https://github.com/suitcss/base\n * A thin layer on top of normalize.css that provides a starting point more\n * suitable for web applications.\n */\n\n/**\n * Removes the default spacing and border for appropriate elements.\n */\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nbutton {\n background-color: transparent;\n background-image: none;\n}\n\n/**\n * Work around a Firefox/IE bug where the transparent `button` background\n * results in a loss of the default `button` focus styles.\n */\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nol,\nul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/**\n * Tailwind custom reset styles\n */\n\n/**\n * 1. Use the user's configured `sans` font-family (with Tailwind's default\n * sans-serif font stack as a fallback) as a sane default.\n * 2. Use Tailwind's default \"normal\" line-height so the user isn't forced\n * to override it to ensure consistency even when using the default theme.\n */\n\nhtml {\n font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 1 */\n line-height: 1.5; /* 2 */\n}\n\n/**\n * Inherit font-family and line-height from `html` so users can set them as\n * a class directly on the `html` element.\n */\n\nbody {\n font-family: inherit;\n line-height: inherit;\n}\n\n/**\n * 1. Prevent padding and border from affecting element width.\n *\n * We used to set this in the html element and inherit from\n * the parent element for everything else. This caused issues\n * in shadow-dom-enhanced elements like <details> where the content\n * is wrapped by a div with box-sizing set to `content-box`.\n *\n * https://github.com/mozdevs/cssremedy/issues/4\n *\n *\n * 2. Allow adding a border to an element by just adding a border-width.\n *\n * By default, the way the browser specifies that an element should have no\n * border is by setting it's border-style to `none` in the user-agent\n * stylesheet.\n *\n * In order to easily add borders to elements by just setting the `border-width`\n * property, we change the default border-style for all elements to `solid`, and\n * use border-width to hide them instead. This way our `border` utilities only\n * need to set the `border-width` property instead of the entire `border`\n * shorthand, making our border utilities much more straightforward to compose.\n *\n * https://github.com/tailwindcss/tailwindcss/pull/116\n */\n\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: #e5e7eb; /* 2 */\n}\n\n/*\n * Ensure horizontal rules are visible by default\n */\n\nhr {\n border-top-width: 1px;\n}\n\n/**\n * Undo the `border-style: none` reset that Normalize applies to images so that\n * our `border-{width}` utilities have the expected effect.\n *\n * The Normalize reset is unnecessary for us since we default the border-width\n * to 0 on all elements.\n *\n * https://github.com/tailwindcss/tailwindcss/issues/362\n */\n\nimg {\n border-style: solid;\n}\n\ntextarea {\n resize: vertical;\n}\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\ninput:-ms-input-placeholder, textarea:-ms-input-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\nbutton {\n cursor: pointer;\n}\n\ntable {\n border-collapse: collapse;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/**\n * Reset links to optimize for opt-in styling instead of\n * opt-out.\n */\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/**\n * Reset form element properties that are easy to forget to\n * style explicitly so you don't inadvertently introduce\n * styles that deviate from your design system. These styles\n * supplement a partial reset that is already applied by\n * normalize.css.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n padding: 0;\n line-height: inherit;\n color: inherit;\n}\n\n/**\n * Use the configured 'mono' font family for elements that\n * are expected to be rendered with a monospace font, falling\n * back to the system monospace stack if there is no configured\n * 'mono' font family.\n */\n\npre,\ncode,\nkbd,\nsamp {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n/**\n * Make replaced elements `display: block` by default as that's\n * the behavior you want almost all of the time. Inspired by\n * CSS Remedy, with `svg` added as well.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block;\n vertical-align: middle;\n}\n\n/**\n * Constrain images and videos to the parent width and preserve\n * their instrinsic aspect ratio.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n.container{\n width: 100%;\n}\n\n@media (min-width: 640px){\n .container{\n max-width: 640px;\n }\n}\n\n@media (min-width: 768px){\n .container{\n max-width: 768px;\n }\n}\n\n@media (min-width: 1024px){\n .container{\n max-width: 1024px;\n }\n}\n\n@media (min-width: 1280px){\n .container{\n max-width: 1280px;\n }\n}\n\n@media (min-width: 1536px){\n .container{\n max-width: 1536px;\n }\n}\n\n.divide-y > :not([hidden]) ~ :not([hidden]){\n --tw-divide-y-reverse: 0;\n border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n border-bottom-width: calc(1px * var(--tw-divide-y-reverse));\n}\n\n.divide-gray-200 > :not([hidden]) ~ :not([hidden]){\n --tw-divide-opacity: 1;\n border-color: rgba(229, 231, 235, var(--tw-divide-opacity));\n}\n\n.bg-surface{\n background-color: var(--color-surface);\n}\n\n.bg-action-primary{\n background-color: var(--color-action-primary);\n}\n\n.hover\\:bg-action-primary-light:hover{\n background-color: var(--color-action-primary-light);\n}\n\n.border-transparent{\n border-color: transparent;\n}\n\n.border-gray-200{\n --tw-border-opacity: 1;\n border-color: rgba(229, 231, 235, var(--tw-border-opacity));\n}\n\n.rounded{\n border-radius: 0.25rem;\n}\n\n.rounded-md{\n border-radius: 0.375rem;\n}\n\n.border{\n border-width: 1px;\n}\n\n.border-l-2{\n border-left-width: 2px;\n}\n\n.border-b{\n border-bottom-width: 1px;\n}\n\n.inline-block{\n display: inline-block;\n}\n\n.flex{\n display: flex;\n}\n\n.inline-flex{\n display: inline-flex;\n}\n\n.table{\n display: table;\n}\n\n.flex-col{\n flex-direction: column;\n}\n\n.flex-wrap{\n flex-wrap: wrap;\n}\n\n.items-start{\n align-items: flex-start;\n}\n\n.items-end{\n align-items: flex-end;\n}\n\n.items-center{\n align-items: center;\n}\n\n.justify-start{\n justify-content: flex-start;\n}\n\n.justify-end{\n justify-content: flex-end;\n}\n\n.justify-center{\n justify-content: center;\n}\n\n.font-medium{\n font-weight: 500;\n}\n\n.font-bold{\n font-weight: 700;\n}\n\n.text-xs{\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.text-sm{\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.-my-2{\n margin-top: -0.5rem;\n margin-bottom: -0.5rem;\n}\n\n.min-w-full{\n min-width: 100%;\n}\n\n.focus\\:outline-none:focus{\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.overflow-hidden{\n overflow: hidden;\n}\n\n.overflow-x-auto{\n overflow-x: auto;\n}\n\n.p-sm{\n padding: var(--spacing-sm);\n}\n\n.py-2{\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.py-3{\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n\n.py-4{\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.px-6{\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.py-2xs{\n padding-top: var(--spacing-2xs);\n padding-bottom: var(--spacing-2xs);\n}\n\n.py-xs{\n padding-top: var(--spacing-xs);\n padding-bottom: var(--spacing-xs);\n}\n\n.px-xs{\n padding-left: var(--spacing-xs);\n padding-right: var(--spacing-xs);\n}\n\n.px-sm{\n padding-left: var(--spacing-sm);\n padding-right: var(--spacing-sm);\n}\n\n.px-base{\n padding-left: var(--spacing-base);\n padding-right: var(--spacing-base);\n}\n\n*{\n --tw-shadow: 0 0 #0000;\n}\n\n.shadow-sm{\n --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow{\n --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n*{\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgba(59, 130, 246, 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n}\n\n.focus\\:ring-2:focus{\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-offset-2:focus{\n --tw-ring-offset-width: 2px;\n}\n\n.text-left{\n text-align: left;\n}\n\n.text-white{\n --tw-text-opacity: 1;\n color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n\n.text-gray-500{\n --tw-text-opacity: 1;\n color: rgba(107, 114, 128, var(--tw-text-opacity));\n}\n\n.text-color-subtle{\n color: var(--color-text-subtle);\n}\n\n.text-color-base{\n color: var(--color-text);\n}\n\n.text-color-semantic{\n color: var(--color-text-semantic);\n}\n\n.uppercase{\n text-transform: uppercase;\n}\n\n.tracking-wider{\n letter-spacing: 0.05em;\n}\n\n.align-middle{\n vertical-align: middle;\n}\n\n.whitespace-nowrap{\n white-space: nowrap;\n}\n\n@-webkit-keyframes spin{\n to{\n transform: rotate(360deg);\n }\n}\n\n@keyframes spin{\n to{\n transform: rotate(360deg);\n }\n}\n\n@-webkit-keyframes ping{\n 75%, 100%{\n transform: scale(2);\n opacity: 0;\n }\n}\n\n@keyframes ping{\n 75%, 100%{\n transform: scale(2);\n opacity: 0;\n }\n}\n\n@-webkit-keyframes pulse{\n 50%{\n opacity: .5;\n }\n}\n\n@keyframes pulse{\n 50%{\n opacity: .5;\n }\n}\n\n@-webkit-keyframes bounce{\n 0%, 100%{\n transform: translateY(-25%);\n -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n animation-timing-function: cubic-bezier(0.8,0,1,1);\n }\n\n 50%{\n transform: none;\n -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n animation-timing-function: cubic-bezier(0,0,0.2,1);\n }\n}\n\n@keyframes bounce{\n 0%, 100%{\n transform: translateY(-25%);\n -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n animation-timing-function: cubic-bezier(0.8,0,1,1);\n }\n\n 50%{\n transform: none;\n -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n animation-timing-function: cubic-bezier(0,0,0.2,1);\n }\n}\n\n@media (min-width: 640px){\n .sm\\:rounded-lg{\n border-radius: 0.5rem;\n }\n\n .sm\\:-mx-6{\n margin-left: -1.5rem;\n margin-right: -1.5rem;\n }\n\n .sm\\:px-6{\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n }\n}\n\n@media (min-width: 768px){\n}\n\n@media (min-width: 1024px){\n .lg\\:-mx-8{\n margin-left: -2rem;\n margin-right: -2rem;\n }\n\n .lg\\:px-8{\n padding-left: 2rem;\n padding-right: 2rem;\n }\n}\n\n@media (min-width: 1280px){\n}\n\n@media (min-width: 1536px){\n}\n"; | ||
| styleInject(css_248z); | ||
@@ -514,57 +613,2 @@ | ||
| function createCommonjsModule(fn) { | ||
| var module = { exports: {} }; | ||
| return fn(module, module.exports), module.exports; | ||
| } | ||
| /*! | ||
| Copyright (c) 2017 Jed Watson. | ||
| Licensed under the MIT License (MIT), see | ||
| http://jedwatson.github.io/classnames | ||
| */ | ||
| var classnames = createCommonjsModule(function (module) { | ||
| /* global define */ | ||
| (function () { | ||
| var hasOwn = {}.hasOwnProperty; | ||
| function classNames () { | ||
| var classes = []; | ||
| for (var i = 0; i < arguments.length; i++) { | ||
| var arg = arguments[i]; | ||
| if (!arg) continue; | ||
| var argType = typeof arg; | ||
| if (argType === 'string' || argType === 'number') { | ||
| classes.push(arg); | ||
| } else if (Array.isArray(arg) && arg.length) { | ||
| var inner = classNames.apply(null, arg); | ||
| if (inner) { | ||
| classes.push(inner); | ||
| } | ||
| } else if (argType === 'object') { | ||
| for (var key in arg) { | ||
| if (hasOwn.call(arg, key) && arg[key]) { | ||
| classes.push(key); | ||
| } | ||
| } | ||
| } | ||
| } | ||
| return classes.join(' '); | ||
| } | ||
| if (module.exports) { | ||
| classNames.default = classNames; | ||
| module.exports = classNames; | ||
| } else { | ||
| window.classNames = classNames; | ||
| } | ||
| }()); | ||
| }); | ||
| var curryImageClasses = function (_a) { | ||
@@ -609,3 +653,23 @@ var circle = _a.circle, className = _a.className, fit = _a.fit, fluid = _a.fluid, rounded = _a.rounded, thumbnail = _a.thumbnail; | ||
| var curryTagClasses = function (_a) { | ||
| var _b = _a.type, type = _b === void 0 ? 'secondary' : _b; | ||
| var classes = classnames('font-bold inline px-xs rounded-md text-color-semantic text-sm', { | ||
| 'bg-action-primary': type === 'primary', | ||
| 'bg-action-secondary': type === 'secondary', | ||
| 'bg-priority-low': type === 'low', | ||
| 'bg-priority-medium': type === 'medium', | ||
| 'bg-priority-high': type === 'high', | ||
| 'bg-priority-info': type === 'info' | ||
| }); | ||
| return classes; | ||
| }; | ||
| var Tag = function (_a) { | ||
| var _b = _a.type, type = _b === void 0 ? 'secondary' : _b, value = _a.value; | ||
| var classes = curryTagClasses({ type: type }); | ||
| return React__default['default'].createElement("div", { className: classes }, value); | ||
| }; | ||
| exports.ActivityType = ActivityType; | ||
| exports.Badge = Badge; | ||
| exports.Button = Button; | ||
@@ -615,3 +679,4 @@ exports.Card = Card; | ||
| exports.Image = Image; | ||
| exports.configs = index$1; | ||
| exports.tokens = index; | ||
| exports.Tag = Tag; | ||
| exports.configs = index; | ||
| exports.tokens = index$1; |
@@ -0,4 +1,5 @@ | ||
| import configs from './configs'; | ||
| import tokens from './tokens'; | ||
| import configs from './configs'; | ||
| import ActivityType from './components/atoms/ActivityType'; | ||
| import Badge from './components/atoms/Badge'; | ||
| import Button from './components/atoms/Buttons/Button'; | ||
@@ -8,2 +9,3 @@ import Card from './components/atoms/Card'; | ||
| import Image from './components/atoms/Image'; | ||
| export { ActivityType, Button, Card, configs, DispatchUnassignedListItem, Image, tokens }; | ||
| import Tag from './components/atoms/Tag'; | ||
| export { ActivityType, Badge, Button, Card, configs, DispatchUnassignedListItem, Image, Tag, tokens, }; |
493
lib/index.js
| import React, { useMemo, createElement } from 'react'; | ||
| import PropTypes from 'prop-types'; | ||
| var tailwindConfig = { | ||
| theme: { | ||
| extend: { | ||
| colors: { | ||
| 'brand-accent': 'var(--color-brand-accent)', | ||
| 'brand-primary': 'var(--color-brand-primary)', | ||
| 'brand-secondary': 'var(--color-brand-secondary)', | ||
| background: 'var(--color-background)', | ||
| border: 'var(--color-border)', | ||
| surface: { | ||
| subtle: 'var(--color-surface-subtle)', | ||
| DEFAULT: 'var(--color-surface)', | ||
| strong: 'var(--color-surface-strong)' | ||
| }, | ||
| action: { | ||
| primary: { | ||
| dark: 'var(--color-action-primary-dark)', | ||
| DEFAULT: 'var(--color-action-primary)', | ||
| light: 'var(--color-action-primary-light)' | ||
| }, | ||
| secondary: { | ||
| dark: 'var(--color-action-secondary-dark)', | ||
| DEFAULT: 'var(--color-action-secondary)', | ||
| light: 'var(--color-action-secondary-light)' | ||
| }, | ||
| confirm: { | ||
| dark: 'var(--color-action-confirm-dark)', | ||
| DEFAULT: 'var(--color-action-confirm)', | ||
| light: 'var(--color-action-confirm-light)' | ||
| }, | ||
| hold: { | ||
| dark: 'var(--color-action-hold-dark)', | ||
| DEFAULT: 'var(--color-action-hold)', | ||
| light: 'var(--color-action-hold-light)' | ||
| }, | ||
| remove: { | ||
| dark: 'var(--color-action-remove-dark)', | ||
| DEFAULT: 'var(--color-action-remove)', | ||
| light: 'var(--color-action-remove-light)' | ||
| }, | ||
| help: { | ||
| dark: 'var(--color-action-help-dark)', | ||
| DEFAULT: 'var(--color-action-help)', | ||
| light: 'var(--color-action-help-light)' | ||
| } | ||
| }, | ||
| status: { | ||
| active: { | ||
| dark: 'var(--color-status-active-dark)', | ||
| DEFAULT: 'var(--color-status-active)', | ||
| light: 'var(--color-status-active-light)' | ||
| }, | ||
| "default": { | ||
| dark: 'var(--color-status-default-dark)', | ||
| DEFAULT: 'var(--color-status-default)', | ||
| light: 'var(--color-status-default-light)' | ||
| }, | ||
| complete: { | ||
| dark: 'var(--color-status-complete-dark)', | ||
| DEFAULT: 'var(--color-status-complete)', | ||
| light: 'var(--color-status-complete-light)' | ||
| }, | ||
| attention: { | ||
| dark: 'var(--color-status-attention-dark)', | ||
| DEFAULT: 'var(--color-status-attention)', | ||
| light: 'var(--color-status-attention-light)' | ||
| }, | ||
| problem: { | ||
| dark: 'var(--color-status-problem-dark)', | ||
| DEFAULT: 'var(--color-status-problem)', | ||
| light: 'var(--color-status-problem-light)' | ||
| }, | ||
| "new": { | ||
| dark: 'var(--color-status-new-dark)', | ||
| DEFAULT: 'var(--color-status-new)', | ||
| light: 'var(--color-status-new-light)' | ||
| } | ||
| }, | ||
| priority: { | ||
| low: { | ||
| dark: 'var(--color-priority-low-dark)', | ||
| DEFAULT: 'var(--color-priority-low)', | ||
| light: 'var(--color-priority-low-light)' | ||
| }, | ||
| medium: { | ||
| dark: 'var(--color-priority-medium-dark)', | ||
| DEFAULT: 'var(--color-priority-medium)', | ||
| light: 'var(--color-priority-medium-light)' | ||
| }, | ||
| high: { | ||
| dark: 'var(--color-priority-high-dark)', | ||
| DEFAULT: 'var(--color-priority-high)', | ||
| light: 'var(--color-priority-high-light)' | ||
| }, | ||
| info: { | ||
| dark: 'var(--color-priority-info-dark)', | ||
| DEFAULT: 'var(--color-priority-info)', | ||
| light: 'var(--color-priority-info-light)' | ||
| } | ||
| }, | ||
| message: { | ||
| success: { | ||
| dark: 'var(--color-message-success-dark)', | ||
| DEFAULT: 'var(--color-message-success)', | ||
| light: 'var(--color-message-success-light)' | ||
| }, | ||
| warning: { | ||
| dark: 'var(--color-message-warning-dark)', | ||
| DEFAULT: 'var(--color-message-warning)', | ||
| light: 'var(--color-message-warning-light)' | ||
| }, | ||
| danger: { | ||
| dark: 'var(--color-message-danger-dark)', | ||
| DEFAULT: 'var(--color-message-danger)', | ||
| light: 'var(--color-message-danger-light)' | ||
| }, | ||
| info: { | ||
| dark: 'var(--color-message-info-dark)', | ||
| DEFAULT: 'var(--color-message-info)', | ||
| light: 'var(--color-message-info-light)' | ||
| } | ||
| }, | ||
| presence: { | ||
| off: { | ||
| duty: 'var(--color-presence-off-duty)' | ||
| }, | ||
| on: { | ||
| duty: 'var(--color-presence-on-duty)', | ||
| call: 'var(--color-presence-on-call)' | ||
| }, | ||
| busy: 'var(--color-presence-busy)' | ||
| } | ||
| }, | ||
| spacing: { | ||
| '2xs': 'var(--spacing-2xs)', | ||
| xs: 'var(--spacing-xs)', | ||
| sm: 'var(--spacing-sm)', | ||
| base: 'var(--spacing-base)', | ||
| lg: 'var(--spacing-lg)', | ||
| xl: 'var(--spacing-xl)', | ||
| '2xl': 'var(--spacing-2xl)' | ||
| }, | ||
| textColor: { | ||
| color: { | ||
| subtle: 'var(--color-text-subtle)', | ||
| base: 'var(--color-text)', | ||
| strong: 'var(--color-text-strong)', | ||
| semantic: 'var(--color-text-semantic)' | ||
| } | ||
| } | ||
| } | ||
| } | ||
| }; | ||
| var index = { tailwind: tailwindConfig }; | ||
| /*! ***************************************************************************** | ||
@@ -240,160 +396,4 @@ Copyright (c) Microsoft Corporation. | ||
| var measures = __assign(__assign(__assign(__assign({}, iconSizing), lineHeight), textSizing), spacing); | ||
| var index = { darkColors: darkColors, darkTheme: darkTheme, lightColors: lightColors, lightTheme: lightTheme, measures: measures }; | ||
| var index$1 = { darkColors: darkColors, darkTheme: darkTheme, lightColors: lightColors, lightTheme: lightTheme, measures: measures }; | ||
| var tailwindConfig = { | ||
| theme: { | ||
| extend: { | ||
| colors: { | ||
| 'brand-accent': 'var(--color-brand-accent)', | ||
| 'brand-primary': 'var(--color-brand-primary)', | ||
| 'brand-secondary': 'var(--color-brand-secondary)', | ||
| background: 'var(--color-background)', | ||
| border: 'var(--color-border)', | ||
| surface: { | ||
| subtle: 'var(--color-surface-subtle)', | ||
| DEFAULT: 'var(--color-surface)', | ||
| strong: 'var(--color-surface-strong)' | ||
| }, | ||
| action: { | ||
| primary: { | ||
| dark: 'var(--color-action-primary-dark)', | ||
| DEFAULT: 'var(--color-action-primary)', | ||
| light: 'var(--color-action-primary-light)' | ||
| }, | ||
| secondary: { | ||
| dark: 'var(--color-action-secondary-dark)', | ||
| DEFAULT: 'var(--color-action-secondary)', | ||
| light: 'var(--color-action-secondary-light)' | ||
| }, | ||
| confirm: { | ||
| dark: 'var(--color-action-confirm-dark)', | ||
| DEFAULT: 'var(--color-action-confirm)', | ||
| light: 'var(--color-action-confirm-light)' | ||
| }, | ||
| hold: { | ||
| dark: 'var(--color-action-hold-dark)', | ||
| DEFAULT: 'var(--color-action-hold)', | ||
| light: 'var(--color-action-hold-light)' | ||
| }, | ||
| remove: { | ||
| dark: 'var(--color-action-remove-dark)', | ||
| DEFAULT: 'var(--color-action-remove)', | ||
| light: 'var(--color-action-remove-light)' | ||
| }, | ||
| help: { | ||
| dark: 'var(--color-action-help-dark)', | ||
| DEFAULT: 'var(--color-action-help)', | ||
| light: 'var(--color-action-help-light)' | ||
| } | ||
| }, | ||
| status: { | ||
| active: { | ||
| dark: 'var(--color-status-active-dark)', | ||
| DEFAULT: 'var(--color-status-active)', | ||
| light: 'var(--color-status-active-light)' | ||
| }, | ||
| "default": { | ||
| dark: 'var(--color-status-default-dark)', | ||
| DEFAULT: 'var(--color-status-default)', | ||
| light: 'var(--color-status-default-light)' | ||
| }, | ||
| complete: { | ||
| dark: 'var(--color-status-complete-dark)', | ||
| DEFAULT: 'var(--color-status-complete)', | ||
| light: 'var(--color-status-complete-light)' | ||
| }, | ||
| attention: { | ||
| dark: 'var(--color-status-attention-dark)', | ||
| DEFAULT: 'var(--color-status-attention)', | ||
| light: 'var(--color-status-attention-light)' | ||
| }, | ||
| problem: { | ||
| dark: 'var(--color-status-problem-dark)', | ||
| DEFAULT: 'var(--color-status-problem)', | ||
| light: 'var(--color-status-problem-light)' | ||
| }, | ||
| "new": { | ||
| dark: 'var(--color-status-new-dark)', | ||
| DEFAULT: 'var(--color-status-new)', | ||
| light: 'var(--color-status-new-light)' | ||
| } | ||
| }, | ||
| priority: { | ||
| low: { | ||
| dark: 'var(--color-priority-low-dark)', | ||
| DEFAULT: 'var(--color-priority-low)', | ||
| light: 'var(--color-priority-low-light)' | ||
| }, | ||
| medium: { | ||
| dark: 'var(--color-priority-medium-dark)', | ||
| DEFAULT: 'var(--color-priority-medium)', | ||
| light: 'var(--color-priority-medium-light)' | ||
| }, | ||
| high: { | ||
| dark: 'var(--color-priority-high-dark)', | ||
| DEFAULT: 'var(--color-priority-high)', | ||
| light: 'var(--color-priority-high-light)' | ||
| }, | ||
| info: { | ||
| dark: 'var(--color-priority-info-dark)', | ||
| DEFAULT: 'var(--color-priority-info)', | ||
| light: 'var(--color-priority-info-light)' | ||
| } | ||
| }, | ||
| message: { | ||
| success: { | ||
| dark: 'var(--color-message-success-dark)', | ||
| DEFAULT: 'var(--color-message-success)', | ||
| light: 'var(--color-message-success-light)' | ||
| }, | ||
| warning: { | ||
| dark: 'var(--color-message-warning-dark)', | ||
| DEFAULT: 'var(--color-message-warning)', | ||
| light: 'var(--color-message-warning-light)' | ||
| }, | ||
| danger: { | ||
| dark: 'var(--color-message-danger-dark)', | ||
| DEFAULT: 'var(--color-message-danger)', | ||
| light: 'var(--color-message-danger-light)' | ||
| }, | ||
| info: { | ||
| dark: 'var(--color-message-info-dark)', | ||
| DEFAULT: 'var(--color-message-info)', | ||
| light: 'var(--color-message-info-light)' | ||
| } | ||
| }, | ||
| presence: { | ||
| off: { | ||
| duty: 'var(--color-presence-off-duty)' | ||
| }, | ||
| on: { | ||
| duty: 'var(--color-presence-on-duty)', | ||
| call: 'var(--color-presence-on-call)' | ||
| }, | ||
| busy: 'var(--color-presence-busy)' | ||
| } | ||
| }, | ||
| spacing: { | ||
| '2xs': 'var(--spacing-2xs)', | ||
| xs: 'var(--spacing-xs)', | ||
| sm: 'var(--spacing-sm)', | ||
| base: 'var(--spacing-base)', | ||
| lg: 'var(--spacing-lg)', | ||
| xl: 'var(--spacing-xl)', | ||
| '2xl': 'var(--spacing-2xl)' | ||
| }, | ||
| textColor: { | ||
| color: { | ||
| subtle: 'var(--color-text-subtle)', | ||
| base: 'var(--color-text)', | ||
| strong: 'var(--color-text-strong)', | ||
| semantic: 'var(--color-text-semantic)' | ||
| } | ||
| } | ||
| } | ||
| } | ||
| }; | ||
| var index$1 = { tailwind: tailwindConfig }; | ||
| var getSemanticFromSeverity = function (severity) { | ||
@@ -413,5 +413,104 @@ if (severity === 3) | ||
| var priority = getSemanticFromSeverity(severity); | ||
| return React.createElement("div", { className: "bg-priority-" + priority + " px-xs rounded" }, name); | ||
| return (React.createElement("div", { className: "bg-priority-" + priority + " inline-block px-xs rounded text-color-semantic" }, name)); | ||
| }; | ||
| function createCommonjsModule(fn) { | ||
| var module = { exports: {} }; | ||
| return fn(module, module.exports), module.exports; | ||
| } | ||
| /*! | ||
| Copyright (c) 2017 Jed Watson. | ||
| Licensed under the MIT License (MIT), see | ||
| http://jedwatson.github.io/classnames | ||
| */ | ||
| var classnames = createCommonjsModule(function (module) { | ||
| /* global define */ | ||
| (function () { | ||
| var hasOwn = {}.hasOwnProperty; | ||
| function classNames () { | ||
| var classes = []; | ||
| for (var i = 0; i < arguments.length; i++) { | ||
| var arg = arguments[i]; | ||
| if (!arg) continue; | ||
| var argType = typeof arg; | ||
| if (argType === 'string' || argType === 'number') { | ||
| classes.push(arg); | ||
| } else if (Array.isArray(arg) && arg.length) { | ||
| var inner = classNames.apply(null, arg); | ||
| if (inner) { | ||
| classes.push(inner); | ||
| } | ||
| } else if (argType === 'object') { | ||
| for (var key in arg) { | ||
| if (hasOwn.call(arg, key) && arg[key]) { | ||
| classes.push(key); | ||
| } | ||
| } | ||
| } | ||
| } | ||
| return classes.join(' '); | ||
| } | ||
| if (module.exports) { | ||
| classNames.default = classNames; | ||
| module.exports = classNames; | ||
| } else { | ||
| window.classNames = classNames; | ||
| } | ||
| }()); | ||
| }); | ||
| var curryBadgeClasses = function (_a) { | ||
| var type = _a.type; | ||
| var classes = classnames('font-bold inline px-xs rounded text-color-semantic text-sm', { | ||
| 'bg-status-default': type === 'default', | ||
| 'bg-status-active': type === 'active', | ||
| 'bg-status-complete': type === 'complete', | ||
| 'bg-status-attention': type === 'attention', | ||
| 'bg-status-problem': type === 'problem', | ||
| 'bg-status-new': type === 'new', | ||
| 'bg-priority-low': type === 'low', | ||
| 'bg-priority-medium': type === 'medium', | ||
| 'bg-priority-high': type === 'high', | ||
| 'bg-priority-info': type === 'info' | ||
| }); | ||
| return classes; | ||
| }; | ||
| var Badge = function (_a) { | ||
| var _b = _a.max, max = _b === void 0 ? 99 : _b, _c = _a.type, type = _c === void 0 ? 'default' : _c, value = _a.value; | ||
| var classes = curryBadgeClasses({ type: type }); | ||
| var displayValue = value > max ? "+" + max : value; | ||
| return React.createElement("div", { className: classes }, displayValue); | ||
| }; | ||
| Badge.propTypes = { | ||
| max: PropTypes.number, | ||
| type: PropTypes.oneOf([ | ||
| 'default', | ||
| 'active', | ||
| 'complete', | ||
| 'attention', | ||
| 'problem', | ||
| 'new', | ||
| 'low', | ||
| 'medium', | ||
| 'high', | ||
| 'info', | ||
| ]), | ||
| value: PropTypes.number.isRequired | ||
| }; | ||
| Badge.defaultProps = { | ||
| max: 99, | ||
| type: 'default' | ||
| }; | ||
| function styleInject(css, ref) { | ||
@@ -444,3 +543,3 @@ if ( ref === void 0 ) ref = {}; | ||
| var css_248z = ":root {\n /* these colors are specific to THERMS UI */\n /* Background --- */\n --color-background: #14191F;\n\n /* Border --- */\n --color-border: #4C5766;\n\n /* Surface --- */\n\n --color-surface-subtle: #21262C;\n --color-surface: #2B323B;\n --color-surface-strong: #363F49; \n\n /* Text --- */\n --color-text-subtle: #ffffff73;\n --color-text: #ffffffb3;\n --color-text-strong: #fffffff2;\n --color-text-semantic: #fffffff2;\n \n\n /* Actions --- */\n --color-action-primary-dark: #2d5286;\n --color-action-primary: #4075BF;\n --color-action-primary-light: #799ED2;\n\n --color-action-secondary-dark: #55595E;\n --color-action-secondary: #797F86;\n --color-action-secondary-light: #A1A5AA;\n\n --color-action-confirm-dark: #0D5938;\n --color-action-confirm: #1F9361;\n --color-action-confirm-light: #2DD28A;\n\n --color-action-hold-dark: #A16A12;\n --color-action-hold: #E5971A;\n --color-action-hold-light: #FBBA51;\n\n --color-action-remove-dark: #451008;\n --color-action-remove: #BD3C28;\n --color-action-remove-light: #E5614C;\n\n --color-action-help-dark: #084545;\n --color-action-help: #24A8A8;\n --color-action-help-light: #4CE5E5;\n\n /* Status --- */\n --color-status-active-dark: #2D5286;\n --color-status-active: #4075BF;\n --color-status-active-light: #799ED2;\n\n --color-status-default-dark: #55595E;\n --color-status-default: #797F86;\n --color-status-default-light: #A1A5AA;\n\n --color-status-complete-dark: #0D5938;\n --color-status-complete: #1F9361;\n --color-status-complete-light: #2DD28A;\n\n --color-status-attention-dark: #A16A12;\n --color-status-attention: #E5971A;\n --color-status-attention-light: #FBBA51;\n\n --color-status-problem-dark: #451008;\n --color-status-problem: #BD3C28;\n --color-status-problem-light: #E5614C;\n\n --color-status-new-dark: #084545;\n --color-status-new: #24A8A8;\n --color-status-new-light: #4CE5E5;\n\n /* Priority --- */\n --color-priority-low-dark: #0D5938;\n --color-priority-low: #1F9361;\n --color-priority-low-light: #2DD28A;\n\n --color-priority-medium-dark: #A16A12;\n --color-priority-medium: #E5971A;\n --color-priority-medium-light: #FBBA51;\n\n --color-priority-high-dark: #451008;\n --color-priority-high: #BD3C28;\n --color-priority-high-light: #E5614C;\n\n --color-priority-info-dark: #084545;\n --color-priority-info: #24A8A8;\n --color-priority-info-light: #4CE5E5;\n\n /* Messages --- */\n --color-message-success-dark: #0D5938;\n --color-message-success: #1F9361;\n --color-message-success-light: #2DD28A;\n\n --color-message-warning-dark: #A16A12;\n --color-message-warning: #E5971A;\n --color-message-warning-light: #FBBA51;\n\n --color-message-danger-dark: #451008;\n --color-message-danger: #BD3C28; \n --color-message-danger-light: #E5614C;\n\n --color-message-info-dark: #084545;\n --color-message-info: #24A8A8;\n --color-message-info-light: #4CE5E5;\n\n /* Presence --- */\n --color-presence-off-duty: #797F86;\n --color-presence-on-duty: #1F9361;\n --color-presence-on-call: #E5971A;\n --color-presence-busy: #BD3C28;\n}\n\n:root {\n /* brand is specific to the user/organization\n that are used for presentational components/views, ie: PDF's or emails\n */\n --color-brand-accent : #720505;\n --color-brand-primary : #02369d;\n --color-brand-secondary: #3d4b79;\n\n}\n\n:root {\n /* Spacing --- */\n --spacing-2xs: 0.25rem;\n --spacing-xs: 0.5rem;\n --spacing-sm: 0.75rem;\n --spacing-base: 1rem;\n --spacing-lg: 1.25rem;\n --spacing-xl: 2rem;\n --spacing-2xl: 3rem;\n}\n\n:root {\n /* Icon Sizing */\n --size-icon-sm: 1rem;\n --size-icon: 1.5rem;\n --size-icon-lg: 2rem;\n\n /* Text Sizing */\n --size-text-sm: 0.875rem;\n --size-text: 1rem;\n --size-text-lg: 1.25rem;\n\n /* Text line heights */\n --line-height-text-sm: 1.25rem;\n --line-height-text: 1.5rem;\n --line-height-text-lg: 1.75rem;\n}\n\n/*! tailwindcss v2.0.3 | MIT License | https://tailwindcss.com */\n\n/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */\n\n/*\nDocument\n========\n*/\n\n/**\nUse a better box model (opinionated).\n*/\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n/**\nUse a more readable tab size (opinionated).\n*/\n\n:root {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n}\n\n/**\n1. Correct the line height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n*/\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/*\nSections\n========\n*/\n\n/**\nRemove the margin in all browsers.\n*/\n\nbody {\n margin: 0;\n}\n\n/**\nImprove consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n*/\n\nbody {\n font-family:\n\t\tsystem-ui,\n\t\t-apple-system, /* Firefox supports this but not yet `system-ui` */\n\t\t'Segoe UI',\n\t\tRoboto,\n\t\tHelvetica,\n\t\tArial,\n\t\tsans-serif,\n\t\t'Apple Color Emoji',\n\t\t'Segoe UI Emoji';\n}\n\n/*\nGrouping content\n================\n*/\n\n/**\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n*/\n\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n}\n\n/*\nText-level semantics\n====================\n*/\n\n/**\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr[title] {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\n/**\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n2. Correct the odd 'em' font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family:\n\t\tui-monospace,\n\t\tSFMono-Regular,\n\t\tConsolas,\n\t\t'Liberation Mono',\n\t\tMenlo,\n\t\tmonospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/**\nPrevent 'sub' and 'sup' elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/*\nTabular data\n============\n*/\n\n/**\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n*/\n\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n}\n\n/*\nForms\n=====\n*/\n\n/**\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\nRemove the inheritance of text transform in Edge and Firefox.\n1. Remove the inheritance of text transform in Firefox.\n*/\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\nCorrect the inability to style clickable types in iOS and Safari.\n*/\n\nbutton,\n[type='button'] {\n -webkit-appearance: button;\n}\n\n/**\nRemove the inner border and padding in Firefox.\n*/\n\n/**\nRestore the focus styles unset by the previous rule.\n*/\n\n/**\nRemove the additional ':invalid' styles in Firefox.\nSee: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737\n*/\n\n/**\nRemove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.\n*/\n\nlegend {\n padding: 0;\n}\n\n/**\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n/**\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n/**\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n/**\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to 'inherit' in Safari.\n*/\n\n/*\nInteractive\n===========\n*/\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/**\n * Manually forked from SUIT CSS Base: https://github.com/suitcss/base\n * A thin layer on top of normalize.css that provides a starting point more\n * suitable for web applications.\n */\n\n/**\n * Removes the default spacing and border for appropriate elements.\n */\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nbutton {\n background-color: transparent;\n background-image: none;\n}\n\n/**\n * Work around a Firefox/IE bug where the transparent `button` background\n * results in a loss of the default `button` focus styles.\n */\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nol,\nul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/**\n * Tailwind custom reset styles\n */\n\n/**\n * 1. Use the user's configured `sans` font-family (with Tailwind's default\n * sans-serif font stack as a fallback) as a sane default.\n * 2. Use Tailwind's default \"normal\" line-height so the user isn't forced\n * to override it to ensure consistency even when using the default theme.\n */\n\nhtml {\n font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 1 */\n line-height: 1.5; /* 2 */\n}\n\n/**\n * Inherit font-family and line-height from `html` so users can set them as\n * a class directly on the `html` element.\n */\n\nbody {\n font-family: inherit;\n line-height: inherit;\n}\n\n/**\n * 1. Prevent padding and border from affecting element width.\n *\n * We used to set this in the html element and inherit from\n * the parent element for everything else. This caused issues\n * in shadow-dom-enhanced elements like <details> where the content\n * is wrapped by a div with box-sizing set to `content-box`.\n *\n * https://github.com/mozdevs/cssremedy/issues/4\n *\n *\n * 2. Allow adding a border to an element by just adding a border-width.\n *\n * By default, the way the browser specifies that an element should have no\n * border is by setting it's border-style to `none` in the user-agent\n * stylesheet.\n *\n * In order to easily add borders to elements by just setting the `border-width`\n * property, we change the default border-style for all elements to `solid`, and\n * use border-width to hide them instead. This way our `border` utilities only\n * need to set the `border-width` property instead of the entire `border`\n * shorthand, making our border utilities much more straightforward to compose.\n *\n * https://github.com/tailwindcss/tailwindcss/pull/116\n */\n\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: #e5e7eb; /* 2 */\n}\n\n/*\n * Ensure horizontal rules are visible by default\n */\n\nhr {\n border-top-width: 1px;\n}\n\n/**\n * Undo the `border-style: none` reset that Normalize applies to images so that\n * our `border-{width}` utilities have the expected effect.\n *\n * The Normalize reset is unnecessary for us since we default the border-width\n * to 0 on all elements.\n *\n * https://github.com/tailwindcss/tailwindcss/issues/362\n */\n\nimg {\n border-style: solid;\n}\n\ntextarea {\n resize: vertical;\n}\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\ninput:-ms-input-placeholder, textarea:-ms-input-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\nbutton {\n cursor: pointer;\n}\n\ntable {\n border-collapse: collapse;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/**\n * Reset links to optimize for opt-in styling instead of\n * opt-out.\n */\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/**\n * Reset form element properties that are easy to forget to\n * style explicitly so you don't inadvertently introduce\n * styles that deviate from your design system. These styles\n * supplement a partial reset that is already applied by\n * normalize.css.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n padding: 0;\n line-height: inherit;\n color: inherit;\n}\n\n/**\n * Use the configured 'mono' font family for elements that\n * are expected to be rendered with a monospace font, falling\n * back to the system monospace stack if there is no configured\n * 'mono' font family.\n */\n\npre,\ncode,\nkbd,\nsamp {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n/**\n * Make replaced elements `display: block` by default as that's\n * the behavior you want almost all of the time. Inspired by\n * CSS Remedy, with `svg` added as well.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block;\n vertical-align: middle;\n}\n\n/**\n * Constrain images and videos to the parent width and preserve\n * their instrinsic aspect ratio.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n.container{\n width: 100%;\n}\n\n@media (min-width: 640px){\n .container{\n max-width: 640px;\n }\n}\n\n@media (min-width: 768px){\n .container{\n max-width: 768px;\n }\n}\n\n@media (min-width: 1024px){\n .container{\n max-width: 1024px;\n }\n}\n\n@media (min-width: 1280px){\n .container{\n max-width: 1280px;\n }\n}\n\n@media (min-width: 1536px){\n .container{\n max-width: 1536px;\n }\n}\n\n.divide-y > :not([hidden]) ~ :not([hidden]){\n --tw-divide-y-reverse: 0;\n border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n border-bottom-width: calc(1px * var(--tw-divide-y-reverse));\n}\n\n.divide-gray-200 > :not([hidden]) ~ :not([hidden]){\n --tw-divide-opacity: 1;\n border-color: rgba(229, 231, 235, var(--tw-divide-opacity));\n}\n\n.bg-surface{\n background-color: var(--color-surface);\n}\n\n.bg-action-primary{\n background-color: var(--color-action-primary);\n}\n\n.bg-status-active{\n background-color: var(--color-status-active);\n}\n\n.bg-status-default{\n background-color: var(--color-status-default);\n}\n\n.bg-status-complete{\n background-color: var(--color-status-complete);\n}\n\n.bg-status-attention{\n background-color: var(--color-status-attention);\n}\n\n.bg-status-problem{\n background-color: var(--color-status-problem);\n}\n\n.bg-status-new{\n background-color: var(--color-status-new);\n}\n\n.bg-priority-low{\n background-color: var(--color-priority-low);\n}\n\n.bg-priority-medium{\n background-color: var(--color-priority-medium);\n}\n\n.bg-priority-high{\n background-color: var(--color-priority-high);\n}\n\n.bg-priority-info{\n background-color: var(--color-priority-info);\n}\n\n.hover\\:bg-action-primary-light:hover{\n background-color: var(--color-action-primary-light);\n}\n\n.border-transparent{\n border-color: transparent;\n}\n\n.border-gray-200{\n --tw-border-opacity: 1;\n border-color: rgba(229, 231, 235, var(--tw-border-opacity));\n}\n\n.rounded{\n border-radius: 0.25rem;\n}\n\n.rounded-md{\n border-radius: 0.375rem;\n}\n\n.border{\n border-width: 1px;\n}\n\n.border-l-2{\n border-left-width: 2px;\n}\n\n.border-b{\n border-bottom-width: 1px;\n}\n\n.inline-block{\n display: inline-block;\n}\n\n.inline{\n display: inline;\n}\n\n.flex{\n display: flex;\n}\n\n.inline-flex{\n display: inline-flex;\n}\n\n.table{\n display: table;\n}\n\n.flex-col{\n flex-direction: column;\n}\n\n.flex-wrap{\n flex-wrap: wrap;\n}\n\n.items-start{\n align-items: flex-start;\n}\n\n.items-end{\n align-items: flex-end;\n}\n\n.items-center{\n align-items: center;\n}\n\n.justify-start{\n justify-content: flex-start;\n}\n\n.justify-end{\n justify-content: flex-end;\n}\n\n.justify-center{\n justify-content: center;\n}\n\n.font-medium{\n font-weight: 500;\n}\n\n.font-bold{\n font-weight: 700;\n}\n\n.text-xs{\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.text-sm{\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.-my-2{\n margin-top: -0.5rem;\n margin-bottom: -0.5rem;\n}\n\n.min-w-full{\n min-width: 100%;\n}\n\n.focus\\:outline-none:focus{\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.overflow-hidden{\n overflow: hidden;\n}\n\n.overflow-x-auto{\n overflow-x: auto;\n}\n\n.p-sm{\n padding: var(--spacing-sm);\n}\n\n.py-2{\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.py-3{\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n\n.py-4{\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.px-6{\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.py-2xs{\n padding-top: var(--spacing-2xs);\n padding-bottom: var(--spacing-2xs);\n}\n\n.py-xs{\n padding-top: var(--spacing-xs);\n padding-bottom: var(--spacing-xs);\n}\n\n.px-xs{\n padding-left: var(--spacing-xs);\n padding-right: var(--spacing-xs);\n}\n\n.px-sm{\n padding-left: var(--spacing-sm);\n padding-right: var(--spacing-sm);\n}\n\n.px-base{\n padding-left: var(--spacing-base);\n padding-right: var(--spacing-base);\n}\n\n*{\n --tw-shadow: 0 0 #0000;\n}\n\n.shadow-sm{\n --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow{\n --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n*{\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgba(59, 130, 246, 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n}\n\n.focus\\:ring-2:focus{\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-offset-2:focus{\n --tw-ring-offset-width: 2px;\n}\n\n.text-left{\n text-align: left;\n}\n\n.text-white{\n --tw-text-opacity: 1;\n color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n\n.text-gray-500{\n --tw-text-opacity: 1;\n color: rgba(107, 114, 128, var(--tw-text-opacity));\n}\n\n.text-color-subtle{\n color: var(--color-text-subtle);\n}\n\n.text-color-base{\n color: var(--color-text);\n}\n\n.text-color-semantic{\n color: var(--color-text-semantic);\n}\n\n.uppercase{\n text-transform: uppercase;\n}\n\n.tracking-wider{\n letter-spacing: 0.05em;\n}\n\n.align-middle{\n vertical-align: middle;\n}\n\n.whitespace-nowrap{\n white-space: nowrap;\n}\n\n@-webkit-keyframes spin{\n to{\n transform: rotate(360deg);\n }\n}\n\n@keyframes spin{\n to{\n transform: rotate(360deg);\n }\n}\n\n@-webkit-keyframes ping{\n 75%, 100%{\n transform: scale(2);\n opacity: 0;\n }\n}\n\n@keyframes ping{\n 75%, 100%{\n transform: scale(2);\n opacity: 0;\n }\n}\n\n@-webkit-keyframes pulse{\n 50%{\n opacity: .5;\n }\n}\n\n@keyframes pulse{\n 50%{\n opacity: .5;\n }\n}\n\n@-webkit-keyframes bounce{\n 0%, 100%{\n transform: translateY(-25%);\n -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n animation-timing-function: cubic-bezier(0.8,0,1,1);\n }\n\n 50%{\n transform: none;\n -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n animation-timing-function: cubic-bezier(0,0,0.2,1);\n }\n}\n\n@keyframes bounce{\n 0%, 100%{\n transform: translateY(-25%);\n -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n animation-timing-function: cubic-bezier(0.8,0,1,1);\n }\n\n 50%{\n transform: none;\n -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n animation-timing-function: cubic-bezier(0,0,0.2,1);\n }\n}\n\n@media (min-width: 640px){\n .sm\\:rounded-lg{\n border-radius: 0.5rem;\n }\n\n .sm\\:-mx-6{\n margin-left: -1.5rem;\n margin-right: -1.5rem;\n }\n\n .sm\\:px-6{\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n }\n}\n\n@media (min-width: 768px){\n}\n\n@media (min-width: 1024px){\n .lg\\:-mx-8{\n margin-left: -2rem;\n margin-right: -2rem;\n }\n\n .lg\\:px-8{\n padding-left: 2rem;\n padding-right: 2rem;\n }\n}\n\n@media (min-width: 1280px){\n}\n\n@media (min-width: 1536px){\n}\n"; | ||
| var css_248z = ":root {\n /* these colors are specific to THERMS UI */\n /* Background --- */\n --color-background: #14191F;\n\n /* Border --- */\n --color-border: #4C5766;\n\n /* Surface --- */\n\n --color-surface-subtle: #21262C;\n --color-surface: #2B323B;\n --color-surface-strong: #363F49; \n\n /* Text --- */\n --color-text-subtle: #ffffff73;\n --color-text: #ffffffb3;\n --color-text-strong: #fffffff2;\n --color-text-semantic: #fffffff2;\n \n\n /* Actions --- */\n --color-action-primary-dark: #2d5286;\n --color-action-primary: #4075BF;\n --color-action-primary-light: #799ED2;\n\n --color-action-secondary-dark: #55595E;\n --color-action-secondary: #797F86;\n --color-action-secondary-light: #A1A5AA;\n\n --color-action-confirm-dark: #0D5938;\n --color-action-confirm: #1F9361;\n --color-action-confirm-light: #2DD28A;\n\n --color-action-hold-dark: #A16A12;\n --color-action-hold: #E5971A;\n --color-action-hold-light: #FBBA51;\n\n --color-action-remove-dark: #451008;\n --color-action-remove: #BD3C28;\n --color-action-remove-light: #E5614C;\n\n --color-action-help-dark: #084545;\n --color-action-help: #24A8A8;\n --color-action-help-light: #4CE5E5;\n\n /* Status --- */\n --color-status-active-dark: #2D5286;\n --color-status-active: #4075BF;\n --color-status-active-light: #799ED2;\n\n --color-status-default-dark: #55595E;\n --color-status-default: #797F86;\n --color-status-default-light: #A1A5AA;\n\n --color-status-complete-dark: #0D5938;\n --color-status-complete: #1F9361;\n --color-status-complete-light: #2DD28A;\n\n --color-status-attention-dark: #A16A12;\n --color-status-attention: #E5971A;\n --color-status-attention-light: #FBBA51;\n\n --color-status-problem-dark: #451008;\n --color-status-problem: #BD3C28;\n --color-status-problem-light: #E5614C;\n\n --color-status-new-dark: #084545;\n --color-status-new: #24A8A8;\n --color-status-new-light: #4CE5E5;\n\n /* Priority --- */\n --color-priority-low-dark: #0D5938;\n --color-priority-low: #1F9361;\n --color-priority-low-light: #2DD28A;\n\n --color-priority-medium-dark: #A16A12;\n --color-priority-medium: #E5971A;\n --color-priority-medium-light: #FBBA51;\n\n --color-priority-high-dark: #451008;\n --color-priority-high: #BD3C28;\n --color-priority-high-light: #E5614C;\n\n --color-priority-info-dark: #084545;\n --color-priority-info: #24A8A8;\n --color-priority-info-light: #4CE5E5;\n\n /* Messages --- */\n --color-message-success-dark: #0D5938;\n --color-message-success: #1F9361;\n --color-message-success-light: #2DD28A;\n\n --color-message-warning-dark: #A16A12;\n --color-message-warning: #E5971A;\n --color-message-warning-light: #FBBA51;\n\n --color-message-danger-dark: #451008;\n --color-message-danger: #BD3C28; \n --color-message-danger-light: #E5614C;\n\n --color-message-info-dark: #084545;\n --color-message-info: #24A8A8;\n --color-message-info-light: #4CE5E5;\n\n /* Presence --- */\n --color-presence-off-duty: #797F86;\n --color-presence-on-duty: #1F9361;\n --color-presence-on-call: #E5971A;\n --color-presence-busy: #BD3C28;\n}\n\n:root {\n /* brand is specific to the user/organization\n that are used for presentational components/views, ie: PDF's or emails\n */\n --color-brand-accent : #720505;\n --color-brand-primary : #02369d;\n --color-brand-secondary: #3d4b79;\n\n}\n\n:root {\n /* Spacing --- */\n --spacing-2xs: 0.25rem;\n --spacing-xs: 0.5rem;\n --spacing-sm: 0.75rem;\n --spacing-base: 1rem;\n --spacing-lg: 1.25rem;\n --spacing-xl: 2rem;\n --spacing-2xl: 3rem;\n}\n\n:root {\n /* Icon Sizing */\n --size-icon-sm: 1rem;\n --size-icon: 1.5rem;\n --size-icon-lg: 2rem;\n\n /* Text Sizing */\n --size-text-sm: 0.875rem;\n --size-text: 1rem;\n --size-text-lg: 1.25rem;\n\n /* Text line heights */\n --line-height-text-sm: 1.25rem;\n --line-height-text: 1.5rem;\n --line-height-text-lg: 1.75rem;\n}\n\n/*! tailwindcss v2.0.3 | MIT License | https://tailwindcss.com */\n\n/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */\n\n/*\nDocument\n========\n*/\n\n/**\nUse a better box model (opinionated).\n*/\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n/**\nUse a more readable tab size (opinionated).\n*/\n\n:root {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n}\n\n/**\n1. Correct the line height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n*/\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/*\nSections\n========\n*/\n\n/**\nRemove the margin in all browsers.\n*/\n\nbody {\n margin: 0;\n}\n\n/**\nImprove consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n*/\n\nbody {\n font-family:\n\t\tsystem-ui,\n\t\t-apple-system, /* Firefox supports this but not yet `system-ui` */\n\t\t'Segoe UI',\n\t\tRoboto,\n\t\tHelvetica,\n\t\tArial,\n\t\tsans-serif,\n\t\t'Apple Color Emoji',\n\t\t'Segoe UI Emoji';\n}\n\n/*\nGrouping content\n================\n*/\n\n/**\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n*/\n\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n}\n\n/*\nText-level semantics\n====================\n*/\n\n/**\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr[title] {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\n/**\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n2. Correct the odd 'em' font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family:\n\t\tui-monospace,\n\t\tSFMono-Regular,\n\t\tConsolas,\n\t\t'Liberation Mono',\n\t\tMenlo,\n\t\tmonospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/**\nPrevent 'sub' and 'sup' elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/*\nTabular data\n============\n*/\n\n/**\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n*/\n\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n}\n\n/*\nForms\n=====\n*/\n\n/**\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\nRemove the inheritance of text transform in Edge and Firefox.\n1. Remove the inheritance of text transform in Firefox.\n*/\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\nCorrect the inability to style clickable types in iOS and Safari.\n*/\n\nbutton,\n[type='button'] {\n -webkit-appearance: button;\n}\n\n/**\nRemove the inner border and padding in Firefox.\n*/\n\n/**\nRestore the focus styles unset by the previous rule.\n*/\n\n/**\nRemove the additional ':invalid' styles in Firefox.\nSee: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737\n*/\n\n/**\nRemove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.\n*/\n\nlegend {\n padding: 0;\n}\n\n/**\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n/**\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n/**\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n/**\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to 'inherit' in Safari.\n*/\n\n/*\nInteractive\n===========\n*/\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/**\n * Manually forked from SUIT CSS Base: https://github.com/suitcss/base\n * A thin layer on top of normalize.css that provides a starting point more\n * suitable for web applications.\n */\n\n/**\n * Removes the default spacing and border for appropriate elements.\n */\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nbutton {\n background-color: transparent;\n background-image: none;\n}\n\n/**\n * Work around a Firefox/IE bug where the transparent `button` background\n * results in a loss of the default `button` focus styles.\n */\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nol,\nul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/**\n * Tailwind custom reset styles\n */\n\n/**\n * 1. Use the user's configured `sans` font-family (with Tailwind's default\n * sans-serif font stack as a fallback) as a sane default.\n * 2. Use Tailwind's default \"normal\" line-height so the user isn't forced\n * to override it to ensure consistency even when using the default theme.\n */\n\nhtml {\n font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 1 */\n line-height: 1.5; /* 2 */\n}\n\n/**\n * Inherit font-family and line-height from `html` so users can set them as\n * a class directly on the `html` element.\n */\n\nbody {\n font-family: inherit;\n line-height: inherit;\n}\n\n/**\n * 1. Prevent padding and border from affecting element width.\n *\n * We used to set this in the html element and inherit from\n * the parent element for everything else. This caused issues\n * in shadow-dom-enhanced elements like <details> where the content\n * is wrapped by a div with box-sizing set to `content-box`.\n *\n * https://github.com/mozdevs/cssremedy/issues/4\n *\n *\n * 2. Allow adding a border to an element by just adding a border-width.\n *\n * By default, the way the browser specifies that an element should have no\n * border is by setting it's border-style to `none` in the user-agent\n * stylesheet.\n *\n * In order to easily add borders to elements by just setting the `border-width`\n * property, we change the default border-style for all elements to `solid`, and\n * use border-width to hide them instead. This way our `border` utilities only\n * need to set the `border-width` property instead of the entire `border`\n * shorthand, making our border utilities much more straightforward to compose.\n *\n * https://github.com/tailwindcss/tailwindcss/pull/116\n */\n\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: #e5e7eb; /* 2 */\n}\n\n/*\n * Ensure horizontal rules are visible by default\n */\n\nhr {\n border-top-width: 1px;\n}\n\n/**\n * Undo the `border-style: none` reset that Normalize applies to images so that\n * our `border-{width}` utilities have the expected effect.\n *\n * The Normalize reset is unnecessary for us since we default the border-width\n * to 0 on all elements.\n *\n * https://github.com/tailwindcss/tailwindcss/issues/362\n */\n\nimg {\n border-style: solid;\n}\n\ntextarea {\n resize: vertical;\n}\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\ninput:-ms-input-placeholder, textarea:-ms-input-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\n\nbutton {\n cursor: pointer;\n}\n\ntable {\n border-collapse: collapse;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/**\n * Reset links to optimize for opt-in styling instead of\n * opt-out.\n */\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/**\n * Reset form element properties that are easy to forget to\n * style explicitly so you don't inadvertently introduce\n * styles that deviate from your design system. These styles\n * supplement a partial reset that is already applied by\n * normalize.css.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n padding: 0;\n line-height: inherit;\n color: inherit;\n}\n\n/**\n * Use the configured 'mono' font family for elements that\n * are expected to be rendered with a monospace font, falling\n * back to the system monospace stack if there is no configured\n * 'mono' font family.\n */\n\npre,\ncode,\nkbd,\nsamp {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n/**\n * Make replaced elements `display: block` by default as that's\n * the behavior you want almost all of the time. Inspired by\n * CSS Remedy, with `svg` added as well.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block;\n vertical-align: middle;\n}\n\n/**\n * Constrain images and videos to the parent width and preserve\n * their instrinsic aspect ratio.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n.container{\n width: 100%;\n}\n\n@media (min-width: 640px){\n .container{\n max-width: 640px;\n }\n}\n\n@media (min-width: 768px){\n .container{\n max-width: 768px;\n }\n}\n\n@media (min-width: 1024px){\n .container{\n max-width: 1024px;\n }\n}\n\n@media (min-width: 1280px){\n .container{\n max-width: 1280px;\n }\n}\n\n@media (min-width: 1536px){\n .container{\n max-width: 1536px;\n }\n}\n\n.divide-y > :not([hidden]) ~ :not([hidden]){\n --tw-divide-y-reverse: 0;\n border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n border-bottom-width: calc(1px * var(--tw-divide-y-reverse));\n}\n\n.divide-gray-200 > :not([hidden]) ~ :not([hidden]){\n --tw-divide-opacity: 1;\n border-color: rgba(229, 231, 235, var(--tw-divide-opacity));\n}\n\n.bg-surface{\n background-color: var(--color-surface);\n}\n\n.bg-action-primary{\n background-color: var(--color-action-primary);\n}\n\n.hover\\:bg-action-primary-light:hover{\n background-color: var(--color-action-primary-light);\n}\n\n.border-transparent{\n border-color: transparent;\n}\n\n.border-gray-200{\n --tw-border-opacity: 1;\n border-color: rgba(229, 231, 235, var(--tw-border-opacity));\n}\n\n.rounded{\n border-radius: 0.25rem;\n}\n\n.rounded-md{\n border-radius: 0.375rem;\n}\n\n.border{\n border-width: 1px;\n}\n\n.border-l-2{\n border-left-width: 2px;\n}\n\n.border-b{\n border-bottom-width: 1px;\n}\n\n.inline-block{\n display: inline-block;\n}\n\n.flex{\n display: flex;\n}\n\n.inline-flex{\n display: inline-flex;\n}\n\n.table{\n display: table;\n}\n\n.flex-col{\n flex-direction: column;\n}\n\n.flex-wrap{\n flex-wrap: wrap;\n}\n\n.items-start{\n align-items: flex-start;\n}\n\n.items-end{\n align-items: flex-end;\n}\n\n.items-center{\n align-items: center;\n}\n\n.justify-start{\n justify-content: flex-start;\n}\n\n.justify-end{\n justify-content: flex-end;\n}\n\n.justify-center{\n justify-content: center;\n}\n\n.font-medium{\n font-weight: 500;\n}\n\n.font-bold{\n font-weight: 700;\n}\n\n.text-xs{\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.text-sm{\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.-my-2{\n margin-top: -0.5rem;\n margin-bottom: -0.5rem;\n}\n\n.min-w-full{\n min-width: 100%;\n}\n\n.focus\\:outline-none:focus{\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.overflow-hidden{\n overflow: hidden;\n}\n\n.overflow-x-auto{\n overflow-x: auto;\n}\n\n.p-sm{\n padding: var(--spacing-sm);\n}\n\n.py-2{\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.py-3{\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n\n.py-4{\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.px-6{\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n\n.py-2xs{\n padding-top: var(--spacing-2xs);\n padding-bottom: var(--spacing-2xs);\n}\n\n.py-xs{\n padding-top: var(--spacing-xs);\n padding-bottom: var(--spacing-xs);\n}\n\n.px-xs{\n padding-left: var(--spacing-xs);\n padding-right: var(--spacing-xs);\n}\n\n.px-sm{\n padding-left: var(--spacing-sm);\n padding-right: var(--spacing-sm);\n}\n\n.px-base{\n padding-left: var(--spacing-base);\n padding-right: var(--spacing-base);\n}\n\n*{\n --tw-shadow: 0 0 #0000;\n}\n\n.shadow-sm{\n --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow{\n --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n*{\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgba(59, 130, 246, 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n}\n\n.focus\\:ring-2:focus{\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-offset-2:focus{\n --tw-ring-offset-width: 2px;\n}\n\n.text-left{\n text-align: left;\n}\n\n.text-white{\n --tw-text-opacity: 1;\n color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n\n.text-gray-500{\n --tw-text-opacity: 1;\n color: rgba(107, 114, 128, var(--tw-text-opacity));\n}\n\n.text-color-subtle{\n color: var(--color-text-subtle);\n}\n\n.text-color-base{\n color: var(--color-text);\n}\n\n.text-color-semantic{\n color: var(--color-text-semantic);\n}\n\n.uppercase{\n text-transform: uppercase;\n}\n\n.tracking-wider{\n letter-spacing: 0.05em;\n}\n\n.align-middle{\n vertical-align: middle;\n}\n\n.whitespace-nowrap{\n white-space: nowrap;\n}\n\n@-webkit-keyframes spin{\n to{\n transform: rotate(360deg);\n }\n}\n\n@keyframes spin{\n to{\n transform: rotate(360deg);\n }\n}\n\n@-webkit-keyframes ping{\n 75%, 100%{\n transform: scale(2);\n opacity: 0;\n }\n}\n\n@keyframes ping{\n 75%, 100%{\n transform: scale(2);\n opacity: 0;\n }\n}\n\n@-webkit-keyframes pulse{\n 50%{\n opacity: .5;\n }\n}\n\n@keyframes pulse{\n 50%{\n opacity: .5;\n }\n}\n\n@-webkit-keyframes bounce{\n 0%, 100%{\n transform: translateY(-25%);\n -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n animation-timing-function: cubic-bezier(0.8,0,1,1);\n }\n\n 50%{\n transform: none;\n -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n animation-timing-function: cubic-bezier(0,0,0.2,1);\n }\n}\n\n@keyframes bounce{\n 0%, 100%{\n transform: translateY(-25%);\n -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n animation-timing-function: cubic-bezier(0.8,0,1,1);\n }\n\n 50%{\n transform: none;\n -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n animation-timing-function: cubic-bezier(0,0,0.2,1);\n }\n}\n\n@media (min-width: 640px){\n .sm\\:rounded-lg{\n border-radius: 0.5rem;\n }\n\n .sm\\:-mx-6{\n margin-left: -1.5rem;\n margin-right: -1.5rem;\n }\n\n .sm\\:px-6{\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n }\n}\n\n@media (min-width: 768px){\n}\n\n@media (min-width: 1024px){\n .lg\\:-mx-8{\n margin-left: -2rem;\n margin-right: -2rem;\n }\n\n .lg\\:px-8{\n padding-left: 2rem;\n padding-right: 2rem;\n }\n}\n\n@media (min-width: 1280px){\n}\n\n@media (min-width: 1536px){\n}\n"; | ||
| styleInject(css_248z); | ||
@@ -504,57 +603,2 @@ | ||
| function createCommonjsModule(fn) { | ||
| var module = { exports: {} }; | ||
| return fn(module, module.exports), module.exports; | ||
| } | ||
| /*! | ||
| Copyright (c) 2017 Jed Watson. | ||
| Licensed under the MIT License (MIT), see | ||
| http://jedwatson.github.io/classnames | ||
| */ | ||
| var classnames = createCommonjsModule(function (module) { | ||
| /* global define */ | ||
| (function () { | ||
| var hasOwn = {}.hasOwnProperty; | ||
| function classNames () { | ||
| var classes = []; | ||
| for (var i = 0; i < arguments.length; i++) { | ||
| var arg = arguments[i]; | ||
| if (!arg) continue; | ||
| var argType = typeof arg; | ||
| if (argType === 'string' || argType === 'number') { | ||
| classes.push(arg); | ||
| } else if (Array.isArray(arg) && arg.length) { | ||
| var inner = classNames.apply(null, arg); | ||
| if (inner) { | ||
| classes.push(inner); | ||
| } | ||
| } else if (argType === 'object') { | ||
| for (var key in arg) { | ||
| if (hasOwn.call(arg, key) && arg[key]) { | ||
| classes.push(key); | ||
| } | ||
| } | ||
| } | ||
| } | ||
| return classes.join(' '); | ||
| } | ||
| if (module.exports) { | ||
| classNames.default = classNames; | ||
| module.exports = classNames; | ||
| } else { | ||
| window.classNames = classNames; | ||
| } | ||
| }()); | ||
| }); | ||
| var curryImageClasses = function (_a) { | ||
@@ -599,2 +643,21 @@ var circle = _a.circle, className = _a.className, fit = _a.fit, fluid = _a.fluid, rounded = _a.rounded, thumbnail = _a.thumbnail; | ||
| export { ActivityType, Button, Card, DispatchUnassignedListItem, Image, index$1 as configs, index as tokens }; | ||
| var curryTagClasses = function (_a) { | ||
| var _b = _a.type, type = _b === void 0 ? 'secondary' : _b; | ||
| var classes = classnames('font-bold inline px-xs rounded-md text-color-semantic text-sm', { | ||
| 'bg-action-primary': type === 'primary', | ||
| 'bg-action-secondary': type === 'secondary', | ||
| 'bg-priority-low': type === 'low', | ||
| 'bg-priority-medium': type === 'medium', | ||
| 'bg-priority-high': type === 'high', | ||
| 'bg-priority-info': type === 'info' | ||
| }); | ||
| return classes; | ||
| }; | ||
| var Tag = function (_a) { | ||
| var _b = _a.type, type = _b === void 0 ? 'secondary' : _b, value = _a.value; | ||
| var classes = curryTagClasses({ type: type }); | ||
| return React.createElement("div", { className: classes }, value); | ||
| }; | ||
| export { ActivityType, Badge, Button, Card, DispatchUnassignedListItem, Image, Tag, index as configs, index$1 as tokens }; |
| { | ||
| "name": "@therms/atalaya", | ||
| "version": "1.1.0-beta.36", | ||
| "version": "1.1.0-beta.37", | ||
| "main": "./lib/cjs.js", | ||
@@ -5,0 +5,0 @@ "module": "./lib/index.js", |
New alerts
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Fixed alerts
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by3.74%
144583
- Number of package files
- increased by18.18%
26
- Lines of code
- increased by8.57%
1963
No dependency changes