srcdev-nuxt-forms 2.1.2 → 2.1.3

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.
@@ -1,2 +1 @@
1
1
  @import './_theme.css';
2
- /* @import './_palette.css'; */
@@ -150,6 +150,8 @@ const isChecked = computed(() => {
150
150
  grid-area: element-stack;
151
151
  background-color: var(--theme-form-checkbox-bg);
152
152
 
153
+ border-radius: var(--_checkbox-border-radius);
154
+ transform: translate(-2px, -2px);
153
155
  height: var(--_checkbox-size);
154
156
  width: var(--_checkbox-size);
155
157
  place-content: center;
@@ -153,6 +153,7 @@ const isChecked = computed(() => {
153
153
  grid-area: element-stack;
154
154
  background-color: var(--theme-form-checkbox-bg);
155
155
 
156
+ transform: translate(-2px, -2px);
156
157
  place-content: center;
157
158
  position: relative;
158
159
  z-index: -1;
package/nuxt.config.ts CHANGED
@@ -1,10 +1,11 @@
1
1
  // https://nuxt.com/docs/api/configuration/nuxt-config
2
- import { createResolver } from '@nuxt/kit';
3
- const { resolve } = createResolver(import.meta.url);
2
+ // import { createResolver } from '@nuxt/kit';
3
+ // const { resolve } = createResolver(import.meta.url);
4
4
 
5
5
  export default defineNuxtConfig({
6
6
  devtools: { enabled: true },
7
- css: [resolve('./assets/styles/main.css')],
7
+ // css: [resolve('./assets/styles/main.css')],
8
+ css: ['modern-normalize', './assets/styles/main.css'],
8
9
  modules: ['@nuxt/icon'],
9
10
  components: [
10
11
  {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "srcdev-nuxt-forms",
3
3
  "type": "module",
4
- "version": "2.1.2",
4
+ "version": "2.1.3",
5
5
  "main": "nuxt.config.ts",
6
6
  "scripts": {
7
7
  "clean": "rm -rf .nuxt && rm -rf .output && rm -rf .playground/.nuxt && rm -rf .playground/.output",
@@ -32,6 +32,7 @@
32
32
  "@iconify-json/radix-icons": "1.2.1",
33
33
  "@iconify-json/ri": "1.2.3",
34
34
  "@nuxt/icon": "1.7.2",
35
+ "modern-normalize": "3.0.1",
35
36
  "nuxt": "3.14.159",
36
37
  "zod": "3.23.8"
37
38
  },
@@ -1,104 +0,0 @@
1
- :root {
2
- --grayscale-surface-subtle: #f3f2f4;
3
- --grayscale-surface-default: #847d85;
4
- --grayscale-surface-disabled: #c6c3c7;
5
- --grayscale-border-default: #9d979d;
6
- --grayscale-border-disabled: #ada8ad;
7
- --grayscale-border-dark: #494549;
8
- --grayscale-text-title: #373538;
9
- --grayscale-text-body: #494549;
10
- --grayscale-text-subtitle: #787279;
11
- --grayscale-text-caption: #847d85;
12
- --grayscale-text-negative: #f3f2f3;
13
- --grayscale-text-disabled: #c6c3c7;
14
-
15
- --primary-surface-subtle: #f2e8f2;
16
- --primary-surface-light: #d5b9d7;
17
- --primary-surface-default: #781d7d;
18
- --primary-surface-dark: #551559;
19
- --primary-border-subtle: #d5b9d7;
20
- --primary-border-default: #781d7d;
21
- --primary-border-dark: #421045;
22
- --primary-border-light: #c197c3;
23
- --primary-text-icon: #781d7d;
24
-
25
- --secondary-surface-subtle: #fef1eb;
26
- --secondary-surface-light: #fbd5c1;
27
- --secondary-surface-default: #f37737;
28
- --secondary-surface-dark: #ad5427;
29
- --secondary-border-subtle: #fbd5c1;
30
- --secondary-border-default: #f37737;
31
- --secondary-border-dark: #86411e;
32
- --secondary-border-light: #f9c0a3;
33
- --secondary-text-icon: #f37737;
34
-
35
- --accent-primary-surface-light: #e6f8fc;
36
- --accent-primary-surface-subtle: #b0eaf7;
37
- --accent-primary-surface-default: #00bbe4;
38
- --accent-primary-surface-dark: #0085a2;
39
- --accent-primary-border-subtle: #b0eaf7;
40
- --accent-primary-border-default: #00bbe4;
41
- --accent-primary-border-dark: #00677d;
42
- --accent-primary-border-light: #8ae0f3;
43
- --accent-primary-text-icon: #00bbe4;
44
-
45
- --accent-secondary-surface-subtle: #f4f9ec;
46
- --accent-secondary-surface-light: #dcedc3;
47
- --accent-secondary-surface-default: #8ec63f;
48
- --accent-secondary-surface-dark: #658d2d;
49
- --accent-secondary-border-subtle: #dcedc3;
50
- --accent-secondary-border-default: #8ec63f;
51
- --accent-secondary-border-dark: #4e6d23;
52
- --accent-secondary-border-light: #cbe5a7;
53
- --accent-secondary-text-icon: #8ec63f;
54
-
55
- --accent-tertiary-surface-subtle: #feecf4;
56
- --accent-tertiary-surface-light: #fac4dd;
57
- --accent-tertiary-surface-default: #f04292;
58
- --accent-tertiary-surface-dark: #aa2f68;
59
- --accent-tertiary-border-subtle: #fac4dd;
60
- --accent-tertiary-border-default: #f04292;
61
- --accent-tertiary-border-dark: #842450;
62
- --accent-tertiary-border-light: #f8a8cd;
63
- --accent-tertiary-text-icon: #f04292;
64
-
65
- --error-surface-subtle: #fceaed;
66
- --error-surface-light: #f5bdc6;
67
- --error-surface-default: #e02947;
68
- --error-surface-dark: #9f1d32;
69
- --error-border-subtle: #f5bdc6;
70
- --error-border-default: #e02947;
71
- --error-border-dark: #7b1727;
72
- --error-border-light: #f19daa;
73
- --error-text-icon: #e02947;
74
-
75
- --warning-orange-surface-subtle: #fef5e6;
76
- --warning-orange-surface-light: #fce0b0;
77
- --warning-orange-surface-default: #f59b00;
78
- --warning-orange-surface-dark: #ae6e00;
79
- --warning-orange-border-subtle: #fce0b0;
80
- --warning-orange-border-default: #f59b00;
81
- --warning-orange-border-dark: #875500;
82
- --warning-orange-border-light: #fad18a;
83
- --warning-orange-text-icon: #f59b00;
84
-
85
- --warning-yellow-surface-subtle: #fffbe6;
86
- --warning-yellow-surface-light: #fff4b0;
87
- --warning-yellow-surface-default: #ffda00;
88
- --warning-yellow-surface-dark: #b59b00;
89
- --warning-yellow-border-subtle: #fff4b0;
90
- --warning-yellow-border-default: #ffda00;
91
- --warning-yellow-border-dark: #8c7800;
92
- --warning-yellow-border-light: #ffee8a;
93
- --warning-yellow-text-icon: #ffda00;
94
-
95
- --success-surface-subtle: #e6f8f7;
96
- --success-surface-light: #b2eae5;
97
- --success-surface-default: #07bbac;
98
- --success-surface-dark: #05857a;
99
- --success-border-subtle: #b2eae5;
100
- --success-border-default: #07bbac;
101
- --success-border-dark: #04675f;
102
- --success-border-light: #8de0d9;
103
- --success-text-icon: #07bbac;
104
- }