From 4ce6033a65ec4614002113ed2d6609140daf107b Mon Sep 17 00:00:00 2001
From: Silje Christensen <siljec@users.noreply.github.com>
Date: Mon, 10 Jul 2023 13:10:46 +0200
Subject: [PATCH] fix: add missing classes Fabric supported (#135)

Co-authored-by: Silje Christensen <silje.christensen@cognite.com>
---
 src/_rules/border.js     | 1 +
 src/_rules/typography.js | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/src/_rules/border.js b/src/_rules/border.js
index 7a5ff9c..6df490c 100644
--- a/src/_rules/border.js
+++ b/src/_rules/border.js
@@ -18,6 +18,7 @@ const borderStyles = [
 export const borders = [
   [/^border$/, handlerBorder],
   [/^border-transparent$/, () => ({ 'border-color': 'transparent' })],
+  [/^border-inverted$/, () => ({ 'border-color': 'var(--w-s-border-inverted)' })],
   [/^border-inherit$/, () => ({ 'border-color': 'inherit' })],
   [/^border-current$/, () => ({ 'border-color': 'currentColor' })],
   [/^border()-(\d+)$/, handlerBorder, { autocomplete: "(border)-<directions>" }],
diff --git a/src/_rules/typography.js b/src/_rules/typography.js
index 7c5f829..2810468 100644
--- a/src/_rules/typography.js
+++ b/src/_rules/typography.js
@@ -10,4 +10,10 @@ export const typography = [
     ({ 'line-height': `var(--w-line-height-${size})` }),
   ],
   [/^leading-\[(.+)(rem|px)?\]/, ([, value, unit], context) => ({ 'line-height': resolveArbitraryValues(value, unit, context) })],
+  ['tabular-nums', { 'font-family': 'ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif', 'font-variant-numeric': 'tabular-nums' }],
+  ['lining-nums', { 'font-variant-numeric': 'lining-nums' }],
+  ['ordinal', { 'font-variant-numeric': 'ordinal' }],
+  ['slashed-zero', { 'font-variant-numeric': 'slashed-zero' }],
+  ['oldstyle-nums', { 'font-variant-numeric': 'oldstyle-nums' }],
+  ['proportional-nums', { 'font-variant-numeric': 'proportional-nums' }],
 ];