@oxide/design-system 2.7.1--canary.e2e4f77.0 → 2.7.1--canary.cb56504.0

package/dist/asciidoc.css

@@ -23,11 +23,13 @@
   text-decoration: underline;
   text-decoration-color: color-mix(in srgb, currentColor 60%, transparent);
 }
-@layer components {
-  .inline-code {
-    @apply text-secondary ml-[1px] mr-[1px] rounded border px-[4px] py-[1px] align-[1px] text-[0.825em] bg-raise border-secondary;
-  }
 
+@utility inline-code {
+  @apply text-secondary;
+  @apply ml-[1px] mr-[1px] rounded border px-[4px] py-[1px] align-[1px] text-[0.825em] bg-raise border-secondary;
+}
+
+@layer components {
   .asciidoc-body {
     .line-through {
       text-decoration: line-through;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxide/design-system",
-  "version": "2.7.1--canary.e2e4f77.0",
+  "version": "2.7.1--canary.cb56504.0",
   "description": "Home of reusable design assets and token for oxide internal sites",
   "type": "module",
   "sideEffects": false,

package/styles/dist/main.css

@@ -164,7 +164,9 @@
   --surface-secondary: var(--color-neutral-100);
   --surface-tertiary: var(--color-neutral-200);
   --surface-disabled: var(--color-neutral-100);
-  --surface-scrim: rgba(var(--color-neutral-0), 0.4);
+  --surface-scrim: color(
+    display-p3 0.036760063071504825 0.05804576716456642 0.06562718269807541 / 0.4
+  ); /* #080f1166 */
   --surface-accent: var(--theme-accent-800);
   --surface-accent-hover: var(--theme-accent-700);
   --surface-accent-secondary: var(--theme-accent-200);
@@ -251,10 +253,20 @@
   --stroke-info-secondary: var(--theme-info-600);
   --stroke-info-tertiary: var(--theme-info-400);
   --stroke-info-quaternary: var(--theme-info-300);
-  --chart-fill-area-primary: rgba(var(--theme-accent-700), 0.7019607843137254);
-  --chart-fill-area-secondary: rgba(var(--theme-accent-600), 0.7019607843137254);
-  --chart-fill-area-tertiary: rgba(var(--theme-accent-500), 0.7019607843137254);
-  --chart-fill-area-quaternary: rgba(var(--theme-accent-400), 0.2);
+  --chart-fill-area-primary: color(
+    display-p3 0.30729539326874494 0.6299054596145268 0.440831736604609 / 0.7019607843137254
+  ); /* #20a36cb3 */
+  --chart-fill-area-secondary: color(
+    display-p3 0.2692940449440336 0.5334053150097006 0.38200477116356163 /
+      0.7019607843137254
+  ); /* #238a5eb3 */
+  --chart-fill-area-tertiary: color(
+    display-p3 0.21921823824294856 0.40988544994958725 0.3065549544047547 /
+      0.7019607843137254
+  ); /* #236a4cb3 */
+  --chart-fill-area-quaternary: color(
+    display-p3 0.17205281115427723 0.2979531244804644 0.23597564991643089 / 0.2
+  ); /* #204d3b33 */
   --chart-fill-item-primary: var(--theme-accent-700);
   --chart-fill-item-secondary: var(--theme-accent-600);
   --chart-fill-item-tertiary: var(--theme-accent-500);
@@ -268,10 +280,16 @@
   --chart-stroke-line-secondary: var(--color-yellow-600);
   --chart-stroke-line-tertiary: var(--color-red-600);
   --chart-stroke-line-quaternary: var(--color-blue-600);
-  --chart-stroke-y-axis: rgba(var(--stroke-default), 0.4);
-  --chart-stroke-item: rgba(var(--theme-accent-700), 0.4);
+  --chart-stroke-y-axis: color(
+    display-p3 0.18088995487994503 0.1992673051921286 0.20679231365610162 / 0.4
+  ); /* #2d333566 */
+  --chart-stroke-item: color(
+    display-p3 0.30729539326874494 0.6299054596145268 0.440831736604609 / 0.4
+  ); /* #20a36c66 */
   --chart-stroke-item-inactive: var(--color-neutral-200);
-  --chart-stroke-error: rgba(var(--theme-destructive-700), 0.4);
+  --chart-stroke-error: color(
+    display-p3 0.7964645558620367 0.40841569441043135 0.47149465440441213 / 0.4
+  ); /* #da617766 */
   --theme-accent-100: var(--color-green-100);
   --theme-accent-200: var(--color-green-200);
   --theme-accent-300: var(--color-green-300);