@tqc-solution/design-system 0.1.74 → 0.1.75

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 (5) hide show
  1. package/dist/index.cjs.js +1 -1
  2. package/dist/index.es.js +1 -1
  3. package/dist/tailwind/pubfuture.preset.js +1 -0
  4. package/package.json +6 -4
  5. package/dist/pubfuture.css +0 -188
package/dist/tailwind/pubfuture.preset.js CHANGED
@@ -14,6 +14,7 @@ export default {
14
14
  theme: {
15
15
  extend: {
16
16
  "colors": {
17
+ "background-bg-inverse": "var(--background-bg-inverse)",
17
18
  "background-bg-overlay": "var(--background-bg-overlay)",
18
19
  "background-bg-primary": "var(--background-bg-primary)",
19
20
  "background-bg-secondary": "var(--background-bg-secondary)",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tqc-solution/design-system",
3
- "version": "0.1.74",
3
+ "version": "0.1.75",
4
4
  "description": "TQC Design System - Reusable React components with multi-theme support",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs.js",
@@ -28,10 +28,12 @@
28
28
  "default": "./dist/tailwind/index.js"
29
29
  },
30
30
  "default": "./dist/tailwind/index.js"
31
- },
32
- "./pubfuture.css": "./dist/pubfuture.css",
33
- "./oio.css": "./dist/oio.css"
31
+ }
34
32
  },
33
+ "sideEffects": [
34
+ "./dist/index.es.js",
35
+ "./dist/index.cjs.js"
36
+ ],
35
37
  "files": [
36
38
  "dist",
37
39
  "README.md"
package/dist/pubfuture.css DELETED
@@ -1,188 +0,0 @@
1
-
2
- :root[data-theme="pubfuture"],
3
- :root.pubfuture,
4
- :root {
5
- --background-bg-overlay: rgba(0, 0, 0, 0.30000001192092896);
6
- --background-bg-primary: #FFFFFF;
7
- --background-bg-secondary: #EEEEEE;
8
- --background-bg-tertiary: #EAEEF0;
9
- --background-fill-alert: #FEF5E7;
10
- --background-fill-black-opacity-30: rgba(0, 0, 0, 0.30000001192092896);
11
- --background-fill-brand: #3FAE3B;
12
- --background-fill-brand-accent: #2FAFF8;
13
- --background-fill-brand-accent-moderate: #B1E1FD;
14
- --background-fill-brand-accent-strong: #2980B9;
15
- --background-fill-brand-accent-subtle: #E6F6FE;
16
- --background-fill-brand-moderate: #C6F0C5;
17
- --background-fill-brand-strong: #328B2F;
18
- --background-fill-brand-subtle: #E3F7E3;
19
- --background-fill-disabled: #F4F4F4;
20
- --background-fill-infor: #093651;
21
- --background-fill-infor-subtle: #F2F5F6;
22
- --background-fill-negative: #E84118;
23
- --background-fill-negative-moderate: #F8C6BA;
24
- --background-fill-negative-strong: #CD3712;
25
- --background-fill-negative-subtle: #FCECE8;
26
- --background-fill-positive: #2FAFF8;
27
- --background-fill-positive-subtle: #E6F6FE;
28
- --background-fill-primary: #FFFFFF;
29
- --background-fill-primary-moderate: #EEEEEE;
30
- --background-fill-primary-subtle: #CCCCCC;
31
- --background-fill-secondary: #DAE1E5;
32
- --background-fill-secondary-moderate: #EAEEF0;
33
- --background-fill-secondary-strong: #47687D;
34
- --background-fill-secondary-subtle: #F2F5F6;
35
- --background-fill-warning: #F39C12;
36
- --background-fill-warning-subtle: #FDF1DD;
37
- --background-fill-white-opacity-40: rgba(255, 255, 255, 0.4000000059604645);
38
- --background-fill-white-opacity-60: rgba(255, 255, 255, 0.6000000238418579);
39
- --background-surface-disabled: #F4F4F4;
40
- --background-surface-focus: #FFFFFF;
41
- --background-surface-primary: #FFFFFF;
42
- --background-surface-secondary: #999999;
43
- --body-lg-font-size: 16px;
44
- --body-lg-line-height: 24px;
45
- --body-lg-weight-medium: medium;
46
- --body-lg-weight-regular: regular;
47
- --body-lg-weight-semibold: semibold;
48
- --body-md-font-size: 14px;
49
- --body-md-line-height: 20px;
50
- --body-md-weight-medium: medium;
51
- --body-md-weight-regular: regular;
52
- --body-md-weight-semibold: semibold;
53
- --body-sm-font-size: 12px;
54
- --body-sm-line-height: 18px;
55
- --body-sm-weight-bold: bold ;
56
- --body-sm-weight-medium: medium;
57
- --body-sm-weight-regular: regular;
58
- --body-xs-font-size: 10px;
59
- --body-xs-line-height: 14px;
60
- --body-xs-weight: medium;
61
- --decorative-yellow: #FEF5E7;
62
- --divider-primary: #CCCCCC;
63
- --divider-secondary: #EEEEEE;
64
- --divider-tertiary: #000000;
65
- --effect-10-pct: rgba(0, 0, 0, 0.10000000149011612);
66
- --effect-15-pct: rgba(0, 0, 0, 0.15000000596046448);
67
- --effect-18-pct: rgba(0, 0, 0, 0.18000000715255737);
68
- --effect-20-pct: rgba(0, 0, 0, 0.20000000298023224);
69
- --effect-3-pct: rgba(0, 0, 0, 0.029999999329447746);
70
- --effect-5-pct: rgba(0, 0, 0, 0.05000000074505806);
71
- --effect-8-pct: rgba(0, 0, 0, 0.07999999821186066);
72
- --font-family-primary: manrope;
73
- --heading-2xl-font-size: 36px;
74
- --heading-2xl-line-height: 56px;
75
- --heading-2xl-weight: bold ;
76
- --heading-3xl-font-size: 60px;
77
- --heading-3xl-line-height: 72px;
78
- --heading-3xl-weight: bold ;
79
- --heading-lg-font-size: 24px;
80
- --heading-lg-line-height: 36px;
81
- --heading-lg-weight: bold ;
82
- --heading-md-font-size: 18px;
83
- --heading-md-line-height: 32px;
84
- --heading-md-weight: bold ;
85
- --heading-sm-font-size: 16px;
86
- --heading-sm-line-weight: 24px;
87
- --heading-sm-weight: bold ;
88
- --heading-xl-font-size: 32px;
89
- --heading-xl-line-height: 48px;
90
- --heading-xl-weight: bold ;
91
- --heading-xs-font-size: 14px;
92
- --heading-xs-line-height: 20px;
93
- --heading-xs-weight: bold ;
94
- --border-brand: #3FAE3B;
95
- --icon-brand: #3FAE3B;
96
- --icon-brand-strong: #328B2F;
97
- --icon-disabled: #CCCCCC;
98
- --icon-infor: #47687D;
99
- --icon-Infor-subtle: #F2F5F6;
100
- --icon-inverse: #FFFFFF;
101
- --icon-negative: #E84118;
102
- --icon-negative-subtle: #FCECE8;
103
- --icon-positive: #2FAFF8;
104
- --icon-positive-moderate: #B1E1FD;
105
- --icon-positive-strong: #2980B9;
106
- --icon-primary: #000000;
107
- --icon-secondary: #777777;
108
- --icon-tertiary: #093651;
109
- --icon-warning: #F39C12;
110
- --icon-warning-subtle: #FDF1DD;
111
- --radius-0: 0px;
112
- --radius-12: 12px;
113
- --radius-16: 16px;
114
- --radius-24: 24px;
115
- --radius-4: 4px;
116
- --radius-6: 6px;
117
- --radius-8: 8px;
118
- --radius-full: 9999px;
119
- --shadow-shadow-2xl: 1px 24px 48px -14px rgba(10, 13, 18, 0.18);
120
- --shadow-shadow-3xl: 4px 4px 20px 4px rgba(0, 0, 0, 0.15);
121
- --shadow-shadow-lg: 0px 4px 6px -2px rgba(10, 13, 18, 0.03), 2px 4px 16px 0px rgba(10, 13, 18, 0.1);
122
- --shadow-shadow-md: -1px 1px 6px 0px rgba(0, 0, 0, 0.15);
123
- --shadow-shadow-sm: 0px 1px 2px 0px rgba(10, 13, 18, 0.06), 0px 1px 3px 0px rgba(10, 13, 18, 0.1);
124
- --shadow-shadow-sm-destructive: 0px 0px 0px 4px #fcece8, 0px 1px 2px 0px rgba(9, 105, 27, 0.05);
125
- --shadow-shadow-sm-neutral: 0px 0px 0px 4px #eeeeee, 0px 1px 2px 0px rgba(9, 105, 27, 0.05);
126
- --shadow-shadow-sm-primary: 0px 0px 0px 4px #e3f7e3, 0px 1px 2px 0px rgba(9, 105, 27, 0.05);
127
- --shadow-shadow-sm-secondary: 0px 0px 0px 4px #e6f6fe, 0px 1px 2px 0px rgba(9, 105, 27, 0.05);
128
- --shadow-shadow-xl: 0px 8px 8px -4px rgba(10, 13, 18, 0.03), 5px 13px 17px 7px rgba(10, 13, 18, 0.08);
129
- --spacing--8: -8px;
130
- --spacing-0: 0px;
131
- --spacing-12: 12px;
132
- --spacing-128: 128px;
133
- --spacing-144: 144px;
134
- --spacing-16: 16px;
135
- --spacing-2: 2px;
136
- --spacing-20: 20px;
137
- --spacing-22: 22px;
138
- --spacing-24: 24px;
139
- --spacing-28: 28px;
140
- --spacing-32: 32px;
141
- --spacing-36: 36px;
142
- --spacing-4: 4px;
143
- --spacing-40: 40px;
144
- --spacing-44: 44px;
145
- --spacing-48: 48px;
146
- --spacing-6: 6px;
147
- --spacing-60: 60px;
148
- --spacing-72: 72px;
149
- --spacing-8: 8px;
150
- --spacing-80: 80px;
151
- --spacing-full: 9999px;
152
- --stroke-brand: #3FAE3B;
153
- --stroke-brand-strong: #328B2F;
154
- --stroke-brand-subtle: #E3F7E3;
155
- --stroke-disable: #F4F4F4;
156
- --stroke-inverse: #000000;
157
- --stroke-negative: #E84118;
158
- --stroke-positive: #2FAFF8;
159
- --stroke-primary: #CCCCCC;
160
- --stroke-secondary: #EEEEEE;
161
- --stroke-Stroke-0-5: 0.5px;
162
- --stroke-Stroke-1: 1px;
163
- --stroke-Stroke-1-5: 1.5px;
164
- --stroke-Stroke-2: 2px;
165
- --stroke-Stroke-4: 4px;
166
- --stroke-tertiary: #47687D;
167
- --stroke-warning: #F39C12;
168
- --text-brand: #3FAE3B;
169
- --text-brand-strong: #328B2F;
170
- --text-brand-subtle: #E3F7E3;
171
- --text-disabled: #CCCCCC;
172
- --text-inverse: #FFFFFF;
173
- --text-inverse-moderate: #F9F9F9;
174
- --text-nagative-moderate: #F18D74;
175
- --text-negative: #E84118;
176
- --text-positive: #2FAFF8;
177
- --text-positive-moderate: #63C3FA;
178
- --text-primary: #000000;
179
- --text-secondary: #777777;
180
- --text-tertiary: #093651;
181
- --text-tertiary-moderate: #47687D;
182
- --text-warning: #F39C12;
183
- --text-warning-moderate: #F8C471;
184
- --weight-bold: bold ;
185
- --weight-medium: medium;
186
- --weight-regular: regular;
187
- --weight-semibold: semibold;
188
- }