@wippy-fe/theme 0.0.48 → 0.0.49

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 (8) hide show
  1. package/contracts/runtime-acceptance-requirements.json +175 -0
  2. package/contracts/theme-contract.json +601 -0
  3. package/effective-contract.json +10319 -0
  4. package/package.json +6 -1
  5. package/primevue/button.css +0 -11
  6. package/primevue/inputtext.css +42 -42
  7. package/tailwind-contract.json +6898 -0
  8. package/tokens.json +1391 -46
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wippy-fe/theme",
3
- "version": "0.0.48",
3
+ "version": "0.0.49",
4
4
  "description": "Theme variables, shared Tailwind config, and PrimeVue styling for Wippy web components.",
5
5
  "type": "module",
6
6
  "main": "theme-config.css",
@@ -10,11 +10,16 @@
10
10
  "./tailwind.config": "./tailwind.config.ts",
11
11
  "./primevue-plugin": "./primevue-plugin.ts",
12
12
  "./tokens.json": "./tokens.json",
13
+ "./effective-contract.json": "./effective-contract.json",
14
+ "./tailwind-contract.json": "./tailwind-contract.json",
13
15
  "./primevue/*": "./primevue/*"
14
16
  },
15
17
  "files": [
16
18
  "theme-config.css",
17
19
  "tokens.json",
20
+ "effective-contract.json",
21
+ "tailwind-contract.json",
22
+ "contracts/",
18
23
  "tailwind.config.ts",
19
24
  "primevue-plugin.ts",
20
25
  "primevue/",
package/primevue/button.css CHANGED
@@ -144,17 +144,6 @@
144
144
  focus-visible:outline-help-500 dark:focus-visible:outline-help-400
145
145
  }
146
146
 
147
- .p-button-help {
148
- @apply bg-help-500 enabled:hover:bg-help-600 enabled:active:bg-help-700
149
- border-help-500 enabled:hover:border-help-600 enabled:active:border-help-700
150
- text-white enabled:hover:text-white enabled:active:text-white
151
- dark:bg-help-400 dark:enabled:hover:bg-help-300 dark:enabled:active:bg-help-200
152
- dark:border-help-400 dark:enabled:hover:border-help-300 dark:enabled:active:border-help-200
153
- dark:text-help-950 dark:enabled:hover:text-help-950 dark:enabled:active:text-help-950
154
- focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2
155
- focus-visible:outline-help-500 dark:focus-visible:outline-help-400
156
- }
157
-
158
147
  .p-button-danger {
159
148
  @apply bg-danger-500 enabled:hover:bg-danger-600 enabled:active:bg-danger-700
160
149
  border-danger-500 enabled:hover:border-danger-600 enabled:active:border-danger-700
package/primevue/inputtext.css CHANGED
@@ -1,42 +1,42 @@
1
- .p-inputtext {
2
- @apply appearance-none
3
- border border-surface-300 dark:border-surface-700
4
- enabled:hover:border-surface-400 dark:enabled:hover:border-surface-600
5
- enabled:focus:border-primary dark:enabled:focus:border-primary
6
- bg-surface-0 dark:bg-surface-800
7
- text-surface-700 dark:text-surface-0
8
- disabled:bg-surface-200 disabled:text-surface-500 dark:disabled:bg-surface-700 dark:disabled:text-surface-400 disabled:opacity-100
9
- placeholder:text-surface-500 dark:placeholder:text-surface-400
10
- transition-colors
11
- outline-none;
12
- border-radius: var(--p-form-field-border-radius);
13
- padding: var(--p-form-field-padding-y) var(--p-form-field-padding-x);
14
- transition-duration: var(--p-form-field-transition-duration);
15
- box-shadow: var(--p-form-field-shadow);
16
- }
17
-
18
- .p-inputtext.p-invalid {
19
- @apply border-danger-400 dark:border-danger-300
20
- }
21
-
22
- .p-inputtext.p-variant-filled {
23
- @apply bg-surface-50 dark:bg-surface-800
24
- }
25
-
26
- .p-inputtext-sm {
27
- @apply text-sm;
28
- padding: var(--p-form-field-sm-padding-y) var(--p-form-field-sm-padding-x);
29
- }
30
-
31
- .p-inputtext-xs {
32
- @apply text-xs px-2 py-1
33
- }
34
-
35
- .p-inputtext-lg {
36
- @apply text-lg;
37
- padding: var(--p-form-field-lg-padding-y) var(--p-form-field-lg-padding-x);
38
- }
39
-
40
- .p-inputtext-fluid {
41
- @apply w-full
42
- }
1
+ .p-inputtext {
2
+ @apply appearance-none
3
+ border border-surface-300 dark:border-surface-700
4
+ enabled:hover:border-surface-400 dark:enabled:hover:border-surface-600
5
+ enabled:focus:border-primary dark:enabled:focus:border-primary
6
+ bg-surface-0 dark:bg-surface-800
7
+ text-surface-700 dark:text-surface-0
8
+ disabled:bg-surface-200 disabled:text-surface-500 dark:disabled:bg-surface-700 dark:disabled:text-surface-400 disabled:opacity-100
9
+ placeholder:text-surface-500 dark:placeholder:text-surface-400
10
+ transition-colors
11
+ outline-none;
12
+ border-radius: var(--p-form-field-border-radius);
13
+ padding: var(--p-form-field-padding-y) var(--p-form-field-padding-x);
14
+ transition-duration: var(--p-form-field-transition-duration);
15
+ box-shadow: var(--p-form-field-shadow);
16
+ }
17
+
18
+ .p-inputtext.p-invalid {
19
+ @apply border-danger-400 dark:border-danger-300
20
+ }
21
+
22
+ .p-inputtext.p-variant-filled {
23
+ @apply bg-surface-50 dark:bg-surface-800
24
+ }
25
+
26
+ .p-inputtext-sm {
27
+ @apply text-sm;
28
+ padding: var(--p-form-field-sm-padding-y) var(--p-form-field-sm-padding-x);
29
+ }
30
+
31
+ .p-inputtext-xs {
32
+ @apply text-xs px-2 py-1
33
+ }
34
+
35
+ .p-inputtext-lg {
36
+ @apply text-lg;
37
+ padding: var(--p-form-field-lg-padding-y) var(--p-form-field-lg-padding-x);
38
+ }
39
+
40
+ .p-inputtext-fluid {
41
+ @apply w-full
42
+ }