@oxide/design-system 0.10.0 → 0.10.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxide/design-system",
-  "version": "0.10.0",
+  "version": "0.10.1",
   "description": "Home of reusable design assets and token for oxide internal sites",
   "main": "index.js",
   "scripts": {

package/styles/dist/tailwind-tokens.js

@@ -224,7 +224,8 @@ module.exports.colorUtilities = {
   '.bg-disabled': {
     'background-color': 'var(--surface-disabled)',
   },
-  '/* Command menu backdrop */ \n.bg-scrim': {
+  /* Command menu backdrop */
+  '.bg-scrim': {
     'background-color': 'var(--surface-scrim)',
   },
   '.bg-accent': {
@@ -311,7 +312,8 @@ module.exports.colorUtilities = {
   '.border-raise': {
     'border-color': 'var(--stroke-raise)',
   },
-  '/* Matches the default surface color */ \n.border-surface': {
+  /* Matches the default surface color */
+  '.border-surface': {
     'border-color': 'var(--stroke-surface)',
   },
   '.border-accent': {
@@ -401,7 +403,8 @@ module.exports.colorUtilities = {
   '.border-l-raise': {
     'border-left-color': 'var(--stroke-raise)',
   },
-  '/* Matches the default surface color */ \n.border-l-surface': {
+  /* Matches the default surface color */
+  '.border-l-surface': {
     'border-left-color': 'var(--stroke-surface)',
   },
   '.border-l-accent': {
@@ -491,7 +494,8 @@ module.exports.colorUtilities = {
   '.border-r-raise': {
     'border-right-color': 'var(--stroke-raise)',
   },
-  '/* Matches the default surface color */ \n.border-r-surface': {
+  /* Matches the default surface color */
+  '.border-r-surface': {
     'border-right-color': 'var(--stroke-surface)',
   },
   '.border-r-accent': {
@@ -581,7 +585,8 @@ module.exports.colorUtilities = {
   '.border-t-raise': {
     'border-top-color': 'var(--stroke-raise)',
   },
-  '/* Matches the default surface color */ \n.border-t-surface': {
+  /* Matches the default surface color */
+  '.border-t-surface': {
     'border-top-color': 'var(--stroke-surface)',
   },
   '.border-t-accent': {
@@ -671,7 +676,8 @@ module.exports.colorUtilities = {
   '.border-b-raise': {
     'border-bottom-color': 'var(--stroke-raise)',
   },
-  '/* Matches the default surface color */ \n.border-b-surface': {
+  /* Matches the default surface color */
+  '.border-b-surface': {
     'border-bottom-color': 'var(--stroke-surface)',
   },
   '.border-b-accent': {
@@ -766,7 +772,8 @@ module.exports.colorUtilities = {
     'border-left-color': 'var(--stroke-raise)',
     'border-right-color': 'var(--stroke-raise)',
   },
-  '/* Matches the default surface color */ \n.border-x-surface': {
+  /* Matches the default surface color */
+  '.border-x-surface': {
     'border-left-color': 'var(--stroke-surface)',
     'border-right-color': 'var(--stroke-surface)',
   },
@@ -886,7 +893,8 @@ module.exports.colorUtilities = {
     'border-top-color': 'var(--stroke-raise)',
     'border-bottom-color': 'var(--stroke-raise)',
   },
-  '/* Matches the default surface color */ \n.border-y-surface': {
+  /* Matches the default surface color */
+  '.border-y-surface': {
     'border-top-color': 'var(--stroke-surface)',
     'border-bottom-color': 'var(--stroke-surface)',
   },
@@ -1001,7 +1009,8 @@ module.exports.colorUtilities = {
   '.ring-raise': {
     '--tw-ring-color': 'var(--stroke-raise)',
   },
-  '/* Matches the default surface color */ \n.ring-surface': {
+  /* Matches the default surface color */
+  '.ring-surface': {
     '--tw-ring-color': 'var(--stroke-surface)',
   },
   '.ring-accent': {
@@ -1091,7 +1100,8 @@ module.exports.colorUtilities = {
   '.outline-raise': {
     'outline-color': 'var(--stroke-raise)',
   },
-  '/* Matches the default surface color */ \n.outline-surface': {
+  /* Matches the default surface color */
+  '.outline-surface': {
     'outline-color': 'var(--stroke-surface)',
   },
   '.outline-accent': {
@@ -1220,10 +1230,10 @@ module.exports.colorUtilities = {
   '.chart-stroke-y-axis': {
     stroke: 'var(--chart-stroke-y-axis)',
   },
-  '/* Used as a stroke in conjuction with a fill. For discrete shapes e.g. bar charts; pie charts; tree maps. */ \n.chart-stroke-item':
-    {
-      stroke: 'var(--chart-stroke-item)',
-    },
+  /* Used as a stroke in conjuction with a fill. For discrete shapes e.g. bar charts; pie charts; tree maps. */
+  '.chart-stroke-item': {
+    stroke: 'var(--chart-stroke-item)',
+  },
   '.chart-stroke-item-inactive': {
     stroke: 'var(--chart-stroke-item-inactive)',
   },