@cdx-ui/components 0.0.1-alpha.37 → 0.0.1-alpha.39

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.
Files changed (12) hide show
  1. package/lib/commonjs/components/Chip/styles.js +19 -17
  2. package/lib/commonjs/components/Chip/styles.js.map +1 -1
  3. package/lib/commonjs/components/Heading/styles.js +2 -2
  4. package/lib/commonjs/components/Heading/styles.js.map +1 -1
  5. package/lib/module/components/Chip/styles.js +19 -17
  6. package/lib/module/components/Chip/styles.js.map +1 -1
  7. package/lib/module/components/Heading/styles.js +2 -2
  8. package/lib/module/components/Heading/styles.js.map +1 -1
  9. package/lib/typescript/components/Chip/styles.d.ts.map +1 -1
  10. package/package.json +4 -4
  11. package/src/components/Chip/styles.ts +18 -17
  12. package/src/components/Heading/styles.tsx +2 -2
package/lib/commonjs/components/Chip/styles.js CHANGED
@@ -5,28 +5,30 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.chipRootVariants = exports.chipLabelVariants = exports.chipIconVariants = void 0;
7
7
  var _classVarianceAuthority = require("class-variance-authority");
8
- const chipRootVariants = exports.chipRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-center rounded-full px-2.5 py-0.5 gap-1.5 self-start'], {
8
+ const chipRootVariants = exports.chipRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-center rounded-full px-2 py-1 gap-1.5 self-start'], {
9
9
  variants: {
10
10
  color: {
11
- default: 'bg-slate-200',
12
- error: 'bg-red-200',
13
- info: 'bg-blue-200',
14
- success: 'bg-green-200',
15
- warning: 'bg-yellow-200'
11
+ default: 'bg-surface-neutral-tint',
12
+ error: 'bg-surface-danger-tint',
13
+ info: 'bg-surface-info-tint',
14
+ success: 'bg-surface-success-tint',
15
+ warning: 'bg-surface-warning-tint'
16
16
  }
17
17
  },
18
18
  defaultVariants: {
19
19
  color: 'default'
20
20
  }
21
21
  });
22
- const chipLabelVariants = exports.chipLabelVariants = (0, _classVarianceAuthority.cva)(['text-sm font-medium tracking-wider'], {
22
+
23
+ // TODO: letter-spacing values (tracking-wider) are not working on web, but the font-mono-medium is.
24
+ const chipLabelVariants = exports.chipLabelVariants = (0, _classVarianceAuthority.cva)(['label-sm font-mono-medium'], {
23
25
  variants: {
24
26
  color: {
25
- default: 'text-slate-900',
26
- error: 'text-red-900',
27
- info: 'text-blue-900',
28
- success: 'text-green-900',
29
- warning: 'text-yellow-900'
27
+ default: 'text-content-primary',
28
+ error: 'text-content-primary',
29
+ info: 'text-content-primary',
30
+ success: 'text-content-primary',
31
+ warning: 'text-content-primary'
30
32
  }
31
33
  },
32
34
  defaultVariants: {
@@ -36,11 +38,11 @@ const chipLabelVariants = exports.chipLabelVariants = (0, _classVarianceAuthorit
36
38
  const chipIconVariants = exports.chipIconVariants = (0, _classVarianceAuthority.cva)(['size-4'], {
37
39
  variants: {
38
40
  color: {
39
- default: 'text-slate-900',
40
- error: 'text-red-900',
41
- info: 'text-blue-900',
42
- success: 'text-green-900',
43
- warning: 'text-yellow-900'
41
+ default: 'text-content-primary',
42
+ error: 'text-content-danger',
43
+ info: 'text-content-info',
44
+ success: 'text-content-success',
45
+ warning: 'text-content-warning'
44
46
  }
45
47
  },
46
48
  defaultVariants: {
package/lib/commonjs/components/Chip/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["_classVarianceAuthority","require","chipRootVariants","exports","cva","variants","color","default","error","info","success","warning","defaultVariants","chipLabelVariants","chipIconVariants"],"sourceRoot":"../../../../src","sources":["components/Chip/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,2BAAG,EACjC,CAAC,oFAAoF,CAAC,EACtF;EACEC,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,cAAc;MACvBC,KAAK,EAAE,YAAY;MACnBC,IAAI,EAAE,aAAa;MACnBC,OAAO,EAAE,cAAc;MACvBC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CACF,CAAC;AAEM,MAAMO,iBAAiB,GAAAV,OAAA,CAAAU,iBAAA,GAAG,IAAAT,2BAAG,EAAC,CAAC,oCAAoC,CAAC,EAAE;EAC3EC,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,gBAAgB;MACzBC,KAAK,EAAE,cAAc;MACrBC,IAAI,EAAE,eAAe;MACrBC,OAAO,EAAE,gBAAgB;MACzBC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEK,MAAMQ,gBAAgB,GAAAX,OAAA,CAAAW,gBAAA,GAAG,IAAAV,2BAAG,EAAC,CAAC,QAAQ,CAAC,EAAE;EAC9CC,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,gBAAgB;MACzBC,KAAK,EAAE,cAAc;MACrBC,IAAI,EAAE,eAAe;MACrBC,OAAO,EAAE,gBAAgB;MACzBC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_classVarianceAuthority","require","chipRootVariants","exports","cva","variants","color","default","error","info","success","warning","defaultVariants","chipLabelVariants","chipIconVariants"],"sourceRoot":"../../../../src","sources":["components/Chip/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,2BAAG,EACjC,CAAC,gFAAgF,CAAC,EAClF;EACEC,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,yBAAyB;MAClCC,KAAK,EAAE,wBAAwB;MAC/BC,IAAI,EAAE,sBAAsB;MAC5BC,OAAO,EAAE,yBAAyB;MAClCC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CACF,CAAC;;AAED;AACO,MAAMO,iBAAiB,GAAAV,OAAA,CAAAU,iBAAA,GAAG,IAAAT,2BAAG,EAAC,CAAC,2BAA2B,CAAC,EAAE;EAClEC,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,sBAAsB;MAC/BC,KAAK,EAAE,sBAAsB;MAC7BC,IAAI,EAAE,sBAAsB;MAC5BC,OAAO,EAAE,sBAAsB;MAC/BC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEK,MAAMQ,gBAAgB,GAAAX,OAAA,CAAAW,gBAAA,GAAG,IAAAV,2BAAG,EAAC,CAAC,QAAQ,CAAC,EAAE;EAC9CC,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,sBAAsB;MAC/BC,KAAK,EAAE,qBAAqB;MAC5BC,IAAI,EAAE,mBAAmB;MACzBC,OAAO,EAAE,sBAAsB;MAC/BC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
package/lib/commonjs/components/Heading/styles.js CHANGED
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.headingStyle = void 0;
7
7
  var _reactNative = require("react-native");
8
8
  var _classVarianceAuthority = require("class-variance-authority");
9
- const headingStyle = exports.headingStyle = (0, _classVarianceAuthority.cva)([`text-content-primary font-semibold tracking-tight my-0`, _reactNative.Platform.select({
10
- web: 'font-sans bg-transparent display-inline no-underline',
9
+ const headingStyle = exports.headingStyle = (0, _classVarianceAuthority.cva)([`text-content-primary my-0`, _reactNative.Platform.select({
10
+ web: 'bg-transparent display-inline no-underline',
11
11
  default: ''
12
12
  })], {
13
13
  variants: {
package/lib/commonjs/components/Heading/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["_reactNative","require","_classVarianceAuthority","headingStyle","exports","cva","Platform","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Heading/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AAEO,MAAME,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,2BAAG,EAC7B,CACE,wDAAwD,EACxDC,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,sDAAsD;EAC3DC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE;IACN;EACF;AACF,CACF,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_reactNative","require","_classVarianceAuthority","headingStyle","exports","cva","Platform","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Heading/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AAEO,MAAME,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,2BAAG,EAC7B,CACE,2BAA2B,EAC3BC,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,4CAA4C;EACjDC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE;IACN;EACF;AACF,CACF,CAAC","ignoreList":[]}
package/lib/module/components/Chip/styles.js CHANGED
@@ -1,28 +1,30 @@
1
1
  "use strict";
2
2
 
3
3
  import { cva } from 'class-variance-authority';
4
- export const chipRootVariants = cva(['flex-row items-center justify-center rounded-full px-2.5 py-0.5 gap-1.5 self-start'], {
4
+ export const chipRootVariants = cva(['flex-row items-center justify-center rounded-full px-2 py-1 gap-1.5 self-start'], {
5
5
  variants: {
6
6
  color: {
7
- default: 'bg-slate-200',
8
- error: 'bg-red-200',
9
- info: 'bg-blue-200',
10
- success: 'bg-green-200',
11
- warning: 'bg-yellow-200'
7
+ default: 'bg-surface-neutral-tint',
8
+ error: 'bg-surface-danger-tint',
9
+ info: 'bg-surface-info-tint',
10
+ success: 'bg-surface-success-tint',
11
+ warning: 'bg-surface-warning-tint'
12
12
  }
13
13
  },
14
14
  defaultVariants: {
15
15
  color: 'default'
16
16
  }
17
17
  });
18
- export const chipLabelVariants = cva(['text-sm font-medium tracking-wider'], {
18
+
19
+ // TODO: letter-spacing values (tracking-wider) are not working on web, but the font-mono-medium is.
20
+ export const chipLabelVariants = cva(['label-sm font-mono-medium'], {
19
21
  variants: {
20
22
  color: {
21
- default: 'text-slate-900',
22
- error: 'text-red-900',
23
- info: 'text-blue-900',
24
- success: 'text-green-900',
25
- warning: 'text-yellow-900'
23
+ default: 'text-content-primary',
24
+ error: 'text-content-primary',
25
+ info: 'text-content-primary',
26
+ success: 'text-content-primary',
27
+ warning: 'text-content-primary'
26
28
  }
27
29
  },
28
30
  defaultVariants: {
@@ -32,11 +34,11 @@ export const chipLabelVariants = cva(['text-sm font-medium tracking-wider'], {
32
34
  export const chipIconVariants = cva(['size-4'], {
33
35
  variants: {
34
36
  color: {
35
- default: 'text-slate-900',
36
- error: 'text-red-900',
37
- info: 'text-blue-900',
38
- success: 'text-green-900',
39
- warning: 'text-yellow-900'
37
+ default: 'text-content-primary',
38
+ error: 'text-content-danger',
39
+ info: 'text-content-info',
40
+ success: 'text-content-success',
41
+ warning: 'text-content-warning'
40
42
  }
41
43
  },
42
44
  defaultVariants: {
package/lib/module/components/Chip/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["cva","chipRootVariants","variants","color","default","error","info","success","warning","defaultVariants","chipLabelVariants","chipIconVariants"],"sourceRoot":"../../../../src","sources":["components/Chip/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AAEjE,OAAO,MAAMC,gBAAgB,GAAGD,GAAG,CACjC,CAAC,oFAAoF,CAAC,EACtF;EACEE,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,cAAc;MACvBC,KAAK,EAAE,YAAY;MACnBC,IAAI,EAAE,aAAa;MACnBC,OAAO,EAAE,cAAc;MACvBC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CACF,CAAC;AAED,OAAO,MAAMO,iBAAiB,GAAGV,GAAG,CAAC,CAAC,oCAAoC,CAAC,EAAE;EAC3EE,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,gBAAgB;MACzBC,KAAK,EAAE,cAAc;MACrBC,IAAI,EAAE,eAAe;MACrBC,OAAO,EAAE,gBAAgB;MACzBC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,OAAO,MAAMQ,gBAAgB,GAAGX,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE;EAC9CE,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,gBAAgB;MACzBC,KAAK,EAAE,cAAc;MACrBC,IAAI,EAAE,eAAe;MACrBC,OAAO,EAAE,gBAAgB;MACzBC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["cva","chipRootVariants","variants","color","default","error","info","success","warning","defaultVariants","chipLabelVariants","chipIconVariants"],"sourceRoot":"../../../../src","sources":["components/Chip/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,0BAA0B;AAEjE,OAAO,MAAMC,gBAAgB,GAAGD,GAAG,CACjC,CAAC,gFAAgF,CAAC,EAClF;EACEE,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,yBAAyB;MAClCC,KAAK,EAAE,wBAAwB;MAC/BC,IAAI,EAAE,sBAAsB;MAC5BC,OAAO,EAAE,yBAAyB;MAClCC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CACF,CAAC;;AAED;AACA,OAAO,MAAMO,iBAAiB,GAAGV,GAAG,CAAC,CAAC,2BAA2B,CAAC,EAAE;EAClEE,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,sBAAsB;MAC/BC,KAAK,EAAE,sBAAsB;MAC7BC,IAAI,EAAE,sBAAsB;MAC5BC,OAAO,EAAE,sBAAsB;MAC/BC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,OAAO,MAAMQ,gBAAgB,GAAGX,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE;EAC9CE,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,sBAAsB;MAC/BC,KAAK,EAAE,qBAAqB;MAC5BC,IAAI,EAAE,mBAAmB;MACzBC,OAAO,EAAE,sBAAsB;MAC/BC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
package/lib/module/components/Heading/styles.js CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  import { Platform } from 'react-native';
4
4
  import { cva } from 'class-variance-authority';
5
- export const headingStyle = cva([`text-content-primary font-semibold tracking-tight my-0`, Platform.select({
6
- web: 'font-sans bg-transparent display-inline no-underline',
5
+ export const headingStyle = cva([`text-content-primary my-0`, Platform.select({
6
+ web: 'bg-transparent display-inline no-underline',
7
7
  default: ''
8
8
  })], {
9
9
  variants: {
package/lib/module/components/Heading/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["Platform","cva","headingStyle","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Heading/styles.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AAEjE,OAAO,MAAMC,YAAY,GAAGD,GAAG,CAC7B,CACE,wDAAwD,EACxDD,QAAQ,CAACG,MAAM,CAAC;EACdC,GAAG,EAAE,sDAAsD;EAC3DC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE;IACN;EACF;AACF,CACF,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["Platform","cva","headingStyle","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Heading/styles.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AAEjE,OAAO,MAAMC,YAAY,GAAGD,GAAG,CAC7B,CACE,2BAA2B,EAC3BD,QAAQ,CAACG,MAAM,CAAC;EACdC,GAAG,EAAE,4CAA4C;EACjDC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE,YAAY;MAChBC,EAAE,EAAE;IACN;EACF;AACF,CACF,CAAC","ignoreList":[]}
package/lib/typescript/components/Chip/styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,gBAAgB;;8EAgB5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;8EAa5B,CAAC;AAEH,eAAO,MAAM,gBAAgB;;8EAa3B,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,gBAAgB;;8EAgB5B,CAAC;AAGF,eAAO,MAAM,iBAAiB;;8EAa5B,CAAC;AAEH,eAAO,MAAM,gBAAgB;;8EAa3B,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cdx-ui/components",
3
- "version": "0.0.1-alpha.37",
3
+ "version": "0.0.1-alpha.39",
4
4
  "main": "lib/commonjs/index.js",
5
5
  "module": "lib/module/index.js",
6
6
  "react-native": "src/index.ts",
@@ -66,9 +66,9 @@
66
66
  "@gorhom/bottom-sheet": "^5.2.6",
67
67
  "class-variance-authority": "^0.7.1",
68
68
  "uniwind": "1.6.1",
69
- "@cdx-ui/primitives": "0.0.1-alpha.37",
70
- "@cdx-ui/utils": "0.0.1-alpha.37",
71
- "@cdx-ui/icons": "0.0.1-alpha.37"
69
+ "@cdx-ui/primitives": "0.0.1-alpha.39",
70
+ "@cdx-ui/utils": "0.0.1-alpha.39",
71
+ "@cdx-ui/icons": "0.0.1-alpha.39"
72
72
  },
73
73
  "devDependencies": {
74
74
  "@types/react": "*",
package/src/components/Chip/styles.ts CHANGED
@@ -1,15 +1,15 @@
1
1
  import { cva, type VariantProps } from 'class-variance-authority';
2
2
 
3
3
  export const chipRootVariants = cva(
4
- ['flex-row items-center justify-center rounded-full px-2.5 py-0.5 gap-1.5 self-start'],
4
+ ['flex-row items-center justify-center rounded-full px-2 py-1 gap-1.5 self-start'],
5
5
  {
6
6
  variants: {
7
7
  color: {
8
- default: 'bg-slate-200',
9
- error: 'bg-red-200',
10
- info: 'bg-blue-200',
11
- success: 'bg-green-200',
12
- warning: 'bg-yellow-200',
8
+ default: 'bg-surface-neutral-tint',
9
+ error: 'bg-surface-danger-tint',
10
+ info: 'bg-surface-info-tint',
11
+ success: 'bg-surface-success-tint',
12
+ warning: 'bg-surface-warning-tint',
13
13
  },
14
14
  },
15
15
  defaultVariants: {
@@ -18,14 +18,15 @@ export const chipRootVariants = cva(
18
18
  },
19
19
  );
20
20
 
21
- export const chipLabelVariants = cva(['text-sm font-medium tracking-wider'], {
21
+ // TODO: letter-spacing values (tracking-wider) are not working on web, but the font-mono-medium is.
22
+ export const chipLabelVariants = cva(['label-sm font-mono-medium'], {
22
23
  variants: {
23
24
  color: {
24
- default: 'text-slate-900',
25
- error: 'text-red-900',
26
- info: 'text-blue-900',
27
- success: 'text-green-900',
28
- warning: 'text-yellow-900',
25
+ default: 'text-content-primary',
26
+ error: 'text-content-primary',
27
+ info: 'text-content-primary',
28
+ success: 'text-content-primary',
29
+ warning: 'text-content-primary',
29
30
  },
30
31
  },
31
32
  defaultVariants: {
@@ -36,11 +37,11 @@ export const chipLabelVariants = cva(['text-sm font-medium tracking-wider'], {
36
37
  export const chipIconVariants = cva(['size-4'], {
37
38
  variants: {
38
39
  color: {
39
- default: 'text-slate-900',
40
- error: 'text-red-900',
41
- info: 'text-blue-900',
42
- success: 'text-green-900',
43
- warning: 'text-yellow-900',
40
+ default: 'text-content-primary',
41
+ error: 'text-content-danger',
42
+ info: 'text-content-info',
43
+ success: 'text-content-success',
44
+ warning: 'text-content-warning',
44
45
  },
45
46
  },
46
47
  defaultVariants: {
package/src/components/Heading/styles.tsx CHANGED
@@ -3,9 +3,9 @@ import { cva, type VariantProps } from 'class-variance-authority';
3
3
 
4
4
  export const headingStyle = cva(
5
5
  [
6
- `text-content-primary font-semibold tracking-tight my-0`,
6
+ `text-content-primary my-0`,
7
7
  Platform.select({
8
- web: 'font-sans bg-transparent display-inline no-underline',
8
+ web: 'bg-transparent display-inline no-underline',
9
9
  default: '',
10
10
  }),
11
11
  ],