@pequity/squirrel 5.4.0 → 5.4.1

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 (15) hide show
  1. package/dist/cjs/config.js +54 -54
  2. package/dist/cjs/p-drawer.js +3 -3
  3. package/dist/cjs/p-modal.js +3 -3
  4. package/dist/es/config.js +54 -54
  5. package/dist/es/p-drawer.js +3 -3
  6. package/dist/es/p-modal.js +3 -3
  7. package/dist/squirrel/tailwind/config.d.ts +54 -54
  8. package/dist/style.css +92 -92
  9. package/dist/tailwind/config.js +54 -54
  10. package/package.json +2 -2
  11. package/squirrel/assets/squirrel.css +41 -41
  12. package/squirrel/components/p-alert/p-alert.spec.js +1 -1
  13. package/squirrel/components/p-drawer/p-drawer.vue +1 -1
  14. package/squirrel/components/p-modal/p-modal.vue +1 -1
  15. package/squirrel/tailwind/config.ts +54 -54
package/dist/cjs/config.js CHANGED
@@ -7,71 +7,71 @@ const config = {
7
7
  transparent: "transparent",
8
8
  current: "currentColor",
9
9
  /* Design system colors */
10
- white: "#fff",
11
- black: "#000",
12
- night: "var(--color-night)",
13
- "barley-white": "var(--color-barley-white)",
14
- "horses-neck": "var(--color-horses-neck)",
15
- "active-blue": "var(--color-active-blue)",
10
+ white: "rgb(var(--color-white))",
11
+ black: "rgb(var(--color-black))",
12
+ night: "rgb(var(--color-night))",
13
+ "barley-white": "rgb(var(--color-barley-white))",
14
+ "horses-neck": "rgb(var(--color-horses-neck))",
15
+ "active-blue": "rgb(var(--color-active-blue))",
16
16
  /* Pequity colors */
17
17
  "p-gray": {
18
- 10: "var(--color-p-gray-10)",
19
- 20: "var(--color-p-gray-20)",
20
- 30: "var(--color-p-gray-30)",
21
- 40: "var(--color-p-gray-40)",
22
- 50: "var(--color-p-gray-50)",
23
- 60: "var(--color-p-gray-60)",
24
- 70: "var(--color-p-gray-70)",
25
- 80: "var(--color-p-gray-80)",
26
- 90: "var(--color-p-gray-90)",
27
- 100: "var(--color-p-gray-100)"
18
+ 10: "rgb(var(--color-p-gray-10))",
19
+ 20: "rgb(var(--color-p-gray-20))",
20
+ 30: "rgb(var(--color-p-gray-30))",
21
+ 40: "rgb(var(--color-p-gray-40))",
22
+ 50: "rgb(var(--color-p-gray-50))",
23
+ 60: "rgb(var(--color-p-gray-60))",
24
+ 70: "rgb(var(--color-p-gray-70))",
25
+ 80: "rgb(var(--color-p-gray-80))",
26
+ 90: "rgb(var(--color-p-gray-90))",
27
+ 100: "rgb(var(--color-p-gray-100))"
28
28
  },
29
29
  "p-blue": {
30
- 10: "var(--color-p-blue-10)",
31
- 15: "var(--color-p-blue-15)",
32
- 20: "var(--color-p-blue-20)",
33
- 30: "var(--color-p-blue-30)",
34
- 40: "var(--color-p-blue-40)",
35
- 50: "var(--color-p-blue-50)",
36
- 60: "var(--color-p-blue-60)",
37
- 70: "var(--color-p-blue-70)",
38
- 80: "var(--color-p-blue-80)"
30
+ 10: "rgb(var(--color-p-blue-10))",
31
+ 15: "rgb(var(--color-p-blue-15))",
32
+ 20: "rgb(var(--color-p-blue-20))",
33
+ 30: "rgb(var(--color-p-blue-30))",
34
+ 40: "rgb(var(--color-p-blue-40))",
35
+ 50: "rgb(var(--color-p-blue-50))",
36
+ 60: "rgb(var(--color-p-blue-60))",
37
+ 70: "rgb(var(--color-p-blue-70))",
38
+ 80: "rgb(var(--color-p-blue-80))"
39
39
  },
40
40
  "p-purple": {
41
- 10: "var(--color-p-purple-10)",
42
- 20: "var(--color-p-purple-20)",
43
- 30: "var(--color-p-purple-30)",
44
- 40: "var(--color-p-purple-40)",
45
- 50: "var(--color-p-purple-50)",
46
- 60: "var(--color-p-purple-60)"
41
+ 10: "rgb(var(--color-p-purple-10))",
42
+ 20: "rgb(var(--color-p-purple-20))",
43
+ 30: "rgb(var(--color-p-purple-30))",
44
+ 40: "rgb(var(--color-p-purple-40))",
45
+ 50: "rgb(var(--color-p-purple-50))",
46
+ 60: "rgb(var(--color-p-purple-60))"
47
47
  },
48
48
  "p-green": {
49
- 10: "var(--color-p-green-10)",
50
- 20: "var(--color-p-green-20)",
51
- 30: "var(--color-p-green-30)",
52
- 40: "var(--color-p-green-40)",
53
- 50: "var(--color-p-green-50)"
49
+ 10: "rgb(var(--color-p-green-10))",
50
+ 20: "rgb(var(--color-p-green-20))",
51
+ 30: "rgb(var(--color-p-green-30))",
52
+ 40: "rgb(var(--color-p-green-40))",
53
+ 50: "rgb(var(--color-p-green-50))"
54
54
  },
55
55
  "p-red": {
56
- 10: "var(--color-p-red-10)",
57
- 20: "var(--color-p-red-20)",
58
- 30: "var(--color-p-red-30)",
59
- 40: "var(--color-p-red-40)",
60
- 50: "var(--color-p-red-50)"
56
+ 10: "rgb(var(--color-p-red-10))",
57
+ 20: "rgb(var(--color-p-red-20))",
58
+ 30: "rgb(var(--color-p-red-30))",
59
+ 40: "rgb(var(--color-p-red-40))",
60
+ 50: "rgb(var(--color-p-red-50))"
61
61
  },
62
62
  /* Aliases */
63
- primary: "var(--color-primary)",
64
- accent: "var(--color-accent)",
65
- surface: "var(--color-surface)",
66
- "on-surface": "var(--color-on-surface)",
67
- error: "var(--color-error)",
68
- "on-error": "var(--color-on-error)",
69
- info: "var(--color-info)",
70
- "on-info": "var(--color-on-info)",
71
- success: "var(--color-success)",
72
- "on-success": "var(--color-on-success)",
73
- warning: "var(--color-warning)",
74
- "on-warning": "var(--color-on-warning)"
63
+ primary: "rgb(var(--color-primary))",
64
+ accent: "rgb(var(--color-accent))",
65
+ surface: "rgb(var(--color-surface))",
66
+ "on-surface": "rgb(var(--color-on-surface))",
67
+ error: "rgb(var(--color-error))",
68
+ "on-error": "rgb(var(--color-on-error))",
69
+ info: "rgb(var(--color-info))",
70
+ "on-info": "rgb(var(--color-on-info))",
71
+ success: "rgb(var(--color-success))",
72
+ "on-success": "rgb(var(--color-on-success))",
73
+ warning: "rgb(var(--color-warning))",
74
+ "on-warning": "rgb(var(--color-on-warning))"
75
75
  },
76
76
  fontFamily: {
77
77
  sans: ["Inter", "Helvetica", "Arial", "sans-serif"]
@@ -90,7 +90,7 @@ const config = {
90
90
  },
91
91
  extend: {
92
92
  borderColor: {
93
- DEFAULT: "var(--color-p-gray-30)"
93
+ DEFAULT: "rgb(var(--color-p-gray-30))"
94
94
  },
95
95
  spacing: {
96
96
  7.5: "1.875rem"
package/dist/cjs/p-drawer.js CHANGED
@@ -149,7 +149,7 @@ const __default__ = vue.defineComponent({
149
149
  });
150
150
  const __injectCSSVars__ = () => {
151
151
  vue.useCssVars((_ctx) => ({
152
- "3e3927a8": _ctx.width
152
+ "508822d0": _ctx.width
153
153
  }));
154
154
  };
155
155
  const __setup__ = __default__.setup;
@@ -179,7 +179,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
179
179
  }, {
180
180
  default: vue.withCtx(() => [
181
181
  vue.withDirectives(vue.createElementVNode("div", {
182
- class: vue.normalizeClass(["fixed bottom-0 left-0 right-0 top-0 bg-black bg-opacity-20", { "cursor-pointer": _ctx.enableClose }]),
182
+ class: vue.normalizeClass(["fixed bottom-0 left-0 right-0 top-0 bg-black/20", { "cursor-pointer": _ctx.enableClose }]),
183
183
  style: vue.normalizeStyle({ "z-index": _ctx.zIndex - 1 }),
184
184
  tabindex: "-1",
185
185
  onClick: _cache[0] || (_cache[0] = (...args) => _ctx.close && _ctx.close(...args))
@@ -266,5 +266,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
266
266
  }, 8, ["enter-active-class", "leave-active-class", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"])
267
267
  ], 8, ["to"])) : vue.createCommentVNode("", true);
268
268
  }
269
- const pDrawer = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(__default__, [["render", _sfc_render], ["__scopeId", "data-v-a1affdb7"]]);
269
+ const pDrawer = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(__default__, [["render", _sfc_render], ["__scopeId", "data-v-95d3e794"]]);
270
270
  module.exports = pDrawer;
package/dist/cjs/p-modal.js CHANGED
@@ -37,7 +37,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
37
37
  },
38
38
  bgClass: {
39
39
  type: [String, Object, Array],
40
- default: "fixed bottom-0 left-0 right-0 top-0 bg-black bg-opacity-20"
40
+ default: "fixed bottom-0 left-0 right-0 top-0 bg-black/20"
41
41
  },
42
42
  wrapperClass: {
43
43
  type: [String, Object, Array],
@@ -111,7 +111,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
111
111
  ],
112
112
  setup(__props, { emit: __emit }) {
113
113
  vue.useCssVars((_ctx) => ({
114
- "4046568f": __props.maxWidth
114
+ "6f065855": __props.maxWidth
115
115
  }));
116
116
  let animatingZIndex = 0;
117
117
  const emit = __emit;
@@ -368,5 +368,5 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
368
368
  };
369
369
  }
370
370
  });
371
- const pModal = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-7e6a0b8d"]]);
371
+ const pModal = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-dd6e68e1"]]);
372
372
  module.exports = pModal;
package/dist/es/config.js CHANGED
@@ -5,71 +5,71 @@ const config = {
5
5
  transparent: "transparent",
6
6
  current: "currentColor",
7
7
  /* Design system colors */
8
- white: "#fff",
9
- black: "#000",
10
- night: "var(--color-night)",
11
- "barley-white": "var(--color-barley-white)",
12
- "horses-neck": "var(--color-horses-neck)",
13
- "active-blue": "var(--color-active-blue)",
8
+ white: "rgb(var(--color-white))",
9
+ black: "rgb(var(--color-black))",
10
+ night: "rgb(var(--color-night))",
11
+ "barley-white": "rgb(var(--color-barley-white))",
12
+ "horses-neck": "rgb(var(--color-horses-neck))",
13
+ "active-blue": "rgb(var(--color-active-blue))",
14
14
  /* Pequity colors */
15
15
  "p-gray": {
16
- 10: "var(--color-p-gray-10)",
17
- 20: "var(--color-p-gray-20)",
18
- 30: "var(--color-p-gray-30)",
19
- 40: "var(--color-p-gray-40)",
20
- 50: "var(--color-p-gray-50)",
21
- 60: "var(--color-p-gray-60)",
22
- 70: "var(--color-p-gray-70)",
23
- 80: "var(--color-p-gray-80)",
24
- 90: "var(--color-p-gray-90)",
25
- 100: "var(--color-p-gray-100)"
16
+ 10: "rgb(var(--color-p-gray-10))",
17
+ 20: "rgb(var(--color-p-gray-20))",
18
+ 30: "rgb(var(--color-p-gray-30))",
19
+ 40: "rgb(var(--color-p-gray-40))",
20
+ 50: "rgb(var(--color-p-gray-50))",
21
+ 60: "rgb(var(--color-p-gray-60))",
22
+ 70: "rgb(var(--color-p-gray-70))",
23
+ 80: "rgb(var(--color-p-gray-80))",
24
+ 90: "rgb(var(--color-p-gray-90))",
25
+ 100: "rgb(var(--color-p-gray-100))"
26
26
  },
27
27
  "p-blue": {
28
- 10: "var(--color-p-blue-10)",
29
- 15: "var(--color-p-blue-15)",
30
- 20: "var(--color-p-blue-20)",
31
- 30: "var(--color-p-blue-30)",
32
- 40: "var(--color-p-blue-40)",
33
- 50: "var(--color-p-blue-50)",
34
- 60: "var(--color-p-blue-60)",
35
- 70: "var(--color-p-blue-70)",
36
- 80: "var(--color-p-blue-80)"
28
+ 10: "rgb(var(--color-p-blue-10))",
29
+ 15: "rgb(var(--color-p-blue-15))",
30
+ 20: "rgb(var(--color-p-blue-20))",
31
+ 30: "rgb(var(--color-p-blue-30))",
32
+ 40: "rgb(var(--color-p-blue-40))",
33
+ 50: "rgb(var(--color-p-blue-50))",
34
+ 60: "rgb(var(--color-p-blue-60))",
35
+ 70: "rgb(var(--color-p-blue-70))",
36
+ 80: "rgb(var(--color-p-blue-80))"
37
37
  },
38
38
  "p-purple": {
39
- 10: "var(--color-p-purple-10)",
40
- 20: "var(--color-p-purple-20)",
41
- 30: "var(--color-p-purple-30)",
42
- 40: "var(--color-p-purple-40)",
43
- 50: "var(--color-p-purple-50)",
44
- 60: "var(--color-p-purple-60)"
39
+ 10: "rgb(var(--color-p-purple-10))",
40
+ 20: "rgb(var(--color-p-purple-20))",
41
+ 30: "rgb(var(--color-p-purple-30))",
42
+ 40: "rgb(var(--color-p-purple-40))",
43
+ 50: "rgb(var(--color-p-purple-50))",
44
+ 60: "rgb(var(--color-p-purple-60))"
45
45
  },
46
46
  "p-green": {
47
- 10: "var(--color-p-green-10)",
48
- 20: "var(--color-p-green-20)",
49
- 30: "var(--color-p-green-30)",
50
- 40: "var(--color-p-green-40)",
51
- 50: "var(--color-p-green-50)"
47
+ 10: "rgb(var(--color-p-green-10))",
48
+ 20: "rgb(var(--color-p-green-20))",
49
+ 30: "rgb(var(--color-p-green-30))",
50
+ 40: "rgb(var(--color-p-green-40))",
51
+ 50: "rgb(var(--color-p-green-50))"
52
52
  },
53
53
  "p-red": {
54
- 10: "var(--color-p-red-10)",
55
- 20: "var(--color-p-red-20)",
56
- 30: "var(--color-p-red-30)",
57
- 40: "var(--color-p-red-40)",
58
- 50: "var(--color-p-red-50)"
54
+ 10: "rgb(var(--color-p-red-10))",
55
+ 20: "rgb(var(--color-p-red-20))",
56
+ 30: "rgb(var(--color-p-red-30))",
57
+ 40: "rgb(var(--color-p-red-40))",
58
+ 50: "rgb(var(--color-p-red-50))"
59
59
  },
60
60
  /* Aliases */
61
- primary: "var(--color-primary)",
62
- accent: "var(--color-accent)",
63
- surface: "var(--color-surface)",
64
- "on-surface": "var(--color-on-surface)",
65
- error: "var(--color-error)",
66
- "on-error": "var(--color-on-error)",
67
- info: "var(--color-info)",
68
- "on-info": "var(--color-on-info)",
69
- success: "var(--color-success)",
70
- "on-success": "var(--color-on-success)",
71
- warning: "var(--color-warning)",
72
- "on-warning": "var(--color-on-warning)"
61
+ primary: "rgb(var(--color-primary))",
62
+ accent: "rgb(var(--color-accent))",
63
+ surface: "rgb(var(--color-surface))",
64
+ "on-surface": "rgb(var(--color-on-surface))",
65
+ error: "rgb(var(--color-error))",
66
+ "on-error": "rgb(var(--color-on-error))",
67
+ info: "rgb(var(--color-info))",
68
+ "on-info": "rgb(var(--color-on-info))",
69
+ success: "rgb(var(--color-success))",
70
+ "on-success": "rgb(var(--color-on-success))",
71
+ warning: "rgb(var(--color-warning))",
72
+ "on-warning": "rgb(var(--color-on-warning))"
73
73
  },
74
74
  fontFamily: {
75
75
  sans: ["Inter", "Helvetica", "Arial", "sans-serif"]
@@ -88,7 +88,7 @@ const config = {
88
88
  },
89
89
  extend: {
90
90
  borderColor: {
91
- DEFAULT: "var(--color-p-gray-30)"
91
+ DEFAULT: "rgb(var(--color-p-gray-30))"
92
92
  },
93
93
  spacing: {
94
94
  7.5: "1.875rem"
package/dist/es/p-drawer.js CHANGED
@@ -148,7 +148,7 @@ const __default__ = defineComponent({
148
148
  });
149
149
  const __injectCSSVars__ = () => {
150
150
  useCssVars((_ctx) => ({
151
- "3e3927a8": _ctx.width
151
+ "508822d0": _ctx.width
152
152
  }));
153
153
  };
154
154
  const __setup__ = __default__.setup;
@@ -178,7 +178,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
178
178
  }, {
179
179
  default: withCtx(() => [
180
180
  withDirectives(createElementVNode("div", {
181
- class: normalizeClass(["fixed bottom-0 left-0 right-0 top-0 bg-black bg-opacity-20", { "cursor-pointer": _ctx.enableClose }]),
181
+ class: normalizeClass(["fixed bottom-0 left-0 right-0 top-0 bg-black/20", { "cursor-pointer": _ctx.enableClose }]),
182
182
  style: normalizeStyle({ "z-index": _ctx.zIndex - 1 }),
183
183
  tabindex: "-1",
184
184
  onClick: _cache[0] || (_cache[0] = (...args) => _ctx.close && _ctx.close(...args))
@@ -265,7 +265,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
265
265
  }, 8, ["enter-active-class", "leave-active-class", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"])
266
266
  ], 8, ["to"])) : createCommentVNode("", true);
267
267
  }
268
- const pDrawer = /* @__PURE__ */ _export_sfc(__default__, [["render", _sfc_render], ["__scopeId", "data-v-a1affdb7"]]);
268
+ const pDrawer = /* @__PURE__ */ _export_sfc(__default__, [["render", _sfc_render], ["__scopeId", "data-v-95d3e794"]]);
269
269
  export {
270
270
  pDrawer as default
271
271
  };
package/dist/es/p-modal.js CHANGED
@@ -36,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
36
36
  },
37
37
  bgClass: {
38
38
  type: [String, Object, Array],
39
- default: "fixed bottom-0 left-0 right-0 top-0 bg-black bg-opacity-20"
39
+ default: "fixed bottom-0 left-0 right-0 top-0 bg-black/20"
40
40
  },
41
41
  wrapperClass: {
42
42
  type: [String, Object, Array],
@@ -110,7 +110,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
110
110
  ],
111
111
  setup(__props, { emit: __emit }) {
112
112
  useCssVars((_ctx) => ({
113
- "4046568f": __props.maxWidth
113
+ "6f065855": __props.maxWidth
114
114
  }));
115
115
  let animatingZIndex = 0;
116
116
  const emit = __emit;
@@ -367,7 +367,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
367
367
  };
368
368
  }
369
369
  });
370
- const pModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7e6a0b8d"]]);
370
+ const pModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dd6e68e1"]]);
371
371
  export {
372
372
  pModal as default
373
373
  };
package/dist/squirrel/tailwind/config.d.ts CHANGED
@@ -4,69 +4,69 @@ export declare const config: {
4
4
  readonly colors: {
5
5
  readonly transparent: "transparent";
6
6
  readonly current: "currentColor";
7
- readonly white: "#fff";
8
- readonly black: "#000";
9
- readonly night: "var(--color-night)";
10
- readonly 'barley-white': "var(--color-barley-white)";
11
- readonly 'horses-neck': "var(--color-horses-neck)";
12
- readonly 'active-blue': "var(--color-active-blue)";
7
+ readonly white: "rgb(var(--color-white))";
8
+ readonly black: "rgb(var(--color-black))";
9
+ readonly night: "rgb(var(--color-night))";
10
+ readonly 'barley-white': "rgb(var(--color-barley-white))";
11
+ readonly 'horses-neck': "rgb(var(--color-horses-neck))";
12
+ readonly 'active-blue': "rgb(var(--color-active-blue))";
13
13
  readonly 'p-gray': {
14
- readonly 10: "var(--color-p-gray-10)";
15
- readonly 20: "var(--color-p-gray-20)";
16
- readonly 30: "var(--color-p-gray-30)";
17
- readonly 40: "var(--color-p-gray-40)";
18
- readonly 50: "var(--color-p-gray-50)";
19
- readonly 60: "var(--color-p-gray-60)";
20
- readonly 70: "var(--color-p-gray-70)";
21
- readonly 80: "var(--color-p-gray-80)";
22
- readonly 90: "var(--color-p-gray-90)";
23
- readonly 100: "var(--color-p-gray-100)";
14
+ readonly 10: "rgb(var(--color-p-gray-10))";
15
+ readonly 20: "rgb(var(--color-p-gray-20))";
16
+ readonly 30: "rgb(var(--color-p-gray-30))";
17
+ readonly 40: "rgb(var(--color-p-gray-40))";
18
+ readonly 50: "rgb(var(--color-p-gray-50))";
19
+ readonly 60: "rgb(var(--color-p-gray-60))";
20
+ readonly 70: "rgb(var(--color-p-gray-70))";
21
+ readonly 80: "rgb(var(--color-p-gray-80))";
22
+ readonly 90: "rgb(var(--color-p-gray-90))";
23
+ readonly 100: "rgb(var(--color-p-gray-100))";
24
24
  };
25
25
  readonly 'p-blue': {
26
- readonly 10: "var(--color-p-blue-10)";
27
- readonly 15: "var(--color-p-blue-15)";
28
- readonly 20: "var(--color-p-blue-20)";
29
- readonly 30: "var(--color-p-blue-30)";
30
- readonly 40: "var(--color-p-blue-40)";
31
- readonly 50: "var(--color-p-blue-50)";
32
- readonly 60: "var(--color-p-blue-60)";
33
- readonly 70: "var(--color-p-blue-70)";
34
- readonly 80: "var(--color-p-blue-80)";
26
+ readonly 10: "rgb(var(--color-p-blue-10))";
27
+ readonly 15: "rgb(var(--color-p-blue-15))";
28
+ readonly 20: "rgb(var(--color-p-blue-20))";
29
+ readonly 30: "rgb(var(--color-p-blue-30))";
30
+ readonly 40: "rgb(var(--color-p-blue-40))";
31
+ readonly 50: "rgb(var(--color-p-blue-50))";
32
+ readonly 60: "rgb(var(--color-p-blue-60))";
33
+ readonly 70: "rgb(var(--color-p-blue-70))";
34
+ readonly 80: "rgb(var(--color-p-blue-80))";
35
35
  };
36
36
  readonly 'p-purple': {
37
- readonly 10: "var(--color-p-purple-10)";
38
- readonly 20: "var(--color-p-purple-20)";
39
- readonly 30: "var(--color-p-purple-30)";
40
- readonly 40: "var(--color-p-purple-40)";
41
- readonly 50: "var(--color-p-purple-50)";
42
- readonly 60: "var(--color-p-purple-60)";
37
+ readonly 10: "rgb(var(--color-p-purple-10))";
38
+ readonly 20: "rgb(var(--color-p-purple-20))";
39
+ readonly 30: "rgb(var(--color-p-purple-30))";
40
+ readonly 40: "rgb(var(--color-p-purple-40))";
41
+ readonly 50: "rgb(var(--color-p-purple-50))";
42
+ readonly 60: "rgb(var(--color-p-purple-60))";
43
43
  };
44
44
  readonly 'p-green': {
45
- readonly 10: "var(--color-p-green-10)";
46
- readonly 20: "var(--color-p-green-20)";
47
- readonly 30: "var(--color-p-green-30)";
48
- readonly 40: "var(--color-p-green-40)";
49
- readonly 50: "var(--color-p-green-50)";
45
+ readonly 10: "rgb(var(--color-p-green-10))";
46
+ readonly 20: "rgb(var(--color-p-green-20))";
47
+ readonly 30: "rgb(var(--color-p-green-30))";
48
+ readonly 40: "rgb(var(--color-p-green-40))";
49
+ readonly 50: "rgb(var(--color-p-green-50))";
50
50
  };
51
51
  readonly 'p-red': {
52
- readonly 10: "var(--color-p-red-10)";
53
- readonly 20: "var(--color-p-red-20)";
54
- readonly 30: "var(--color-p-red-30)";
55
- readonly 40: "var(--color-p-red-40)";
56
- readonly 50: "var(--color-p-red-50)";
52
+ readonly 10: "rgb(var(--color-p-red-10))";
53
+ readonly 20: "rgb(var(--color-p-red-20))";
54
+ readonly 30: "rgb(var(--color-p-red-30))";
55
+ readonly 40: "rgb(var(--color-p-red-40))";
56
+ readonly 50: "rgb(var(--color-p-red-50))";
57
57
  };
58
- readonly primary: "var(--color-primary)";
59
- readonly accent: "var(--color-accent)";
60
- readonly surface: "var(--color-surface)";
61
- readonly 'on-surface': "var(--color-on-surface)";
62
- readonly error: "var(--color-error)";
63
- readonly 'on-error': "var(--color-on-error)";
64
- readonly info: "var(--color-info)";
65
- readonly 'on-info': "var(--color-on-info)";
66
- readonly success: "var(--color-success)";
67
- readonly 'on-success': "var(--color-on-success)";
68
- readonly warning: "var(--color-warning)";
69
- readonly 'on-warning': "var(--color-on-warning)";
58
+ readonly primary: "rgb(var(--color-primary))";
59
+ readonly accent: "rgb(var(--color-accent))";
60
+ readonly surface: "rgb(var(--color-surface))";
61
+ readonly 'on-surface': "rgb(var(--color-on-surface))";
62
+ readonly error: "rgb(var(--color-error))";
63
+ readonly 'on-error': "rgb(var(--color-on-error))";
64
+ readonly info: "rgb(var(--color-info))";
65
+ readonly 'on-info': "rgb(var(--color-on-info))";
66
+ readonly success: "rgb(var(--color-success))";
67
+ readonly 'on-success': "rgb(var(--color-on-success))";
68
+ readonly warning: "rgb(var(--color-warning))";
69
+ readonly 'on-warning': "rgb(var(--color-on-warning))";
70
70
  };
71
71
  readonly fontFamily: {
72
72
  readonly sans: ["Inter", "Helvetica", "Arial", "sans-serif"];
@@ -85,7 +85,7 @@ export declare const config: {
85
85
  };
86
86
  readonly extend: {
87
87
  readonly borderColor: {
88
- readonly DEFAULT: "var(--color-p-gray-30)";
88
+ readonly DEFAULT: "rgb(var(--color-p-gray-30))";
89
89
  };
90
90
  readonly spacing: {
91
91
  readonly 7.5: "1.875rem";