@deepgram/styles 0.0.7 → 0.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -708,7 +708,7 @@ a:hover {
708
708
  position: relative;
709
709
  border-width: 1px;
710
710
  border-color: transparent;
711
- background-image: linear-gradient(rgb(0, 0, 0), rgb(0, 0, 0)), linear-gradient(90deg, var(--dg-secondary, #149afb), var(--dg-primary, #13ef95), var(--dg-secondary, #149afb), var(--dg-primary, #13ef95));
711
+ background-image: linear-gradient(rgb(0, 0, 0), rgb(0, 0, 0)), linear-gradient(90deg, color-mix(in srgb, var(--dg-secondary, #149afb) 70%, #000), color-mix(in srgb, var(--dg-primary, #13ef95) 70%, #000), color-mix(in srgb, var(--dg-secondary, #149afb) 70%, #000), color-mix(in srgb, var(--dg-primary, #13ef95) 70%, #000));
712
712
  background-origin: padding-box, border-box;
713
713
  background-clip: padding-box, border-box;
714
714
  background-repeat: no-repeat;
@@ -2973,7 +2973,7 @@ a:hover {
2973
2973
  }
2974
2974
 
2975
2975
  .dg-gradient-border {
2976
- background-image: linear-gradient(rgb(0, 0, 0), rgb(0, 0, 0)), linear-gradient(90deg, var(--dg-secondary, #149afb), var(--dg-primary, #13ef95), var(--dg-secondary, #149afb), var(--dg-primary, #13ef95));
2976
+ background-image: linear-gradient(rgb(0, 0, 0), rgb(0, 0, 0)), linear-gradient(90deg, color-mix(in srgb, var(--dg-secondary, #149afb) 70%, #000), color-mix(in srgb, var(--dg-primary, #13ef95) 70%, #000), color-mix(in srgb, var(--dg-secondary, #149afb) 70%, #000), color-mix(in srgb, var(--dg-primary, #13ef95) 70%, #000));
2977
2977
  background-origin: padding-box, border-box;
2978
2978
  background-clip: padding-box, border-box;
2979
2979
  background-repeat: no-repeat;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@deepgram/styles",
3
- "version": "0.0.7",
3
+ "version": "0.0.8",
4
4
  "description": "Tailwind-based design system and styles library for Deepgram design system and demos",
5
5
  "author": "Deepgram",
6
6
  "license": "MIT",
@@ -155,7 +155,7 @@ module.exports = {
155
155
  addUtilities({
156
156
  ".dg-gradient-border": {
157
157
  backgroundImage:
158
- "linear-gradient(rgb(0, 0, 0), rgb(0, 0, 0)), linear-gradient(90deg, var(--dg-secondary, #149afb), var(--dg-primary, #13ef95), var(--dg-secondary, #149afb), var(--dg-primary, #13ef95))",
158
+ "linear-gradient(rgb(0, 0, 0), rgb(0, 0, 0)), linear-gradient(90deg, color-mix(in srgb, var(--dg-secondary, #149afb) 70%, #000), color-mix(in srgb, var(--dg-primary, #13ef95) 70%, #000), color-mix(in srgb, var(--dg-secondary, #149afb) 70%, #000), color-mix(in srgb, var(--dg-primary, #13ef95) 70%, #000))",
159
159
  backgroundOrigin: "padding-box, border-box",
160
160
  backgroundClip: "padding-box, border-box",
161
161
  backgroundRepeat: "no-repeat",