@leaflink/stash 44.0.0-beta.6 → 44.0.0-beta.8

package/dist/constants.js

@@ -26,12 +26,10 @@ const e = Object.freeze({
   COM: "tw-bg-royal-500",
   ANC: "tw-bg-orange-500",
   CAN: "tw-bg-green-500"
-}), n = {
+}), o = {
   GRID_GUTTER: "grid-gutter",
-  SCREEN_MD: "screen-md",
-  SCREEN_LG: "screen-lg",
-  TOP_HEADER_HEIGHT: "top-header-height"
-}, o = {
+  TOP_HEADER_HEIGHT: "height-topbar"
+}, n = {
   MARKETPLACE: "marketplace",
   PAYMENTS: "payments"
 }, r = {
@@ -266,7 +264,7 @@ const e = Object.freeze({
     color: "ll-bg-red",
     id: "ignored"
   }
-}), c = Object.freeze({
+}), A = Object.freeze({
   SUBMITTED: {
     color: "ice-700",
     name: "submitted",
@@ -317,7 +315,7 @@ const e = Object.freeze({
     name: "combined",
     transitionName: "combine"
   }
-}), C = Object.freeze({
+}), T = Object.freeze({
   eliteSeller: {
     color: "royal",
     id: "elite"
@@ -326,25 +324,42 @@ const e = Object.freeze({
     color: "green",
     id: "power"
   }
-}), A = Object.freeze({
-  md: "641px",
-  // targets 641px and above
-  "max-md": { raw: "not all and (min-width: 961px)" },
-  // targets 960px and below
-  "md:max-lg": [{ min: "641px" }, { raw: "not all and (min-width: 961px)" }],
-  // targets 641px to 960px
+}), c = Object.freeze({
+  md: "640px",
+  // => @media (min-width: 640px) { ... }
   lg: "961px",
-  // targets 961px and above
-  "max-lg": { raw: "not all and (min-width: 1321px)" },
-  // targets 1320px and below
-  "lg:max-xl": [{ min: "961px" }, { raw: "not all and (min-width: 1321px)" }],
-  // targets 961px to 1320px
-  xl: "1321px"
-  // targets 1321px and above
+  // => @media (min-width: 961px) { ... }
+  xl: "1321px",
+  // => @media (min-width: 1321px) { ... }
+  /**
+   * Target only specific breakpoints.
+   *
+   * Note: These ONLY apply to the screen function in Tailwind, i.e. `@media screen('md:max-lg')`.
+   * When using in a class like `class="lg:max-xl:tw-bg-red"`, it will actually generate two
+   * media queries nested inside each other like so: `@media (min-width: 961px) { @media (max-width: 1321px) { ... } }`.
+   */
+  // sm only - use `max-md` instead!
+  // md only
+  "md:max-lg": { min: "640px", max: "961px" },
+  // => @media (min-width: 640px) and (max-width: 961px) { ... }
+  // lg only
+  "lg:max-xl": { min: "961px", max: "1321px" },
+  // => @media (min-width: 961px) and (max-width: 1321px) { ... }
+  /**
+   * Max breakpoints.
+   *
+   * Important: Make sure to list max breakpoints in descending order so that they override each other as expected.
+   */
+  "max-xl": { raw: "not all and (min-width: 1321px)" },
+  // => @media (not all and (min-width: 1321px)) { ... }
+  "max-lg": { raw: "not all and (min-width: 969px)" },
+  // => @media (not all and (min-width: 961px)) { ... }
+  "max-md": { raw: "not all and (min-width: 640px)" }
+  // => @media (not all and (min-width: 640px)) { ... }
 });
 export {
-  o as APPS,
-  n as CSS_VARS,
+  n as APPS,
+  o as CSS_VARS,
   M as CURRENCY_SYMBOL_MAP,
   D as DATE_FORMATS,
   t as DEBOUNCE,
@@ -356,9 +371,9 @@ export {
   N as LICENSE_CLASSIFICATIONS,
   S as LICENSE_COLORS,
   r as LLLV_CHANGE_TRIGGERS,
-  c as ORDER,
-  A as SCREEN_SIZES,
-  C as SELLER_STATUSES,
+  A as ORDER,
+  c as SCREEN_SIZES,
+  T as SELLER_STATUSES,
   E as UI_TIMEOUT
 };
 //# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../src/constants.ts"],"sourcesContent":["/**\n * Leaflink Global Constants.\n * NOTE: as per convention, all constants are written in UPPERCASE.\n */\n\n/**\n * Key Codes\n */\nexport const KEY_CODES = Object.freeze({\n  DOWN: 40,\n  ENTER: 13,\n  ESCAPE: 27,\n  LEFT: 37,\n  SPACE: 32,\n  RIGHT: 39,\n  UP: 38,\n});\n\n/**\n * Date Formats\n */\nexport const DATE_FORMATS = {\n  DEFAULT: 'YYYY-MM-DD hh:mm A',\n  MONTH_DAY_YEAR_AT_TIME: 'MMM DD, YYYY @ h:mmA',\n  YYYY_MM_DD: 'YYYY-MM-DD',\n  YYYY_MM_DD_DATE_FNS: 'yyyy-MM-dd',\n  YYYY_MM_DD_TIME_DATE_FNS: 'yyyy-MM-dd hh:mm aa',\n  TIME_DATE_FNS: 'hh:mm aa',\n  YYYY_MM_DD_SLASHES: 'YYYY/MM/DD',\n};\n\n/**\n * Timeout for UI/UX effects\n */\nexport const UI_TIMEOUT = 3000;\n\n/**\n * Debounce used for firing side-effects (tracking, etc)\n */\nexport const DEBOUNCE = Object.freeze({\n  SLOW: 3000,\n  MEDIUM: 1000,\n  FAST: 200,\n});\n\n/**\n * Query selector string for getting all focusable elements\n */\nexport const FOCUS_ELEMENTS_SELECTOR =\n  'button, [href]:not(use), input, select, textarea, [tabindex]:not([tabindex=\"-1\"])';\n\n/**\n * License colors\n */\nexport const LICENSE_COLORS = Object.freeze({\n  ADU: 'tw-bg-blue-500',\n  BULK: 'tw-bg-ice-900',\n  REC: 'tw-bg-blue-500',\n  MED: 'tw-bg-yellow-500',\n  COM: 'tw-bg-royal-500',\n  ANC: 'tw-bg-orange-500',\n  CAN: 'tw-bg-green-500',\n});\n\n/**\n * CSS variable names\n */\nexport const CSS_VARS = {\n  GRID_GUTTER: 'grid-gutter',\n  SCREEN_MD: 'screen-md',\n  SCREEN_LG: 'screen-lg',\n  TOP_HEADER_HEIGHT: 'top-header-height',\n} as const;\n\n/**\n * LeafLink app names\n */\nexport const APPS = {\n  MARKETPLACE: 'marketplace',\n  PAYMENTS: 'payments',\n} as const;\n\n/**\n * Change triggers for ListView\n */\nexport const LLLV_CHANGE_TRIGGERS = {\n  APPLY: 'apply',\n  LOAD: 'load',\n  PAGE: 'page',\n  RESET: 'reset',\n  SEARCH: 'search',\n  SORT: 'sort',\n} as const;\n\n/**\n * Key value pairs where the key is a currency code and the value is the\n * symbol for that code.\n */\nexport const CURRENCY_SYMBOL_MAP = Object.freeze({\n  AED: 'د.إ',\n  AFN: '؋',\n  ALL: 'L',\n  AMD: '֏',\n  ANG: 'ƒ',\n  AOA: 'Kz',\n  ARS: '$',\n  AUD: '$',\n  AWG: 'ƒ',\n  AZN: '₼',\n  BAM: 'KM',\n  BBD: '$',\n  BDT: '৳',\n  BGN: 'лв',\n  BHD: '.د.ب',\n  BIF: 'FBu',\n  BMD: '$',\n  BND: '$',\n  BOB: '$b',\n  BOV: 'BOV',\n  BRL: 'R$',\n  BSD: '$',\n  BTC: '₿',\n  BTN: 'Nu.',\n  BWP: 'P',\n  BYN: 'Br',\n  BYR: 'Br',\n  BZD: 'BZ$',\n  CAD: '$',\n  CDF: 'FC',\n  CHE: 'CHE',\n  CHF: 'CHF',\n  CHW: 'CHW',\n  CLF: 'CLF',\n  CLP: '$',\n  CNY: '¥',\n  COP: '$',\n  COU: 'COU',\n  CRC: '₡',\n  CUC: '$',\n  CUP: '₱',\n  CVE: '$',\n  CZK: 'Kč',\n  DJF: 'Fdj',\n  DKK: 'kr',\n  DOP: 'RD$',\n  DZD: 'دج',\n  EEK: 'kr',\n  EGP: '£',\n  ERN: 'Nfk',\n  ETB: 'Br',\n  ETH: 'Ξ',\n  EUR: '€',\n  FJD: '$',\n  FKP: '£',\n  GBP: '£',\n  GEL: '₾',\n  GGP: '£',\n  GHC: '₵',\n  GHS: 'GH₵',\n  GIP: '£',\n  GMD: 'D',\n  GNF: 'FG',\n  GTQ: 'Q',\n  GYD: '$',\n  HKD: '$',\n  HNL: 'L',\n  HRK: 'kn',\n  HTG: 'G',\n  HUF: 'Ft',\n  IDR: 'Rp',\n  ILS: '₪',\n  IMP: '£',\n  INR: '₹',\n  IQD: 'ع.د',\n  IRR: '﷼',\n  ISK: 'kr',\n  JEP: '£',\n  JMD: 'J$',\n  JOD: 'JD',\n  JPY: '¥',\n  KES: 'KSh',\n  KGS: 'лв',\n  KHR: '៛',\n  KMF: 'CF',\n  KPW: '₩',\n  KRW: '₩',\n  KWD: 'KD',\n  KYD: '$',\n  KZT: '₸',\n  LAK: '₭',\n  LBP: '£',\n  LKR: '₨',\n  LRD: '$',\n  LSL: 'M',\n  LTC: 'Ł',\n  LTL: 'Lt',\n  LVL: 'Ls',\n  LYD: 'LD',\n  MAD: 'MAD',\n  MDL: 'lei',\n  MGA: 'Ar',\n  MKD: 'ден',\n  MMK: 'K',\n  MNT: '₮',\n  MOP: 'MOP$',\n  MRO: 'UM',\n  MRU: 'UM',\n  MUR: '₨',\n  MVR: 'Rf',\n  MWK: 'MK',\n  MXN: '$',\n  MXV: 'MXV',\n  MYR: 'RM',\n  MZN: 'MT',\n  NAD: '$',\n  NGN: '₦',\n  NIO: 'C$',\n  NOK: 'kr',\n  NPR: '₨',\n  NZD: '$',\n  OMR: '﷼',\n  PAB: 'B/.',\n  PEN: 'S/.',\n  PGK: 'K',\n  PHP: '₱',\n  PKR: '₨',\n  PLN: 'zł',\n  PYG: 'Gs',\n  QAR: '﷼',\n  RMB: '￥',\n  RON: 'lei',\n  RSD: 'Дин.',\n  RUB: '₽',\n  RWF: 'R₣',\n  SAR: '﷼',\n  SBD: '$',\n  SCR: '₨',\n  SDG: 'ج.س.',\n  SEK: 'kr',\n  SGD: 'S$',\n  SHP: '£',\n  SLL: 'Le',\n  SOS: 'S',\n  SRD: '$',\n  SSP: '£',\n  STD: 'Db',\n  STN: 'Db',\n  SVC: '$',\n  SYP: '£',\n  SZL: 'E',\n  THB: '฿',\n  TJS: 'SM',\n  TMT: 'T',\n  TND: 'د.ت',\n  TOP: 'T$',\n  TRL: '₤',\n  TRY: '₺',\n  TTD: 'TT$',\n  TVD: '$',\n  TWD: 'NT$',\n  TZS: 'TSh',\n  UAH: '₴',\n  UGX: 'USh',\n  USD: '$',\n  UYI: 'UYI',\n  UYU: '$U',\n  UYW: 'UYW',\n  UZS: 'лв',\n  VEF: 'Bs',\n  VES: 'Bs.S',\n  VND: '₫',\n  VUV: 'VT',\n  WST: 'WS$',\n  XAF: 'FCFA',\n  XBT: 'Ƀ',\n  XCD: '$',\n  XOF: 'CFA',\n  XPF: '₣',\n  XSU: 'Sucre',\n  XUA: 'XUA',\n  YER: '﷼',\n  ZAR: 'R',\n  ZMW: 'ZK',\n  ZWD: 'Z$',\n  ZWL: '$',\n});\n\n/**\n * Image Provider URLs\n */\n\nexport const IMAGE_PROVIDER_URLS = {\n  CLOUDINARY: 'https://res.cloudinary.com/leaflink/image/fetch',\n} as const;\n\n/**\n * The number of decimals to round a number\n */\nexport const DECIMAL_PRECISION = {\n  CURRENCY: 2,\n} as const;\n\nexport const LICENSE_CLASSIFICATIONS = Object.freeze({\n  NONE: {\n    id: 'None',\n    displayName: '',\n  },\n  ADULT_USE: {\n    id: 'Adult Use',\n    displayName: 'Recreational',\n  },\n  MEDICAL: {\n    id: 'Medical',\n    displayName: 'Medical',\n  },\n  COMBINED: {\n    id: 'Combined',\n    displayName: 'Recreational',\n  },\n  CANNABIS: {\n    id: 'Cannabis',\n    displayName: 'Recreational',\n  },\n});\n\n/**\n * Inbound Leads Statuses\n */\nexport const INBOUND_LEADS = Object.freeze({\n  COMPLETE: {\n    color: 'll-bg-purple',\n    id: 'complete',\n  },\n  PENDING: {\n    color: 'll-bg-orange',\n    id: 'pending',\n  },\n  IGNORED: {\n    color: 'll-bg-red',\n    id: 'ignored',\n  },\n});\n\n/**\n * Order statuses for both Buyer and Seller generated Orders.\n */\nexport const ORDER = Object.freeze({\n  SUBMITTED: {\n    color: 'ice-700',\n    name: 'submitted',\n    transitionName: 'submit',\n  },\n  ACCEPTED: {\n    color: 'green',\n    name: 'accepted',\n    transitionName: 'accept',\n  },\n  FULFILLED: {\n    color: 'royal',\n    name: 'fulfilled',\n    transitionName: 'fulfill',\n  },\n  SHIPPED: {\n    color: 'blue',\n    name: 'shipped',\n    transitionName: 'ship',\n  },\n  COMPLETE: {\n    color: 'purple',\n    name: 'complete',\n    transitionName: 'complete',\n  },\n  REJECTED: {\n    color: 'red',\n    name: 'rejected',\n    transitionName: 'reject',\n  },\n  CANCELLED: {\n    color: 'red',\n    name: 'cancelled',\n    transitionName: 'cancel',\n  },\n  DRAFT: {\n    color: 'blue',\n    name: 'draft',\n    transitionName: '',\n  },\n  BACKORDER: {\n    color: 'ice',\n    name: 'backorder',\n    transitionName: 'backorder',\n  },\n  COMBINED: {\n    color: 'ice',\n    name: 'combined',\n    transitionName: 'combine',\n  },\n});\n\n/**\n * Certified Seller Statuses\n */\nexport const SELLER_STATUSES = Object.freeze({\n  eliteSeller: {\n    color: 'royal',\n    id: 'elite',\n  },\n  powerSeller: {\n    color: 'green',\n    id: 'power',\n  },\n});\n\n// Tailwind is mobile first so there's no media query necessary for LL's sm\n// breakpoint as it's effectively `@media (min-width: 0) { ... }`. Typically\n// (in tailwind, bootstrap, etc) everything from 0 - sm \"breakpoint\" is\n// considered XS. But for us, it's actually shifted up. We're not really\n// defining \"breakpoints\" so much as we do ranges, so in Tailwind world, we\n// don't need to define a `sm` breakpoint.\n// See:\n//   - https://tailwindcss.com/docs/screens#advanced-configuration\n//   - https://tailwindcss.com/docs/responsive-design#targeting-a-breakpoint-range\nexport const SCREEN_SIZES = Object.freeze({\n  md: '641px', // targets 641px and above\n  'max-md': { raw: 'not all and (min-width: 961px)' }, // targets 960px and below\n  'md:max-lg': [{ min: '641px' }, { raw: 'not all and (min-width: 961px)' }], // targets 641px to 960px\n  lg: '961px', // targets 961px and above\n  'max-lg': { raw: 'not all and (min-width: 1321px)' }, // targets 1320px and below\n  'lg:max-xl': [{ min: '961px' }, { raw: 'not all and (min-width: 1321px)' }], // targets 961px to 1320px\n  xl: '1321px', // targets 1321px and above\n});\n"],"names":["KEY_CODES","DATE_FORMATS","UI_TIMEOUT","DEBOUNCE","FOCUS_ELEMENTS_SELECTOR","LICENSE_COLORS","CSS_VARS","APPS","LLLV_CHANGE_TRIGGERS","CURRENCY_SYMBOL_MAP","IMAGE_PROVIDER_URLS","DECIMAL_PRECISION","LICENSE_CLASSIFICATIONS","INBOUND_LEADS","ORDER","SELLER_STATUSES","SCREEN_SIZES"],"mappings":"AAQa,MAAAA,IAAY,OAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,IAAI;AACN,CAAC,GAKYC,IAAe;AAAA,EAC1B,SAAS;AAAA,EACT,wBAAwB;AAAA,EACxB,YAAY;AAAA,EACZ,qBAAqB;AAAA,EACrB,0BAA0B;AAAA,EAC1B,eAAe;AAAA,EACf,oBAAoB;AACtB,GAKaC,IAAa,KAKbC,IAAW,OAAO,OAAO;AAAA,EACpC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AACR,CAAC,GAKYC,IACX,qFAKWC,IAAiB,OAAO,OAAO;AAAA,EAC1C,KAAK;AAAA,EACL,MAAM;AAAA,EACN,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP,CAAC,GAKYC,IAAW;AAAA,EACtB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,WAAW;AAAA,EACX,mBAAmB;AACrB,GAKaC,IAAO;AAAA,EAClB,aAAa;AAAA,EACb,UAAU;AACZ,GAKaC,IAAuB;AAAA,EAClC,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACR,GAMaC,IAAsB,OAAO,OAAO;AAAA,EAC/C,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP,CAAC,GAMYC,IAAsB;AAAA,EACjC,YAAY;AACd,GAKaC,IAAoB;AAAA,EAC/B,UAAU;AACZ,GAEaC,IAA0B,OAAO,OAAO;AAAA,EACnD,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,WAAW;AAAA,IACT,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,UAAU;AAAA,IACR,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,UAAU;AAAA,IACR,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AACF,CAAC,GAKYC,IAAgB,OAAO,OAAO;AAAA,EACzC,UAAU;AAAA,IACR,OAAO;AAAA,IACP,IAAI;AAAA,EACN;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,IAAI;AAAA,EACN;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,IAAI;AAAA,EACN;AACF,CAAC,GAKYC,IAAQ,OAAO,OAAO;AAAA,EACjC,WAAW;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,gBAAgB;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,gBAAgB;AAAA,EAClB;AAAA,EACA,WAAW;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,gBAAgB;AAAA,EAClB;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,gBAAgB;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,gBAAgB;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,gBAAgB;AAAA,EAClB;AAAA,EACA,WAAW;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,gBAAgB;AAAA,EAClB;AAAA,EACA,OAAO;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,gBAAgB;AAAA,EAClB;AAAA,EACA,WAAW;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,gBAAgB;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,gBAAgB;AAAA,EAClB;AACF,CAAC,GAKYC,IAAkB,OAAO,OAAO;AAAA,EAC3C,aAAa;AAAA,IACX,OAAO;AAAA,IACP,IAAI;AAAA,EACN;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,IAAI;AAAA,EACN;AACF,CAAC,GAWYC,IAAe,OAAO,OAAO;AAAA,EACxC,IAAI;AAAA;AAAA,EACJ,UAAU,EAAE,KAAK,iCAAiC;AAAA;AAAA,EAClD,aAAa,CAAC,EAAE,KAAK,QAAW,GAAA,EAAE,KAAK,kCAAkC;AAAA;AAAA,EACzE,IAAI;AAAA;AAAA,EACJ,UAAU,EAAE,KAAK,kCAAkC;AAAA;AAAA,EACnD,aAAa,CAAC,EAAE,KAAK,QAAW,GAAA,EAAE,KAAK,mCAAmC;AAAA;AAAA,EAC1E,IAAI;AAAA;AACN,CAAC;"}
+{"version":3,"file":"constants.js","sources":["../src/constants.ts"],"sourcesContent":["/**\n * Leaflink Global Constants.\n * NOTE: as per convention, all constants are written in UPPERCASE.\n */\n\n/**\n * Key Codes\n */\nexport const KEY_CODES = Object.freeze({\n  DOWN: 40,\n  ENTER: 13,\n  ESCAPE: 27,\n  LEFT: 37,\n  SPACE: 32,\n  RIGHT: 39,\n  UP: 38,\n});\n\n/**\n * Date Formats\n */\nexport const DATE_FORMATS = {\n  DEFAULT: 'YYYY-MM-DD hh:mm A',\n  MONTH_DAY_YEAR_AT_TIME: 'MMM DD, YYYY @ h:mmA',\n  YYYY_MM_DD: 'YYYY-MM-DD',\n  YYYY_MM_DD_DATE_FNS: 'yyyy-MM-dd',\n  YYYY_MM_DD_TIME_DATE_FNS: 'yyyy-MM-dd hh:mm aa',\n  TIME_DATE_FNS: 'hh:mm aa',\n  YYYY_MM_DD_SLASHES: 'YYYY/MM/DD',\n};\n\n/**\n * Timeout for UI/UX effects\n */\nexport const UI_TIMEOUT = 3000;\n\n/**\n * Debounce used for firing side-effects (tracking, etc)\n */\nexport const DEBOUNCE = Object.freeze({\n  SLOW: 3000,\n  MEDIUM: 1000,\n  FAST: 200,\n});\n\n/**\n * Query selector string for getting all focusable elements\n */\nexport const FOCUS_ELEMENTS_SELECTOR =\n  'button, [href]:not(use), input, select, textarea, [tabindex]:not([tabindex=\"-1\"])';\n\n/**\n * License colors\n */\nexport const LICENSE_COLORS = Object.freeze({\n  ADU: 'tw-bg-blue-500',\n  BULK: 'tw-bg-ice-900',\n  REC: 'tw-bg-blue-500',\n  MED: 'tw-bg-yellow-500',\n  COM: 'tw-bg-royal-500',\n  ANC: 'tw-bg-orange-500',\n  CAN: 'tw-bg-green-500',\n});\n\n/**\n * CSS variable names\n */\nexport const CSS_VARS = {\n  GRID_GUTTER: 'grid-gutter',\n  TOP_HEADER_HEIGHT: 'height-topbar',\n} as const;\n\n/**\n * LeafLink app names\n */\nexport const APPS = {\n  MARKETPLACE: 'marketplace',\n  PAYMENTS: 'payments',\n} as const;\n\n/**\n * Change triggers for ListView\n */\nexport const LLLV_CHANGE_TRIGGERS = {\n  APPLY: 'apply',\n  LOAD: 'load',\n  PAGE: 'page',\n  RESET: 'reset',\n  SEARCH: 'search',\n  SORT: 'sort',\n} as const;\n\n/**\n * Key value pairs where the key is a currency code and the value is the\n * symbol for that code.\n */\nexport const CURRENCY_SYMBOL_MAP = Object.freeze({\n  AED: 'د.إ',\n  AFN: '؋',\n  ALL: 'L',\n  AMD: '֏',\n  ANG: 'ƒ',\n  AOA: 'Kz',\n  ARS: '$',\n  AUD: '$',\n  AWG: 'ƒ',\n  AZN: '₼',\n  BAM: 'KM',\n  BBD: '$',\n  BDT: '৳',\n  BGN: 'лв',\n  BHD: '.د.ب',\n  BIF: 'FBu',\n  BMD: '$',\n  BND: '$',\n  BOB: '$b',\n  BOV: 'BOV',\n  BRL: 'R$',\n  BSD: '$',\n  BTC: '₿',\n  BTN: 'Nu.',\n  BWP: 'P',\n  BYN: 'Br',\n  BYR: 'Br',\n  BZD: 'BZ$',\n  CAD: '$',\n  CDF: 'FC',\n  CHE: 'CHE',\n  CHF: 'CHF',\n  CHW: 'CHW',\n  CLF: 'CLF',\n  CLP: '$',\n  CNY: '¥',\n  COP: '$',\n  COU: 'COU',\n  CRC: '₡',\n  CUC: '$',\n  CUP: '₱',\n  CVE: '$',\n  CZK: 'Kč',\n  DJF: 'Fdj',\n  DKK: 'kr',\n  DOP: 'RD$',\n  DZD: 'دج',\n  EEK: 'kr',\n  EGP: '£',\n  ERN: 'Nfk',\n  ETB: 'Br',\n  ETH: 'Ξ',\n  EUR: '€',\n  FJD: '$',\n  FKP: '£',\n  GBP: '£',\n  GEL: '₾',\n  GGP: '£',\n  GHC: '₵',\n  GHS: 'GH₵',\n  GIP: '£',\n  GMD: 'D',\n  GNF: 'FG',\n  GTQ: 'Q',\n  GYD: '$',\n  HKD: '$',\n  HNL: 'L',\n  HRK: 'kn',\n  HTG: 'G',\n  HUF: 'Ft',\n  IDR: 'Rp',\n  ILS: '₪',\n  IMP: '£',\n  INR: '₹',\n  IQD: 'ع.د',\n  IRR: '﷼',\n  ISK: 'kr',\n  JEP: '£',\n  JMD: 'J$',\n  JOD: 'JD',\n  JPY: '¥',\n  KES: 'KSh',\n  KGS: 'лв',\n  KHR: '៛',\n  KMF: 'CF',\n  KPW: '₩',\n  KRW: '₩',\n  KWD: 'KD',\n  KYD: '$',\n  KZT: '₸',\n  LAK: '₭',\n  LBP: '£',\n  LKR: '₨',\n  LRD: '$',\n  LSL: 'M',\n  LTC: 'Ł',\n  LTL: 'Lt',\n  LVL: 'Ls',\n  LYD: 'LD',\n  MAD: 'MAD',\n  MDL: 'lei',\n  MGA: 'Ar',\n  MKD: 'ден',\n  MMK: 'K',\n  MNT: '₮',\n  MOP: 'MOP$',\n  MRO: 'UM',\n  MRU: 'UM',\n  MUR: '₨',\n  MVR: 'Rf',\n  MWK: 'MK',\n  MXN: '$',\n  MXV: 'MXV',\n  MYR: 'RM',\n  MZN: 'MT',\n  NAD: '$',\n  NGN: '₦',\n  NIO: 'C$',\n  NOK: 'kr',\n  NPR: '₨',\n  NZD: '$',\n  OMR: '﷼',\n  PAB: 'B/.',\n  PEN: 'S/.',\n  PGK: 'K',\n  PHP: '₱',\n  PKR: '₨',\n  PLN: 'zł',\n  PYG: 'Gs',\n  QAR: '﷼',\n  RMB: '￥',\n  RON: 'lei',\n  RSD: 'Дин.',\n  RUB: '₽',\n  RWF: 'R₣',\n  SAR: '﷼',\n  SBD: '$',\n  SCR: '₨',\n  SDG: 'ج.س.',\n  SEK: 'kr',\n  SGD: 'S$',\n  SHP: '£',\n  SLL: 'Le',\n  SOS: 'S',\n  SRD: '$',\n  SSP: '£',\n  STD: 'Db',\n  STN: 'Db',\n  SVC: '$',\n  SYP: '£',\n  SZL: 'E',\n  THB: '฿',\n  TJS: 'SM',\n  TMT: 'T',\n  TND: 'د.ت',\n  TOP: 'T$',\n  TRL: '₤',\n  TRY: '₺',\n  TTD: 'TT$',\n  TVD: '$',\n  TWD: 'NT$',\n  TZS: 'TSh',\n  UAH: '₴',\n  UGX: 'USh',\n  USD: '$',\n  UYI: 'UYI',\n  UYU: '$U',\n  UYW: 'UYW',\n  UZS: 'лв',\n  VEF: 'Bs',\n  VES: 'Bs.S',\n  VND: '₫',\n  VUV: 'VT',\n  WST: 'WS$',\n  XAF: 'FCFA',\n  XBT: 'Ƀ',\n  XCD: '$',\n  XOF: 'CFA',\n  XPF: '₣',\n  XSU: 'Sucre',\n  XUA: 'XUA',\n  YER: '﷼',\n  ZAR: 'R',\n  ZMW: 'ZK',\n  ZWD: 'Z$',\n  ZWL: '$',\n});\n\n/**\n * Image Provider URLs\n */\n\nexport const IMAGE_PROVIDER_URLS = {\n  CLOUDINARY: 'https://res.cloudinary.com/leaflink/image/fetch',\n} as const;\n\n/**\n * The number of decimals to round a number\n */\nexport const DECIMAL_PRECISION = {\n  CURRENCY: 2,\n} as const;\n\nexport const LICENSE_CLASSIFICATIONS = Object.freeze({\n  NONE: {\n    id: 'None',\n    displayName: '',\n  },\n  ADULT_USE: {\n    id: 'Adult Use',\n    displayName: 'Recreational',\n  },\n  MEDICAL: {\n    id: 'Medical',\n    displayName: 'Medical',\n  },\n  COMBINED: {\n    id: 'Combined',\n    displayName: 'Recreational',\n  },\n  CANNABIS: {\n    id: 'Cannabis',\n    displayName: 'Recreational',\n  },\n});\n\n/**\n * Inbound Leads Statuses\n */\nexport const INBOUND_LEADS = Object.freeze({\n  COMPLETE: {\n    color: 'll-bg-purple',\n    id: 'complete',\n  },\n  PENDING: {\n    color: 'll-bg-orange',\n    id: 'pending',\n  },\n  IGNORED: {\n    color: 'll-bg-red',\n    id: 'ignored',\n  },\n});\n\n/**\n * Order statuses for both Buyer and Seller generated Orders.\n */\nexport const ORDER = Object.freeze({\n  SUBMITTED: {\n    color: 'ice-700',\n    name: 'submitted',\n    transitionName: 'submit',\n  },\n  ACCEPTED: {\n    color: 'green',\n    name: 'accepted',\n    transitionName: 'accept',\n  },\n  FULFILLED: {\n    color: 'royal',\n    name: 'fulfilled',\n    transitionName: 'fulfill',\n  },\n  SHIPPED: {\n    color: 'blue',\n    name: 'shipped',\n    transitionName: 'ship',\n  },\n  COMPLETE: {\n    color: 'purple',\n    name: 'complete',\n    transitionName: 'complete',\n  },\n  REJECTED: {\n    color: 'red',\n    name: 'rejected',\n    transitionName: 'reject',\n  },\n  CANCELLED: {\n    color: 'red',\n    name: 'cancelled',\n    transitionName: 'cancel',\n  },\n  DRAFT: {\n    color: 'blue',\n    name: 'draft',\n    transitionName: '',\n  },\n  BACKORDER: {\n    color: 'ice',\n    name: 'backorder',\n    transitionName: 'backorder',\n  },\n  COMBINED: {\n    color: 'ice',\n    name: 'combined',\n    transitionName: 'combine',\n  },\n});\n\n/**\n * Certified Seller Statuses\n */\nexport const SELLER_STATUSES = Object.freeze({\n  eliteSeller: {\n    color: 'royal',\n    id: 'elite',\n  },\n  powerSeller: {\n    color: 'green',\n    id: 'power',\n  },\n});\n\n// Tailwind is mobile first so there's no media query necessary for LL's sm\n// breakpoint as it's effectively `@media (min-width: 0) { ... }`. Typically\n// (in tailwind, bootstrap, etc) everything from 0 - sm \"breakpoint\" is\n// considered XS. But for us, it's actually shifted up. We're not really\n// defining \"breakpoints\" so much as we do ranges, so in Tailwind world, we\n// don't need to define a `sm` breakpoint.\n// See:\n//   - https://tailwindcss.com/docs/screens#advanced-configuration\n//   - https://tailwindcss.com/docs/responsive-design#targeting-a-breakpoint-range\nexport const SCREEN_SIZES = Object.freeze({\n  md: '640px',\n  // => @media (min-width: 640px) { ... }\n\n  lg: '961px',\n  // => @media (min-width: 961px) { ... }\n\n  xl: '1321px',\n  // => @media (min-width: 1321px) { ... }\n\n  /**\n   * Target only specific breakpoints.\n   *\n   * Note: These ONLY apply to the screen function in Tailwind, i.e. `@media screen('md:max-lg')`.\n   * When using in a class like `class=\"lg:max-xl:tw-bg-red\"`, it will actually generate two\n   * media queries nested inside each other like so: `@media (min-width: 961px) { @media (max-width: 1321px) { ... } }`.\n   */\n\n  // sm only - use `max-md` instead!\n\n  // md only\n  'md:max-lg': { min: '640px', max: '961px' },\n  // => @media (min-width: 640px) and (max-width: 961px) { ... }\n\n  // lg only\n  'lg:max-xl': { min: '961px', max: '1321px' },\n  // => @media (min-width: 961px) and (max-width: 1321px) { ... }\n\n  /**\n   * Max breakpoints.\n   *\n   * Important: Make sure to list max breakpoints in descending order so that they override each other as expected.\n   */\n\n  'max-xl': { raw: 'not all and (min-width: 1321px)' },\n  // => @media (not all and (min-width: 1321px)) { ... }\n\n  'max-lg': { raw: 'not all and (min-width: 969px)' },\n  // => @media (not all and (min-width: 961px)) { ... }\n\n  'max-md': { raw: 'not all and (min-width: 640px)' },\n  // => @media (not all and (min-width: 640px)) { ... }\n});\n"],"names":["KEY_CODES","DATE_FORMATS","UI_TIMEOUT","DEBOUNCE","FOCUS_ELEMENTS_SELECTOR","LICENSE_COLORS","CSS_VARS","APPS","LLLV_CHANGE_TRIGGERS","CURRENCY_SYMBOL_MAP","IMAGE_PROVIDER_URLS","DECIMAL_PRECISION","LICENSE_CLASSIFICATIONS","INBOUND_LEADS","ORDER","SELLER_STATUSES","SCREEN_SIZES"],"mappings":"AAQa,MAAAA,IAAY,OAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,IAAI;AACN,CAAC,GAKYC,IAAe;AAAA,EAC1B,SAAS;AAAA,EACT,wBAAwB;AAAA,EACxB,YAAY;AAAA,EACZ,qBAAqB;AAAA,EACrB,0BAA0B;AAAA,EAC1B,eAAe;AAAA,EACf,oBAAoB;AACtB,GAKaC,IAAa,KAKbC,IAAW,OAAO,OAAO;AAAA,EACpC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AACR,CAAC,GAKYC,IACX,qFAKWC,IAAiB,OAAO,OAAO;AAAA,EAC1C,KAAK;AAAA,EACL,MAAM;AAAA,EACN,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP,CAAC,GAKYC,IAAW;AAAA,EACtB,aAAa;AAAA,EACb,mBAAmB;AACrB,GAKaC,IAAO;AAAA,EAClB,aAAa;AAAA,EACb,UAAU;AACZ,GAKaC,IAAuB;AAAA,EAClC,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACR,GAMaC,IAAsB,OAAO,OAAO;AAAA,EAC/C,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EAC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"}

package/dist/index.js

@@ -17,7 +17,7 @@ import "lodash-es/get";
 import "lodash-es/capitalize";
 import "lodash-es/uniqueId";
 import "./Button.js";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-b2ee90e6.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
 import "./_plugin-vue_export-helper-dad06003.js";
 import "./Icon.js";
 import "./index-79ce320f.js";

package/dist/tailwind-base.d.ts

@@ -7,29 +7,26 @@ declare const _default: {
     blocklist: string[];
     theme: {
         screens: Readonly<{
-            md: "641px";
-            'max-md': {
-                raw: string;
+            md: "640px";
+            lg: "961px";
+            xl: "1321px";
+            'md:max-lg': {
+                min: string;
+                max: string;
             };
-            'md:max-lg': ({
+            'lg:max-xl': {
                 min: string;
-                raw?: undefined;
-            } | {
+                max: string;
+            };
+            'max-xl': {
                 raw: string;
-                min?: undefined;
-            })[];
-            lg: "961px";
+            };
             'max-lg': {
                 raw: string;
             };
-            'lg:max-xl': ({
-                min: string;
-                raw?: undefined;
-            } | {
+            'max-md': {
                 raw: string;
-                min?: undefined;
-            })[];
-            xl: "1321px";
+            };
         }>;
         fontFamily: {
             mono: [string];
@@ -199,6 +196,9 @@ declare const _default: {
             };
             lineHeight: {
                 initial: string;
+                '2xl': string;
+                xl: string;
+                base: string;
                 body: string;
                 small: string;
                 button: string;

package/dist/tailwind-base.js

@@ -1,5 +1,5 @@
 import { SCREEN_SIZES as i } from "./constants.js";
-const p = {
+const l = {
   content: [
     // Todo: can/should this be optimized? Where should we be looking for classes?
     "./src/**/*.{vue,ts,tsx,js,jsx,mdx}"
@@ -17,7 +17,7 @@ const p = {
   // includes a variant modifier like /hover:bg-red-.+/.
   safelist: [
     {
-      pattern: /(bg|text|border)-(purple|royal|blue|seafoam|teal|green|yellow|orange|red|ice)(-[1,5,7]00)?$/
+      pattern: /(bg|text|border)-(purple|royal|blue|seafoam|teal|green|yellow|orange|red|ice)(-[1,5,7]00)$/
     },
     // Illustration.vue stroke color.
     {
@@ -31,7 +31,14 @@ const p = {
     "bg-ice-200",
     // These are custom classes that we might not use in our Stash code, but we
     // define in Stash and want to keep in the final CSS for downstream use.
-    "heading-jumbo"
+    "heading-jumbo",
+    // allow white and black to be used dynamically
+    "bg-white",
+    "bg-black",
+    "text-white",
+    "text-black",
+    "border-white",
+    "border-black"
   ],
   // Conflicts with our own custom classes
   // https://tailwindcss.com/docs/content-configuration#discarding-classes
@@ -253,6 +260,9 @@ const p = {
       // .tw-leading-*
       lineHeight: {
         initial: "initial",
+        "2xl": "calc(32/24)",
+        xl: "calc(28/20)",
+        base: "calc(24/16)",
         // for backwards compatibility with LL typography line-heights
         body: "20/14",
         small: "16/12",
@@ -375,7 +385,7 @@ const p = {
   }
   // TODO: update prettier/eslint to support TS 4.9+ so we can use the `satisfies` operator and still know we have a semicolon 🙄
   // eslint-disable-next-line
-}, o = () => {
+}, p = () => {
   const e = [];
   return ["purple", "royal", "blue", "seafoam", "teal", "green", "yellow", "orange", "red", "ice"].forEach((a) => {
     ["bg", "text", "border", "stroke"].forEach((t) => {
@@ -386,7 +396,7 @@ const p = {
   }), e;
 };
 export {
-  p as default,
-  o as getColorClasses
+  l as default,
+  p as getColorClasses
 };
 //# sourceMappingURL=tailwind-base.js.map

package/dist/tailwind-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind-base.js","sources":["../tailwind-base.ts"],"sourcesContent":["import type { Config } from 'tailwindcss';\n\nimport { SCREEN_SIZES } from './src/constants';\n\nexport default {\n  content: [\n    // Todo: can/should this be optimized? Where should we be looking for classes?\n    './src/**/*.{vue,ts,tsx,js,jsx,mdx}',\n  ],\n\n  prefix: 'tw-',\n\n  // ALWAYS include these color related classes. This allows us to dynamically\n  // create color classes based on a color prop in our components instead of\n  // listing the full class name like is encouraged in the docs.\n  // https://tailwindcss.com/docs/content-configuration#using-regular-expressions\n  //\n  // Note: If any stash components change which color classes they dynamically build,\n  // this needs to change. Keep this list as small as possible.\n  //\n  // Note: Patterns can only match against base utility names like /bg-red-.+/, and won’t match if the pattern\n  // includes a variant modifier like /hover:bg-red-.+/.\n  safelist: [\n    {\n      pattern: /(bg|text|border)-(purple|royal|blue|seafoam|teal|green|yellow|orange|red|ice)(-[1,5,7]00)?$/,\n    },\n    // Illustration.vue stroke color.\n    {\n      pattern: /stroke-(purple|royal|blue|seafoam|teal|green|yellow|orange|red|ice)-500$/,\n    },\n    // Illustration.vue dynamic text.\n    {\n      pattern: /text-(purple|royal|blue|seafoam|teal|green|yellow|orange|red|ice)-400$/,\n    },\n    // Dynamic bg color for components using the colorScheme function (Chip, Avatar, etc.)\n    'bg-ice-200',\n    // These are custom classes that we might not use in our Stash code, but we\n    // define in Stash and want to keep in the final CSS for downstream use.\n    'heading-jumbo',\n  ],\n\n  // Conflicts with our own custom classes\n  // https://tailwindcss.com/docs/content-configuration#discarding-classes\n  blocklist: ['container'],\n\n  theme: {\n    screens: SCREEN_SIZES,\n\n    // Creates classes like `.sofia` that applies the appropriate font family\n    // to our typography elements.\n    fontFamily: {\n      mono: ['monospace'],\n      sofia: ['Sofia', 'sans-serif'],\n    },\n\n    colors: {\n      white: '#fff',\n      black: '#000',\n      transparent: 'transparent',\n      inherit: 'inherit',\n\n      // --color-white: #ffffff;\n      // --color-black: #000000;\n      // --color-blue-hover: rgba(0,114,240,0.74902);\n      // --color-red-hover: rgba(228,0,43,0.74902);\n      // --color-ice-700-hover: rgba(118,121,127,0.11765);\n      // --color-white-hover: rgba(255,255,255,0.11765);\n      // --button-secondary-blue-hover: rgba(0,114,240,0.11765);\n      // --button-secondary-red-hover: rgba(228,0,43,0.11765);\n\n      // https://tailwindcss.com/docs/upgrade-guide#fill-and-stroke-use-color-palette\n      current: 'currentColor',\n\n      purple: {\n        900: '#06040F',\n        800: '#0C091E',\n        700: '#120D2D',\n        600: '#18123C',\n        500: '#1E164B',\n        400: '#4B456F',\n        300: '#787393',\n        200: '#A5A2B7',\n        100: '#D2D0DB',\n      },\n\n      royal: {\n        900: '#0A0C24',\n        800: '#131747',\n        700: '#1D236B',\n        600: '#262E8E',\n        500: '#303AB2',\n        400: '#5961C1',\n        300: '#8389D1',\n        200: '#ACB0E0',\n        100: '#D6D8F0',\n      },\n\n      blue: {\n        900: '#001730',\n        800: '#002E60',\n        700: '#004490',\n        600: '#005BC0',\n        500: '#0072F0',\n        400: '#338EF3',\n        300: '#66AAF6',\n        200: '#99C7F9',\n        100: '#CCE3FC',\n      },\n\n      teal: {\n        900: '#002528',\n        800: '#004B50',\n        700: '#017078',\n        600: '#0196A0',\n        500: '#01BBC8',\n        400: '#34C9D3',\n        300: '#67D6DE',\n        200: '#99E4E9',\n        100: '#CCF1F4',\n      },\n\n      green: {\n        900: '#062313',\n        800: '#0C4627',\n        700: '#11683A',\n        600: '#178B4E',\n        500: '#1DAE61',\n        400: '#4ABE81',\n        300: '#77CEA0',\n        200: '#A5DFC0',\n        100: '#D2EFDF',\n      },\n\n      seafoam: {\n        900: '#0C2C26',\n        800: '#18584D',\n        700: '#248373',\n        600: '#30AF9A',\n        500: '#3CDBC0',\n        400: '#63E2CD',\n        300: '#8AE9D9',\n        200: '#B1F1E6',\n        100: '#D8F8F2',\n      },\n\n      yellow: {\n        900: '#332A00',\n        800: '#665500',\n        700: '#997F00',\n        600: '#CCAA00',\n        500: '#FFD400',\n        400: '#FFDD33',\n        300: '#FFE566',\n        200: '#FFEE99',\n        100: '#FFF6CC',\n      },\n\n      orange: {\n        900: '#331E07',\n        800: '#663B0F',\n        700: '#995916',\n        600: '#CC761E',\n        500: '#FF9425',\n        400: '#FFA951',\n        300: '#FFBF7C',\n        200: '#FFD4A8',\n        100: '#FFEAD3',\n      },\n\n      red: {\n        900: '#2E0009',\n        800: '#5B0011',\n        700: '#89001A',\n        600: '#B60022',\n        500: '#E4002B',\n        400: '#E93355',\n        300: '#EF6680',\n        200: '#F499AA',\n        100: '#FACCD5',\n      },\n\n      ice: {\n        900: '#27282A',\n        800: '#4F5055',\n        700: '#76797F',\n        600: '#9EA1AA',\n        500: '#C5C9D4',\n        400: '#D1D4DD',\n        300: '#DCDFE5',\n        200: '#E8E9EE',\n        100: '#F3F4F6',\n      },\n    },\n\n    // Custom additions to Tailwind's existing utility classes.\n    // https://tailwindcss.com/docs/theme#extending-the-default-theme\n    extend: {\n      backgroundImage: {\n        'scroll-shadow': 'linear-gradient(0deg, rgb(197 201 212 / 35%), rgb(38 38 38 / 0%))',\n      },\n\n      borderWidth: {\n        6: '6px',\n        10: '10px',\n        12: '12px',\n      },\n\n      // .tw-shadow-*\n      boxShadow: {\n        // Modules or Images if necessary (Previously Shadow Low)\n        DEFAULT: '0px 2px 2px 0px rgba(38, 38, 38, 0.05), 0px 2px 6px 0px rgba(38, 38, 38, 0.10)',\n\n        // Cards (product, license, user where applicable)\n        md: '0px 3px 3px 1px rgba(38, 38, 38, 0.05), 0px 3px 12px 1px rgba(38, 38, 38, 0.10)',\n\n        // Scroll Lock Modules like Global Nav or the Bulk Select Mobile Pattern\n        lg: '0px 6px 6px 0px rgba(38, 38, 38, 0.05), 0px 6px 18px 2px rgba(38, 38, 38, 0.10), 0px 6px 18px 2px rgba(38, 38, 38, 0.15)',\n\n        // Dropdowns, Selects, Menus\n        xl: '0px 12px 12px 0px rgba(38, 38, 38, 0.05), 0px 12px 12px 2px rgba(38, 38, 38, 0.10), 0px 12px 24px 2px rgba(38, 38, 38, 0.15)',\n\n        // Floating UIs like the Zendesk Help center\n        '2xl': '0px 18px 18px 4px rgba(38, 38, 38, 0.05), 0px 18px 18px 4px rgba(38, 38, 38, 0.10), 0px 18px 30px 0px rgba(38, 38, 38, 0.15)',\n\n        // Dialogs, Modals and any other Overlay types (Previously Shadow High)\n        '3xl': '0px 24px 24px 0px rgba(38, 38, 38, 0.05), 0px 24px 24px 8px rgba(38, 38, 38, 0.10), 0px 24px 48px 8px rgba(38, 38, 38, 0.15)',\n\n        // @deprecated - use `tw-shadow` instead!\n        low: '0 2px 4px rgba(0, 15, 35, 0.06)',\n\n        // @deprecated - use `tw-shadow-3xl` instead!\n        high: '0 4px 8px rgba(0, 15, 35, 0.06)',\n      },\n\n      // .tw-text-*\n      // Note: All these font SIZES match tailwind! We're only overriding default\n      // line-height to match LL typography & adjust for Sofia.\n      fontSize: {\n        '2xl': [\n          '1.5rem',\n          {\n            lineHeight: 'calc(32/24)',\n          },\n        ],\n\n        xl: [\n          '1.25rem',\n          {\n            lineHeight: 'calc(28/20)',\n          },\n        ],\n\n        base: [\n          '1rem',\n          {\n            lineHeight: 'calc(24/16)',\n          },\n        ],\n\n        sm: [\n          '0.875rem',\n          {\n            lineHeight: 'calc(20/14)',\n          },\n        ],\n\n        xs: [\n          '0.75rem',\n          {\n            lineHeight: 'calc(16/12)',\n          },\n        ],\n      },\n\n      height: {\n        input: '2.25rem', // 36px\n        logo: '1.375rem', // 22px\n        topbar: '3.5rem', // 56px\n        chip: '1.375rem', // 22px\n      },\n\n      // .tw-max-h-*\n      maxHeight: {\n        'select-menu': '18.75rem', // 300px - sharable with dropdown, date, etc.\n      },\n\n      // .tw-leading-*\n      lineHeight: {\n        initial: 'initial',\n        // for backwards compatibility with LL typography line-heights\n        body: '20/14',\n        small: '16/12',\n        button: '24/14',\n      },\n\n      // .tw-min-w-*\n      minWidth: {\n        auto: 'auto',\n        input: '9rem', // 144px\n      },\n\n      // .tw-max-w-*\n      maxWidth: {\n        field: '18rem', // 288px - standard width used for form field elements\n        initial: 'initial',\n        container: '87.5rem', // 1400px - max width used for page content\n      },\n\n      // .tw-rotate-*\n      rotate: {\n        '270': '270deg',\n      },\n\n      // https://tailwindcss.com/docs/customizing-spacing\n      spacing: {\n        15: '3.75rem', // 60px (same as ll-spacing-6 to help migrate)\n        // This is the only tailwind setting dependent on a variable and this is because the\n        // variable actually has responsive styles baked in, and there's no way to do that\n        // with tailwind. Defined in `styles/base.css`.\n        gutter: 'var(--grid-gutter)',\n        sidebar: '17.5rem' // 280px\n      },\n\n      // .tw-w-*\n      width: {\n        container: '87.5rem', // 1400px\n        'inline-edit': '8.75rem', // 140px - standard width used for ll-inline-edit elements\n        'inline-edit-small': '5.6rem', // 90px - standard width used for smaller ll-inline-edit elements\n        sidebar: '17.5rem', // 280px\n        'select-menu': '5rem', // 80px\n      },\n\n      // .tw-z-*\n      zIndex: {\n        '-10': '-10',\n        '-20': '-20',\n        '-30': '-30',\n        behind: '-1',\n        content: '100', // general content on the page\n        control: '200', // for UI controls, widgets, buttons, etc. These are given one level higher priority\n        page: '300', // applies to page-level blocks, ie. site-header, side-nav, etc\n        screen: '400', // covers all \"standard\" things visible on the screen: page-level blocks, UI/control things, general content\n        modal: '1000', // covers all things except dialogs, including other elements promoted along the z-axis.\n        dialog: '1001', // covers all things, including other elements promoted along the z-axis.\n      },\n\n      animation: {\n        grow: 'grow 1s',\n        pulse: 'pulse 2s cubic-bezier(.4, 0, .6,1) infinite',\n        shake: 'shake 1s ease 0s 1 normal none running',\n      },\n\n      keyframes: {\n        grow: {\n          'from, to': {\n            transform: 'scale3d(1, 1, 1)',\n          },\n          '50%': {\n            transform: 'scale3d(1.25, 1.25, 1.25)'\n          }\n        },\n\n        pulse: {\n          '0%, 100%': { opacity: '1' },\n          '50%': { opacity: '0.25' },\n        },\n\n        shake: {\n          'from, to': {\n            transform: 'translate3d(0, 0, 0)',\n          },\n          '10%, 30%, 50%, 70%, 90%': {\n            transform: 'translate3d(-10px, 0, 0)',\n          },\n          '20%, 40%, 60%, 80%': {\n            transform: 'translate3d(10px, 0, 0)',\n          },\n        },\n      },\n\n      // .tw-ease-*\n      transitionTimingFunction: {\n        'fast-out-slow-in': 'cubic-bezier(0.4, 0, 0.2, 1)',\n        'linear-out-slow-in': 'cubic-bezier(0, 0, 0.2, 1)',\n        'fast-out-linear-in': 'cubic-bezier(0.4, 0, 1, 1)',\n        'ease-in-out': 'cubic-bezier(0.4, 0, 0.6, 1)',\n        'fast-in-fast-out': 'cubic-bezier(0.25, 0.8, 0.25, 1)',\n        swing: 'cubic-bezier(0.25, 0.8, 0.5, 1)',\n      },\n\n      // .tw-duration-*\n      transitionDuration: {\n        snap: '0.1s',\n        fast: '0.165s',\n        brisk: '0.333s',\n        slow: '0.5s',\n        sleepy: '1s',\n      },\n    },\n  },\n\n  corePlugins: {\n    // because we have our own\n    container: false,\n    preflight: false,\n  },\n  // TODO: update prettier/eslint to support TS 4.9+ so we can use the `satisfies` operator and still know we have a semicolon 🙄\n  // eslint-disable-next-line\n} satisfies Config;\n\n/**\n * Utility to return a holistic array of tailwind color classes.\n *\n * This function will allow downstream applications to easily **blocklist** the same color\n * classes that are safelisted in the base preset, just in case they need to prevent unnecessarily\n * duplicating classes in their final build.\n *\n * @see {@link https://tailwindcss.com/docs/content-configuration#discarding-classes}\n */\nexport const getColorClasses = () => {\n  const classes: Array<string> = [];\n\n  ['purple', 'royal', 'blue', 'seafoam', 'teal', 'green', 'yellow', 'orange', 'red', 'ice'].forEach((color) => {\n    ['bg', 'text', 'border', 'stroke'].forEach((plugin) => {\n      ['', '400'].forEach((shade) => {\n        classes.push(`tw-${plugin}-${color}${shade ? `-${shade}` : ''}`);\n      });\n    });\n  });\n\n  return classes;\n};\n"],"names":["tailwindBase","SCREEN_SIZES","getColorClasses","classes","color","plugin","shade"],"mappings":"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"}
+{"version":3,"file":"tailwind-base.js","sources":["../tailwind-base.ts"],"sourcesContent":["import type { Config } from 'tailwindcss';\n\nimport { SCREEN_SIZES } from './src/constants';\n\nexport default {\n  content: [\n    // Todo: can/should this be optimized? Where should we be looking for classes?\n    './src/**/*.{vue,ts,tsx,js,jsx,mdx}',\n  ],\n\n  prefix: 'tw-',\n\n  // ALWAYS include these color related classes. This allows us to dynamically\n  // create color classes based on a color prop in our components instead of\n  // listing the full class name like is encouraged in the docs.\n  // https://tailwindcss.com/docs/content-configuration#using-regular-expressions\n  //\n  // Note: If any stash components change which color classes they dynamically build,\n  // this needs to change. Keep this list as small as possible.\n  //\n  // Note: Patterns can only match against base utility names like /bg-red-.+/, and won’t match if the pattern\n  // includes a variant modifier like /hover:bg-red-.+/.\n  safelist: [\n    {\n      pattern: /(bg|text|border)-(purple|royal|blue|seafoam|teal|green|yellow|orange|red|ice)(-[1,5,7]00)$/,\n    },\n    // Illustration.vue stroke color.\n    {\n      pattern: /stroke-(purple|royal|blue|seafoam|teal|green|yellow|orange|red|ice)-500$/,\n    },\n    // Illustration.vue dynamic text.\n    {\n      pattern: /text-(purple|royal|blue|seafoam|teal|green|yellow|orange|red|ice)-400$/,\n    },\n    // Dynamic bg color for components using the colorScheme function (Chip, Avatar, etc.)\n    'bg-ice-200',\n    // These are custom classes that we might not use in our Stash code, but we\n    // define in Stash and want to keep in the final CSS for downstream use.\n    'heading-jumbo',\n    // allow white and black to be used dynamically\n    'bg-white', 'bg-black', 'text-white', 'text-black', 'border-white', 'border-black',\n  ],\n\n  // Conflicts with our own custom classes\n  // https://tailwindcss.com/docs/content-configuration#discarding-classes\n  blocklist: ['container'],\n\n  theme: {\n    screens: SCREEN_SIZES,\n\n    // Creates classes like `.sofia` that applies the appropriate font family\n    // to our typography elements.\n    fontFamily: {\n      mono: ['monospace'],\n      sofia: ['Sofia', 'sans-serif'],\n    },\n\n    colors: {\n      white: '#fff',\n      black: '#000',\n      transparent: 'transparent',\n      inherit: 'inherit',\n\n      // --color-white: #ffffff;\n      // --color-black: #000000;\n      // --color-blue-hover: rgba(0,114,240,0.74902);\n      // --color-red-hover: rgba(228,0,43,0.74902);\n      // --color-ice-700-hover: rgba(118,121,127,0.11765);\n      // --color-white-hover: rgba(255,255,255,0.11765);\n      // --button-secondary-blue-hover: rgba(0,114,240,0.11765);\n      // --button-secondary-red-hover: rgba(228,0,43,0.11765);\n\n      // https://tailwindcss.com/docs/upgrade-guide#fill-and-stroke-use-color-palette\n      current: 'currentColor',\n\n      purple: {\n        900: '#06040F',\n        800: '#0C091E',\n        700: '#120D2D',\n        600: '#18123C',\n        500: '#1E164B',\n        400: '#4B456F',\n        300: '#787393',\n        200: '#A5A2B7',\n        100: '#D2D0DB',\n      },\n\n      royal: {\n        900: '#0A0C24',\n        800: '#131747',\n        700: '#1D236B',\n        600: '#262E8E',\n        500: '#303AB2',\n        400: '#5961C1',\n        300: '#8389D1',\n        200: '#ACB0E0',\n        100: '#D6D8F0',\n      },\n\n      blue: {\n        900: '#001730',\n        800: '#002E60',\n        700: '#004490',\n        600: '#005BC0',\n        500: '#0072F0',\n        400: '#338EF3',\n        300: '#66AAF6',\n        200: '#99C7F9',\n        100: '#CCE3FC',\n      },\n\n      teal: {\n        900: '#002528',\n        800: '#004B50',\n        700: '#017078',\n        600: '#0196A0',\n        500: '#01BBC8',\n        400: '#34C9D3',\n        300: '#67D6DE',\n        200: '#99E4E9',\n        100: '#CCF1F4',\n      },\n\n      green: {\n        900: '#062313',\n        800: '#0C4627',\n        700: '#11683A',\n        600: '#178B4E',\n        500: '#1DAE61',\n        400: '#4ABE81',\n        300: '#77CEA0',\n        200: '#A5DFC0',\n        100: '#D2EFDF',\n      },\n\n      seafoam: {\n        900: '#0C2C26',\n        800: '#18584D',\n        700: '#248373',\n        600: '#30AF9A',\n        500: '#3CDBC0',\n        400: '#63E2CD',\n        300: '#8AE9D9',\n        200: '#B1F1E6',\n        100: '#D8F8F2',\n      },\n\n      yellow: {\n        900: '#332A00',\n        800: '#665500',\n        700: '#997F00',\n        600: '#CCAA00',\n        500: '#FFD400',\n        400: '#FFDD33',\n        300: '#FFE566',\n        200: '#FFEE99',\n        100: '#FFF6CC',\n      },\n\n      orange: {\n        900: '#331E07',\n        800: '#663B0F',\n        700: '#995916',\n        600: '#CC761E',\n        500: '#FF9425',\n        400: '#FFA951',\n        300: '#FFBF7C',\n        200: '#FFD4A8',\n        100: '#FFEAD3',\n      },\n\n      red: {\n        900: '#2E0009',\n        800: '#5B0011',\n        700: '#89001A',\n        600: '#B60022',\n        500: '#E4002B',\n        400: '#E93355',\n        300: '#EF6680',\n        200: '#F499AA',\n        100: '#FACCD5',\n      },\n\n      ice: {\n        900: '#27282A',\n        800: '#4F5055',\n        700: '#76797F',\n        600: '#9EA1AA',\n        500: '#C5C9D4',\n        400: '#D1D4DD',\n        300: '#DCDFE5',\n        200: '#E8E9EE',\n        100: '#F3F4F6',\n      },\n    },\n\n    // Custom additions to Tailwind's existing utility classes.\n    // https://tailwindcss.com/docs/theme#extending-the-default-theme\n    extend: {\n      backgroundImage: {\n        'scroll-shadow': 'linear-gradient(0deg, rgb(197 201 212 / 35%), rgb(38 38 38 / 0%))',\n      },\n\n      borderWidth: {\n        6: '6px',\n        10: '10px',\n        12: '12px',\n      },\n\n      // .tw-shadow-*\n      boxShadow: {\n        // Modules or Images if necessary (Previously Shadow Low)\n        DEFAULT: '0px 2px 2px 0px rgba(38, 38, 38, 0.05), 0px 2px 6px 0px rgba(38, 38, 38, 0.10)',\n\n        // Cards (product, license, user where applicable)\n        md: '0px 3px 3px 1px rgba(38, 38, 38, 0.05), 0px 3px 12px 1px rgba(38, 38, 38, 0.10)',\n\n        // Scroll Lock Modules like Global Nav or the Bulk Select Mobile Pattern\n        lg: '0px 6px 6px 0px rgba(38, 38, 38, 0.05), 0px 6px 18px 2px rgba(38, 38, 38, 0.10), 0px 6px 18px 2px rgba(38, 38, 38, 0.15)',\n\n        // Dropdowns, Selects, Menus\n        xl: '0px 12px 12px 0px rgba(38, 38, 38, 0.05), 0px 12px 12px 2px rgba(38, 38, 38, 0.10), 0px 12px 24px 2px rgba(38, 38, 38, 0.15)',\n\n        // Floating UIs like the Zendesk Help center\n        '2xl': '0px 18px 18px 4px rgba(38, 38, 38, 0.05), 0px 18px 18px 4px rgba(38, 38, 38, 0.10), 0px 18px 30px 0px rgba(38, 38, 38, 0.15)',\n\n        // Dialogs, Modals and any other Overlay types (Previously Shadow High)\n        '3xl': '0px 24px 24px 0px rgba(38, 38, 38, 0.05), 0px 24px 24px 8px rgba(38, 38, 38, 0.10), 0px 24px 48px 8px rgba(38, 38, 38, 0.15)',\n\n        // @deprecated - use `tw-shadow` instead!\n        low: '0 2px 4px rgba(0, 15, 35, 0.06)',\n\n        // @deprecated - use `tw-shadow-3xl` instead!\n        high: '0 4px 8px rgba(0, 15, 35, 0.06)',\n      },\n\n      // .tw-text-*\n      // Note: All these font SIZES match tailwind! We're only overriding default\n      // line-height to match LL typography & adjust for Sofia.\n      fontSize: {\n        '2xl': [\n          '1.5rem',\n          {\n            lineHeight: 'calc(32/24)',\n          },\n        ],\n\n        xl: [\n          '1.25rem',\n          {\n            lineHeight: 'calc(28/20)',\n          },\n        ],\n\n        base: [\n          '1rem',\n          {\n            lineHeight: 'calc(24/16)',\n          },\n        ],\n\n        sm: [\n          '0.875rem',\n          {\n            lineHeight: 'calc(20/14)',\n          },\n        ],\n\n        xs: [\n          '0.75rem',\n          {\n            lineHeight: 'calc(16/12)',\n          },\n        ],\n      },\n\n      height: {\n        input: '2.25rem', // 36px\n        logo: '1.375rem', // 22px\n        topbar: '3.5rem', // 56px\n        chip: '1.375rem', // 22px\n      },\n\n      // .tw-max-h-*\n      maxHeight: {\n        'select-menu': '18.75rem', // 300px - sharable with dropdown, date, etc.\n      },\n\n      // .tw-leading-*\n      lineHeight: {\n        initial: 'initial',\n        '2xl': 'calc(32/24)',\n        xl: 'calc(28/20)',\n        base: 'calc(24/16)',\n        // for backwards compatibility with LL typography line-heights\n        body: '20/14',\n        small: '16/12',\n        button: '24/14',\n      },\n\n      // .tw-min-w-*\n      minWidth: {\n        auto: 'auto',\n        input: '9rem', // 144px\n      },\n\n      // .tw-max-w-*\n      maxWidth: {\n        field: '18rem', // 288px - standard width used for form field elements\n        initial: 'initial',\n        container: '87.5rem', // 1400px - max width used for page content\n      },\n\n      // .tw-rotate-*\n      rotate: {\n        '270': '270deg',\n      },\n\n      // https://tailwindcss.com/docs/customizing-spacing\n      spacing: {\n        15: '3.75rem', // 60px (same as ll-spacing-6 to help migrate)\n        // This is the only tailwind setting dependent on a variable and this is because the\n        // variable actually has responsive styles baked in, and there's no way to do that\n        // with tailwind. Defined in `styles/base.css`.\n        gutter: 'var(--grid-gutter)',\n        sidebar: '17.5rem' // 280px\n      },\n\n      // .tw-w-*\n      width: {\n        container: '87.5rem', // 1400px\n        'inline-edit': '8.75rem', // 140px - standard width used for ll-inline-edit elements\n        'inline-edit-small': '5.6rem', // 90px - standard width used for smaller ll-inline-edit elements\n        sidebar: '17.5rem', // 280px\n        'select-menu': '5rem', // 80px\n      },\n\n      // .tw-z-*\n      zIndex: {\n        '-10': '-10',\n        '-20': '-20',\n        '-30': '-30',\n        behind: '-1',\n        content: '100', // general content on the page\n        control: '200', // for UI controls, widgets, buttons, etc. These are given one level higher priority\n        page: '300', // applies to page-level blocks, ie. site-header, side-nav, etc\n        screen: '400', // covers all \"standard\" things visible on the screen: page-level blocks, UI/control things, general content\n        modal: '1000', // covers all things except dialogs, including other elements promoted along the z-axis.\n        dialog: '1001', // covers all things, including other elements promoted along the z-axis.\n      },\n\n      animation: {\n        grow: 'grow 1s',\n        pulse: 'pulse 2s cubic-bezier(.4, 0, .6,1) infinite',\n        shake: 'shake 1s ease 0s 1 normal none running',\n      },\n\n      keyframes: {\n        grow: {\n          'from, to': {\n            transform: 'scale3d(1, 1, 1)',\n          },\n          '50%': {\n            transform: 'scale3d(1.25, 1.25, 1.25)'\n          }\n        },\n\n        pulse: {\n          '0%, 100%': { opacity: '1' },\n          '50%': { opacity: '0.25' },\n        },\n\n        shake: {\n          'from, to': {\n            transform: 'translate3d(0, 0, 0)',\n          },\n          '10%, 30%, 50%, 70%, 90%': {\n            transform: 'translate3d(-10px, 0, 0)',\n          },\n          '20%, 40%, 60%, 80%': {\n            transform: 'translate3d(10px, 0, 0)',\n          },\n        },\n      },\n\n      // .tw-ease-*\n      transitionTimingFunction: {\n        'fast-out-slow-in': 'cubic-bezier(0.4, 0, 0.2, 1)',\n        'linear-out-slow-in': 'cubic-bezier(0, 0, 0.2, 1)',\n        'fast-out-linear-in': 'cubic-bezier(0.4, 0, 1, 1)',\n        'ease-in-out': 'cubic-bezier(0.4, 0, 0.6, 1)',\n        'fast-in-fast-out': 'cubic-bezier(0.25, 0.8, 0.25, 1)',\n        swing: 'cubic-bezier(0.25, 0.8, 0.5, 1)',\n      },\n\n      // .tw-duration-*\n      transitionDuration: {\n        snap: '0.1s',\n        fast: '0.165s',\n        brisk: '0.333s',\n        slow: '0.5s',\n        sleepy: '1s',\n      },\n    },\n  },\n\n  corePlugins: {\n    // because we have our own\n    container: false,\n    preflight: false,\n  },\n  // TODO: update prettier/eslint to support TS 4.9+ so we can use the `satisfies` operator and still know we have a semicolon 🙄\n  // eslint-disable-next-line\n} satisfies Config;\n\n/**\n * Utility to return a holistic array of tailwind color classes.\n *\n * This function will allow downstream applications to easily **blocklist** the same color\n * classes that are safelisted in the base preset, just in case they need to prevent unnecessarily\n * duplicating classes in their final build.\n *\n * @see {@link https://tailwindcss.com/docs/content-configuration#discarding-classes}\n */\nexport const getColorClasses = () => {\n  const classes: Array<string> = [];\n\n  ['purple', 'royal', 'blue', 'seafoam', 'teal', 'green', 'yellow', 'orange', 'red', 'ice'].forEach((color) => {\n    ['bg', 'text', 'border', 'stroke'].forEach((plugin) => {\n      ['', '400'].forEach((shade) => {\n        classes.push(`tw-${plugin}-${color}${shade ? `-${shade}` : ''}`);\n      });\n    });\n  });\n\n  return classes;\n};\n"],"names":["tailwindBase","SCREEN_SIZES","getColorClasses","classes","color","plugin","shade"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leaflink/stash",
-  "version": "44.0.0-beta.6",
+  "version": "44.0.0-beta.8",
   "description": "LeafLink's design system.",
   "homepage": "https://stash.leaflink.com",
   "main": "./dist/index.ts",
@@ -138,7 +138,7 @@
     "autoprefixer": "^9.7.4",
     "babel-core": "^7.0.0-bridge.0",
     "eslint": "^8.41.0",
-    "eslint-config-leaflink": "^3.0.0",
+    "eslint-config-leaflink": "^3.1.0",
     "jsdom": "^22.1.0",
     "postcss": "^8.4.35",
     "postcss-html": "^1.5.0",

package/styles/backwards-compat.css

@@ -4,14 +4,7 @@
  *  ✅ Contents of `styles/components/*`
  *  ✅ Contents of `styles/overrides/*`
  *  ✅ Contents of `styles/elements/*`
- *  ✅ Contents of `styles/utility/_grid`
- *  ✅ Contents of `styles/utility/_misc`
- *
- * Once all downstream apps have introduced to Tailwind and import this file, the above can be deleted.
- *
- * Todo:
- *
- *  ⬜️ Remaining contents of `styles/utility/*`
+ *  ✅ Contents of `styles/utility/*`
  */
 
 :root {
@@ -44,114 +37,19 @@
   --screen-md-max: 960px;
   --screen-lg-max: 1320px;
   /* Stash colors */
+
   --color-purple: #1E164B;
-  --color-purple-900: #06040F;
-  --color-purple-800: #0C091E;
-  --color-purple-700: #120D2D;
-  --color-purple-600: #18123C;
-  --color-purple-500: #1E164B;
-  --color-purple-400: #4B456F;
-  --color-purple-300: #787393;
-  --color-purple-200: #A5A2B7;
-  --color-purple-100: #D2D0DB;
   --color-royal: #303AB2;
-  --color-royal-900: #0A0C24;
-  --color-royal-800: #131747;
-  --color-royal-700: #1D236B;
-  --color-royal-600: #262E8E;
-  --color-royal-500: #303AB2;
-  --color-royal-400: #5961C1;
-  --color-royal-300: #8389D1;
-  --color-royal-200: #ACB0E0;
-  --color-royal-100: #D6D8F0;
   --color-blue: #0072F0;
-  --color-blue-900: #001730;
-  --color-blue-800: #002E60;
-  --color-blue-700: #004490;
-  --color-blue-600: #005BC0;
-  --color-blue-500: #0072F0;
-  --color-blue-400: #338EF3;
-  --color-blue-300: #66AAF6;
-  --color-blue-200: #99C7F9;
-  --color-blue-100: #CCE3FC;
   --color-teal: #01BBC8;
-  --color-teal-900: #002528;
-  --color-teal-800: #004B50;
-  --color-teal-700: #017078;
-  --color-teal-600: #0196A0;
-  --color-teal-500: #01BBC8;
-  --color-teal-400: #34C9D3;
-  --color-teal-300: #67D6DE;
-  --color-teal-200: #99E4E9;
-  --color-teal-100: #CCF1F4;
   --color-green: #1DAE61;
-  --color-green-900: #062313;
-  --color-green-800: #0C4627;
-  --color-green-700: #11683A;
-  --color-green-600: #178B4E;
-  --color-green-500: #1DAE61;
-  --color-green-400: #4ABE81;
-  --color-green-300: #77CEA0;
-  --color-green-200: #A5DFC0;
-  --color-green-100: #D2EFDF;
   --color-seafoam: #3CDBC0;
-  --color-seafoam-900: #0C2C26;
-  --color-seafoam-800: #18584D;
-  --color-seafoam-700: #248373;
-  --color-seafoam-600: #30AF9A;
-  --color-seafoam-500: #3CDBC0;
-  --color-seafoam-400: #63E2CD;
-  --color-seafoam-300: #8AE9D9;
-  --color-seafoam-200: #B1F1E6;
-  --color-seafoam-100: #D8F8F2;
   --color-yellow: #FFD400;
-  --color-yellow-900: #332A00;
-  --color-yellow-800: #665500;
-  --color-yellow-700: #997F00;
-  --color-yellow-600: #CCAA00;
-  --color-yellow-500: #FFD400;
-  --color-yellow-400: #FFDD33;
-  --color-yellow-300: #FFE566;
-  --color-yellow-200: #FFEE99;
-  --color-yellow-100: #FFF6CC;
   --color-orange: #FF9425;
-  --color-orange-900: #331E07;
-  --color-orange-800: #663B0F;
-  --color-orange-700: #995916;
-  --color-orange-600: #CC761E;
-  --color-orange-500: #FF9425;
-  --color-orange-400: #FFA951;
-  --color-orange-300: #FFBF7C;
-  --color-orange-200: #FFD4A8;
-  --color-orange-100: #FFEAD3;
   --color-red: #E4002B;
-  --color-red-900: #2E0009;
-  --color-red-800: #5B0011;
-  --color-red-700: #89001A;
-  --color-red-600: #B60022;
-  --color-red-500: #E4002B;
-  --color-red-400: #E93355;
-  --color-red-300: #EF6680;
-  --color-red-200: #F499AA;
-  --color-red-100: #FACCD5;
   --color-ice: #C5C9D4;
-  --color-ice-900: #27282A;
-  --color-ice-800: #4F5055;
-  --color-ice-700: #76797F;
-  --color-ice-600: #9EA1AA;
-  --color-ice-500: #C5C9D4;
-  --color-ice-400: #D1D4DD;
-  --color-ice-300: #DCDFE5;
-  --color-ice-200: #E8E9EE;
-  --color-ice-100: #F3F4F6;
   --color-white: #ffffff;
   --color-black: #000000;
-  --color-blue-hover: rgba(0,114,240,0.74902);
-  --color-red-hover: rgba(228,0,43,0.74902);
-  --color-ice-700-hover: rgba(118,121,127,0.11765);
-  --color-white-hover: rgba(255,255,255,0.11765);
-  --button-secondary-blue-hover: rgba(0,114,240,0.11765);
-  --button-secondary-red-hover: rgba(228,0,43,0.11765);
   /*
     For use in style blocks when a utility wasn't possible to use.
     Todo (tailwind): migrate to @apply .class-name
@@ -5032,3 +4930,42 @@ textarea {
   height: 16px;
   width: 16px;
 }
+.text-small {
+  font-size: 0.875rem;
+  line-height: calc(20/14);
+}
+
+
+.heading-1 {
+  --tw-text-opacity: 1;
+  font-size: 1.5rem;
+  line-height: calc(32/24);
+  font-weight: 500;
+  color: rgba(39, 40, 42, 1);
+  color: rgba(39, 40, 42, var(--tw-text-opacity));
+  margin: 0.67em 0;
+}
+.heading-2 {
+  --tw-text-opacity: 1;
+  font-size: 1.25rem;
+  line-height: calc(28/20);
+  font-weight: 500;
+  color: rgba(39, 40, 42, 1);
+  color: rgba(39, 40, 42, var(--tw-text-opacity));
+}
+.heading-3 {
+  --tw-text-opacity: 1;
+  color: rgba(39, 40, 42, 1);
+  color: rgba(39, 40, 42, var(--tw-text-opacity));
+  font-size: 1rem;
+  line-height: calc(24/16);
+  font-weight: 500;
+}
+.heading-4 {
+  --tw-text-opacity: 1;
+  color: rgba(39, 40, 42, 1);
+  color: rgba(39, 40, 42, var(--tw-text-opacity));
+  font-size: 0.875rem;
+  line-height: calc(20/14);
+  font-weight: 500;
+}