@pequity/squirrel 5.3.2 → 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 (28) hide show
  1. package/dist/cjs/config.js +54 -54
  2. package/dist/cjs/inputClassesShared.js +1 -1
  3. package/dist/cjs/p-drawer.js +3 -3
  4. package/dist/cjs/p-modal.js +3 -3
  5. package/dist/es/config.js +54 -54
  6. package/dist/es/inputClassesShared.js +1 -1
  7. package/dist/es/p-drawer.js +3 -3
  8. package/dist/es/p-modal.js +3 -3
  9. package/dist/squirrel/tailwind/config.d.ts +54 -54
  10. package/dist/squirrel/utils/inputClassesShared.d.ts +1 -1
  11. package/dist/style.css +92 -92
  12. package/dist/tailwind/config.js +54 -54
  13. package/package.json +2 -2
  14. package/squirrel/assets/squirrel.css +41 -41
  15. package/squirrel/components/p-alert/p-alert.spec.js +1 -1
  16. package/squirrel/components/p-drawer/p-drawer.vue +1 -1
  17. package/squirrel/components/p-file-upload/p-file-upload.spec.js +1 -1
  18. package/squirrel/components/p-inline-date-picker/p-inline-date-picker.spec.js +1 -1
  19. package/squirrel/components/p-input/p-input.spec.js +1 -1
  20. package/squirrel/components/p-input-number/p-input-number.spec.js +1 -1
  21. package/squirrel/components/p-input-percent/p-input-percent.spec.js +1 -1
  22. package/squirrel/components/p-modal/p-modal.vue +1 -1
  23. package/squirrel/components/p-select/p-select.spec.js +1 -1
  24. package/squirrel/components/p-textarea/p-textarea.spec.js +1 -1
  25. package/squirrel/composables/useInputClasses.spec.js +1 -1
  26. package/squirrel/tailwind/config.ts +54 -54
  27. package/squirrel/utils/inputClassesMixin.spec.js +1 -1
  28. package/squirrel/utils/inputClassesShared.ts +1 -1
package/squirrel/components/p-inline-date-picker/p-inline-date-picker.spec.js CHANGED
@@ -69,7 +69,7 @@ describe('PInlineDatePicker.vue', () => {
69
69
  expect(wrapper.find('label').classes()).toEqual([
70
70
  'block',
71
71
  'mb-1',
72
- 'font-bold',
72
+ 'font-medium',
73
73
  'text-sm',
74
74
  "after:content-['_*']",
75
75
  'after:text-on-error',
package/squirrel/components/p-input/p-input.spec.js CHANGED
@@ -65,7 +65,7 @@ describe('PInput.vue', () => {
65
65
  expect(wrapper.find('label').classes()).toEqual([
66
66
  'block',
67
67
  'mb-1',
68
- 'font-bold',
68
+ 'font-medium',
69
69
  'text-sm',
70
70
  "after:content-['_*']",
71
71
  'after:text-on-error',
package/squirrel/components/p-input-number/p-input-number.spec.js CHANGED
@@ -70,7 +70,7 @@ describe('PInputNumber.vue', () => {
70
70
  expect(wrapper.find('label').classes()).toEqual([
71
71
  'block',
72
72
  'mb-1',
73
- 'font-bold',
73
+ 'font-medium',
74
74
  'text-sm',
75
75
  "after:content-['_*']",
76
76
  'after:text-on-error',
package/squirrel/components/p-input-percent/p-input-percent.spec.js CHANGED
@@ -39,7 +39,7 @@ describe('PInputPercent.vue', () => {
39
39
  expect(wrapper.find('label').classes()).toEqual([
40
40
  'block',
41
41
  'mb-1',
42
- 'font-bold',
42
+ 'font-medium',
43
43
  'text-sm',
44
44
  "after:content-['_*']",
45
45
  'after:text-on-error',
package/squirrel/components/p-modal/p-modal.vue CHANGED
@@ -119,7 +119,7 @@ const props = defineProps({
119
119
  },
120
120
  bgClass: {
121
121
  type: [String, Object, Array] as PropType<StyleValue>,
122
- default: 'fixed bottom-0 left-0 right-0 top-0 bg-black bg-opacity-20',
122
+ default: 'fixed bottom-0 left-0 right-0 top-0 bg-black/20',
123
123
  },
124
124
  wrapperClass: {
125
125
  type: [String, Object, Array] as PropType<StyleValue>,
package/squirrel/components/p-select/p-select.spec.js CHANGED
@@ -80,7 +80,7 @@ describe('PSelect.vue', () => {
80
80
  expect(wrapper.find('label').classes()).toEqual([
81
81
  'block',
82
82
  'mb-1',
83
- 'font-bold',
83
+ 'font-medium',
84
84
  'text-sm',
85
85
  "after:content-['_*']",
86
86
  'after:text-on-error',
package/squirrel/components/p-textarea/p-textarea.spec.js CHANGED
@@ -53,7 +53,7 @@ describe('PTextarea.vue', () => {
53
53
  expect(wrapper.find('label').classes()).toEqual([
54
54
  'block',
55
55
  'mb-1',
56
- 'font-bold',
56
+ 'font-medium',
57
57
  'text-sm',
58
58
  "after:content-['_*']",
59
59
  'after:text-on-error',
package/squirrel/composables/useInputClasses.spec.js CHANGED
@@ -44,7 +44,7 @@ const baseInputClassesLg = () => {
44
44
  .replace('pr-4', 'pr-5');
45
45
  };
46
46
 
47
- const baseLabelClasses = 'block mb-1 font-bold text-sm';
47
+ const baseLabelClasses = 'block mb-1 font-medium text-sm';
48
48
 
49
49
  describe('useInputClasses', () => {
50
50
  it('generates input classes md', () => {
package/squirrel/tailwind/config.ts CHANGED
@@ -7,71 +7,71 @@ export 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 @@ export 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/squirrel/utils/inputClassesMixin.spec.js CHANGED
@@ -43,7 +43,7 @@ const baseInputClassesLg = () => {
43
43
  .replace('pr-4', 'pr-5');
44
44
  };
45
45
 
46
- const baseLabelClasses = 'block mb-1 font-bold text-sm';
46
+ const baseLabelClasses = 'block mb-1 font-medium text-sm';
47
47
 
48
48
  const createWrapper = (opts) => {
49
49
  const TestComponent = {
package/squirrel/utils/inputClassesShared.ts CHANGED
@@ -1,4 +1,4 @@
1
- export const LABEL_BASE = `block mb-1 font-bold`;
1
+ export const LABEL_BASE = `block mb-1 font-medium`;
2
2
 
3
3
  export const LABEL_SIZES = {
4
4
  sm: `text-xs`,