@oxide/design-system 2.7.1--canary.585d1c2.0 → 2.7.1--canary.9573e9e.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.585d1c2.0",
+  "version": "2.7.1--canary.9573e9e.0",
   "description": "Home of reusable design assets and token for oxide internal sites",
   "type": "module",
   "sideEffects": false,

package/styles/dist/main.css

@@ -166,7 +166,7 @@
   --surface-disabled: var(--color-neutral-100);
   --surface-scrim: color(
     display-p3 0.036760063071504825 0.05804576716456642 0.06562718269807541 / 0.4
-  ); /* #080f1166 */
+  ); /* #080f1166 with alpha 0.4 */
   --surface-accent: var(--theme-accent-800);
   --surface-accent-hover: var(--theme-accent-700);
   --surface-accent-secondary: var(--theme-accent-200);
@@ -254,19 +254,17 @@
   --stroke-info-tertiary: var(--theme-info-400);
   --stroke-info-quaternary: var(--theme-info-300);
   --chart-fill-area-primary: color(
-    display-p3 0.30729539326874494 0.6299054596145268 0.440831736604609 / 0.7019607843137254
-  ); /* #20a36cb3 */
+    display-p3 0.30729539326874494 0.6299054596145268 0.440831736604609 / 0.7
+  ); /* #20a36cb3 with alpha 0.7 */
   --chart-fill-area-secondary: color(
-    display-p3 0.2692940449440336 0.5334053150097006 0.38200477116356163 /
-      0.7019607843137254
-  ); /* #238a5eb3 */
+    display-p3 0.2692940449440336 0.5334053150097006 0.38200477116356163 / 0.7
+  ); /* #238a5eb3 with alpha 0.7 */
   --chart-fill-area-tertiary: color(
-    display-p3 0.21921823824294856 0.40988544994958725 0.3065549544047547 /
-      0.7019607843137254
-  ); /* #236a4cb3 */
+    display-p3 0.21921823824294856 0.40988544994958725 0.3065549544047547 / 0.7
+  ); /* #236a4cb3 with alpha 0.7 */
   --chart-fill-area-quaternary: color(
     display-p3 0.17205281115427723 0.2979531244804644 0.23597564991643089 / 0.2
-  ); /* #204d3b33 */
+  ); /* #204d3b33 with alpha 0.2 */
   --chart-fill-item-primary: var(--theme-accent-700);
   --chart-fill-item-secondary: var(--theme-accent-600);
   --chart-fill-item-tertiary: var(--theme-accent-500);
@@ -282,14 +280,14 @@
   --chart-stroke-line-quaternary: var(--color-blue-600);
   --chart-stroke-y-axis: color(
     display-p3 0.18088995487994503 0.1992673051921286 0.20679231365610162 / 0.4
-  ); /* #2d333566 */
+  ); /* #2d333566 with alpha 0.4 */
   --chart-stroke-item: color(
     display-p3 0.30729539326874494 0.6299054596145268 0.440831736604609 / 0.4
-  ); /* #20a36c66 */
+  ); /* #20a36c66 with alpha 0.4 */
   --chart-stroke-item-inactive: var(--color-neutral-200);
   --chart-stroke-error: color(
     display-p3 0.7964645558620367 0.40841569441043135 0.47149465440441213 / 0.4
-  ); /* #da617766 */
+  ); /* #da617766 with alpha 0.4 */
   --theme-accent-100: var(--color-green-100);
   --theme-accent-200: var(--color-green-200);
   --theme-accent-300: var(--color-green-300);