@bcc-code/design-tokens 3.0.23 → 3.0.26

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 (3) hide show
  1. package/config/primevue-overrides.css +179 -179
  2. package/config/primevue.config.js +987 -987
  3. package/package.json +1 -1
package/config/primevue-overrides.css CHANGED
@@ -1,179 +1,179 @@
1
- /* primevue-overrides.css - CSS-level component overrides */
2
- @layer custom {
3
- .p-accordionheader {
4
- gap: var(--p-accordion-header-gap);
5
- }
6
-
7
- .p-autocomplete-input-multiple {
8
- min-height: var(--p-autocomplete-input-multiple-min-height);
9
- gap: var(--p-autocomplete-input-multiple-gap);
10
- }
11
-
12
- .p-badge-circle {
13
- border-radius: var(--p-badge-circle-border-radius);
14
- }
15
-
16
- .p-button {
17
- min-height: var(--p-button-min-height);
18
- }
19
-
20
- .p-button-sm {
21
- min-height: var(--p-button-sm-min-height);
22
- }
23
-
24
- .p-button-lg {
25
- min-height: var(--p-button-lg-min-height);
26
- }
27
-
28
- .p-button.p-button-icon-only {
29
- min-width: var(--p-button-icon-only-width);
30
- }
31
-
32
- .p-button-sm.p-button-icon-only {
33
- min-width: var(--p-button-sm-icon-only-width);
34
- }
35
-
36
- .p-button-lg.p-button-icon-only {
37
- min-width: var(--p-button-lg-icon-only-width);
38
- }
39
-
40
- .p-chip {
41
- border-radius: var(--p-chip-remove-icon-border-radius);
42
- }
43
-
44
- .p-divider {
45
- gap: var(--p-divider-content-gap);
46
- }
47
-
48
- .p-inputgroupaddon {
49
- min-height: var(--p-inputgroup-addon-min-height);
50
- }
51
-
52
- .p-inputtext {
53
- min-height: var(--p-inputtext-min-height);
54
- }
55
-
56
- .p-inputtext-sm {
57
- min-height: var(--p-inputtext-sm-min-height);
58
- }
59
-
60
- .p-inputtext-lg {
61
- min-height: var(--p-inputtext-lg-min-height);
62
- }
63
-
64
- .p-message {
65
- min-height: var(--p-message-content-min-height);
66
- }
67
-
68
- .p-message-sm {
69
- min-height: var(--p-message-content-sm-min-height);
70
- }
71
-
72
- .p-message-lg {
73
- min-height: var(--p-message-content-lg-min-height);
74
- }
75
-
76
- .p-multiselect {
77
- min-height: var(--p-multiselect-min-height);
78
- }
79
-
80
- .p-multiselect-sm {
81
- min-height: var(--p-multiselect-sm-min-height);
82
- }
83
-
84
- .p-multiselect-lg {
85
- min-height: var(--p-multiselect-lg-min-height);
86
- }
87
-
88
- .p-multiselect-label-container {
89
- display: flex;
90
- align-items: center;
91
- }
92
-
93
- .p-radiobutton {
94
- gap: var(--p-radiobutton-gap);
95
- border-radius: var(--p-radiobutton-border-radius);
96
- }
97
-
98
- .p-radiobutton-icon {
99
- border-radius: var(--p-radiobutton-icon-border-radius);
100
- }
101
-
102
- .p-radiobutton-icon-sm {
103
- border-radius: var(--p-radiobutton-icon-sm-border-radius);
104
- }
105
-
106
- .p-radiobutton-icon-lg {
107
- border-radius: var(--p-radiobutton-icon-lg-border-radius);
108
- }
109
-
110
- .p-select {
111
- min-height: var(--p-select-min-height);
112
- }
113
-
114
- .p-select-sm {
115
- min-height: var(--p-select-sm-min-height);
116
- }
117
-
118
- .p-select-lg {
119
- min-height: var(--p-select-lg-min-height);
120
- }
121
-
122
- .p-select-label {
123
- display: flex;
124
- align-items: center;
125
- }
126
-
127
- .p-select-option {
128
- gap: var(--p-select-option-gap);
129
- }
130
-
131
- .p-tag-sm {
132
- font-size: var(--p-tag-sm-font-size);
133
- padding: var(--p-tag-sm-padding);
134
- }
135
-
136
- .p-tag-lg {
137
- font-size: var(--p-tag-lg-font-size);
138
- padding: var(--p-tag-lg-padding);
139
- }
140
-
141
- .p-tag-sm .p-tag-icon {
142
- font-size: var(--p-tag-sm-icon-size);
143
- }
144
-
145
- .p-tag-lg .p-tag-icon {
146
- font-size: var(--p-tag-lg-icon-size);
147
- }
148
-
149
- .p-textarea {
150
- min-height: var(--p-textarea-min-height);
151
- }
152
-
153
- .p-togglebutton {
154
- min-height: var(--p-togglebutton-min-height);
155
- line-height: var(--p-togglebutton-line-height);
156
- }
157
-
158
- .p-togglebutton .p-togglebutton-sm {
159
- min-height: var(--p-togglebutton-sm-min-height);
160
- border-radius: var(--p-togglebutton-sm-border-radius);
161
- }
162
-
163
- .p-togglebutton-lg {
164
- min-height: var(--p-togglebutton-lg-min-height);
165
- }
166
-
167
- .p-togglebutton .p-togglebutton-content {
168
- min-height: var(--p-togglebutton-content-min-height);
169
- }
170
-
171
- .p-togglebutton-sm .p-togglebutton-content {
172
- min-height: var(--p-togglebutton-content-sm-min-height);
173
- border-radius: var(--p-togglebutton-content-sm-border-radius);
174
- }
175
-
176
- .p-togglebutton-lg .p-togglebutton-content {
177
- min-height: var(--p-togglebutton-content-lg-min-height);
178
- }
179
- }
1
+ /* primevue-overrides.css - CSS-level component overrides */
2
+ @layer custom {
3
+ .p-accordionheader {
4
+ gap: var(--p-accordion-header-gap);
5
+ }
6
+
7
+ .p-autocomplete-input-multiple {
8
+ min-height: var(--p-autocomplete-input-multiple-min-height);
9
+ gap: var(--p-autocomplete-input-multiple-gap);
10
+ }
11
+
12
+ .p-badge-circle {
13
+ border-radius: var(--p-badge-circle-border-radius);
14
+ }
15
+
16
+ .p-button {
17
+ min-height: var(--p-button-min-height);
18
+ }
19
+
20
+ .p-button-sm {
21
+ min-height: var(--p-button-sm-min-height);
22
+ }
23
+
24
+ .p-button-lg {
25
+ min-height: var(--p-button-lg-min-height);
26
+ }
27
+
28
+ .p-button.p-button-icon-only {
29
+ min-width: var(--p-button-icon-only-width);
30
+ }
31
+
32
+ .p-button-sm.p-button-icon-only {
33
+ min-width: var(--p-button-sm-icon-only-width);
34
+ }
35
+
36
+ .p-button-lg.p-button-icon-only {
37
+ min-width: var(--p-button-lg-icon-only-width);
38
+ }
39
+
40
+ .p-chip {
41
+ border-radius: var(--p-chip-remove-icon-border-radius);
42
+ }
43
+
44
+ .p-divider {
45
+ gap: var(--p-divider-content-gap);
46
+ }
47
+
48
+ .p-inputgroupaddon {
49
+ min-height: var(--p-inputgroup-addon-min-height);
50
+ }
51
+
52
+ .p-inputtext {
53
+ min-height: var(--p-inputtext-min-height);
54
+ }
55
+
56
+ .p-inputtext-sm {
57
+ min-height: var(--p-inputtext-sm-min-height);
58
+ }
59
+
60
+ .p-inputtext-lg {
61
+ min-height: var(--p-inputtext-lg-min-height);
62
+ }
63
+
64
+ .p-message {
65
+ min-height: var(--p-message-content-min-height);
66
+ }
67
+
68
+ .p-message-sm {
69
+ min-height: var(--p-message-content-sm-min-height);
70
+ }
71
+
72
+ .p-message-lg {
73
+ min-height: var(--p-message-content-lg-min-height);
74
+ }
75
+
76
+ .p-multiselect {
77
+ min-height: var(--p-multiselect-min-height);
78
+ }
79
+
80
+ .p-multiselect-sm {
81
+ min-height: var(--p-multiselect-sm-min-height);
82
+ }
83
+
84
+ .p-multiselect-lg {
85
+ min-height: var(--p-multiselect-lg-min-height);
86
+ }
87
+
88
+ .p-multiselect-label-container {
89
+ display: flex;
90
+ align-items: center;
91
+ }
92
+
93
+ .p-radiobutton {
94
+ gap: var(--p-radiobutton-gap);
95
+ border-radius: var(--p-radiobutton-border-radius);
96
+ }
97
+
98
+ .p-radiobutton-icon {
99
+ border-radius: var(--p-radiobutton-icon-border-radius);
100
+ }
101
+
102
+ .p-radiobutton-icon-sm {
103
+ border-radius: var(--p-radiobutton-icon-sm-border-radius);
104
+ }
105
+
106
+ .p-radiobutton-icon-lg {
107
+ border-radius: var(--p-radiobutton-icon-lg-border-radius);
108
+ }
109
+
110
+ .p-select {
111
+ min-height: var(--p-select-min-height);
112
+ }
113
+
114
+ .p-select-sm {
115
+ min-height: var(--p-select-sm-min-height);
116
+ }
117
+
118
+ .p-select-lg {
119
+ min-height: var(--p-select-lg-min-height);
120
+ }
121
+
122
+ .p-select-label {
123
+ display: flex;
124
+ align-items: center;
125
+ }
126
+
127
+ .p-select-option {
128
+ gap: var(--p-select-option-gap);
129
+ }
130
+
131
+ .p-tag-sm {
132
+ font-size: var(--p-tag-sm-font-size);
133
+ padding: var(--p-tag-sm-padding);
134
+ }
135
+
136
+ .p-tag-lg {
137
+ font-size: var(--p-tag-lg-font-size);
138
+ padding: var(--p-tag-lg-padding);
139
+ }
140
+
141
+ .p-tag-sm .p-tag-icon {
142
+ font-size: var(--p-tag-sm-icon-size);
143
+ }
144
+
145
+ .p-tag-lg .p-tag-icon {
146
+ font-size: var(--p-tag-lg-icon-size);
147
+ }
148
+
149
+ .p-textarea {
150
+ min-height: var(--p-textarea-min-height);
151
+ }
152
+
153
+ .p-togglebutton {
154
+ min-height: var(--p-togglebutton-min-height);
155
+ line-height: var(--p-togglebutton-line-height);
156
+ }
157
+
158
+ .p-togglebutton .p-togglebutton-sm {
159
+ min-height: var(--p-togglebutton-sm-min-height);
160
+ border-radius: var(--p-togglebutton-sm-border-radius);
161
+ }
162
+
163
+ .p-togglebutton-lg {
164
+ min-height: var(--p-togglebutton-lg-min-height);
165
+ }
166
+
167
+ .p-togglebutton .p-togglebutton-content {
168
+ min-height: var(--p-togglebutton-content-min-height);
169
+ }
170
+
171
+ .p-togglebutton-sm .p-togglebutton-content {
172
+ min-height: var(--p-togglebutton-content-sm-min-height);
173
+ border-radius: var(--p-togglebutton-content-sm-border-radius);
174
+ }
175
+
176
+ .p-togglebutton-lg .p-togglebutton-content {
177
+ min-height: var(--p-togglebutton-content-lg-min-height);
178
+ }
179
+ }