@tqc-solution/design-system 0.1.75 → 0.1.77

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/css/pubfuture.css +188 -0
  2. package/dist/index.cjs.js +1 -1
  3. package/dist/index.es.js +1 -1
  4. package/dist/tailwind/pubfuture.preset.js +0 -1
  5. package/package.json +5 -2
package/dist/css/pubfuture.css ADDED
@@ -0,0 +1,188 @@
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
+ }