@globalbrain/sefirot 0.65.0 → 0.68.0

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 (52) hide show
  1. package/CHANGELOG.md +49 -0
  2. package/README.md +5 -17
  3. package/lib/.DS_Store +0 -0
  4. package/lib/assets/styles/variables.css +345 -5
  5. package/lib/components/.DS_Store +0 -0
  6. package/lib/components/SButton.vue +22 -27
  7. package/lib/components/SButtonGroup.vue +40 -22
  8. package/lib/components/SDialog.vue +4 -3
  9. package/lib/components/SInputBase.vue +27 -5
  10. package/lib/components/SInputNumber.vue +18 -1
  11. package/lib/components/SInputRadio.vue +5 -4
  12. package/lib/components/SInputText.vue +176 -19
  13. package/lib/components/SInputTextarea.vue +13 -2
  14. package/lib/components/SInputYMD.vue +244 -0
  15. package/lib/components/SModal.vue +7 -2
  16. package/lib/components/SSheet.vue +47 -0
  17. package/lib/components/SSheetFooter.vue +14 -0
  18. package/lib/components/SSheetFooterAction.vue +32 -0
  19. package/lib/components/SSheetFooterActions.vue +19 -0
  20. package/lib/components/SSheetHeader.vue +75 -0
  21. package/lib/components/SSheetHeaderTitle.vue +17 -0
  22. package/lib/components/SSheetMedium.vue +92 -0
  23. package/lib/components/SSnackbar.vue +7 -2
  24. package/lib/components/icons/.DS_Store +0 -0
  25. package/lib/components/icons/SIconGrab.vue +10 -0
  26. package/lib/components/icons/SIconInbox.vue +5 -0
  27. package/lib/components/icons/SIconLock.vue +5 -0
  28. package/lib/components/icons/SIconMoreVertical.vue +7 -0
  29. package/lib/components/icons/SIconPreloader.vue +239 -0
  30. package/lib/composables/Modal.ts +16 -5
  31. package/lib/composables/Tooltip.ts +1 -1
  32. package/lib/mixins/Sheet.ts +22 -0
  33. package/lib/validation/rules/every.ts +38 -0
  34. package/lib/validation/rules/index.ts +13 -1
  35. package/lib/validation/rules/requiredMonthDate.ts +11 -0
  36. package/lib/validation/rules/requiredYearMonth.ts +11 -0
  37. package/lib/validation/rules/requiredYearMonthDate.ts +11 -0
  38. package/lib/validation/rules/yearMonth.ts +11 -0
  39. package/lib/validation/rules/yearMonthDate.ts +11 -0
  40. package/lib/validation/validators/index.ts +13 -1
  41. package/lib/validation/validators/monthDate.ts +20 -0
  42. package/lib/validation/validators/requiredMonthDate.ts +8 -0
  43. package/lib/validation/validators/requiredYearMonth.ts +8 -0
  44. package/lib/validation/validators/requiredYearMonthDate.ts +9 -0
  45. package/lib/validation/validators/yearMonth.ts +20 -0
  46. package/lib/validation/validators/yearMonthDate.ts +21 -0
  47. package/package.json +30 -29
  48. package/lib/assets/styles/variables/colors.css +0 -189
  49. package/lib/assets/styles/variables/easings.css +0 -12
  50. package/lib/assets/styles/variables/shadows.css +0 -7
  51. package/lib/assets/styles/variables/typography.css +0 -6
  52. package/lib/assets/styles/variables/z-indexes.css +0 -8
package/lib/assets/styles/variables/colors.css DELETED
@@ -1,189 +0,0 @@
1
- :root {
2
- --c-white: #ffffff;
3
- --c-white-soft: #fafafa;
4
- --c-white-mute: #f2f2f2;
5
-
6
- --c-black: #000000;
7
- --c-black-deep: #171717;
8
- --c-black-soft: #1c1c1e;
9
- --c-black-mute: #2c2c2e;
10
-
11
- --c-black-elevated: #1c1c1e;
12
- --c-black-elevated-soft: #2c2c2e;
13
- --c-black-elevated-mute: #3a3a3c;
14
-
15
- --c-gray: #8E8E93;
16
-
17
- --c-gray-dark-1: #636366;
18
- --c-gray-dark-2: #48484a;
19
- --c-gray-dark-3: #3a3a3c;
20
- --c-gray-dark-4: #2c2c2e;
21
- --c-gray-dark-5: #1c1c1e;
22
-
23
- --c-gray-light-1: #aeaeb2;
24
- --c-gray-light-2: #c7c7cc;
25
- --c-gray-light-3: #d1d1d6;
26
- --c-gray-light-4: #e5e5ea;
27
- --c-gray-light-5: #f2f2f7;
28
-
29
- --c-divider-light-1: rgba(60, 60, 67, .29);
30
- --c-divider-light-2: rgba(60, 60, 67, .12);
31
-
32
- --c-divider-dark-1: rgba(84, 84, 88, .65);
33
- --c-divider-dark-2: rgba(84, 84, 88, .65);
34
-
35
- --c-text-light-1: var(--c-black);
36
- --c-text-light-2: rgba(60, 60, 67, .6);
37
- --c-text-light-3: rgba(60, 60, 67, .3);
38
- --c-text-light-4: rgba(60, 60, 67, .18);
39
-
40
- --c-text-dark-1: var(--c-white);
41
- --c-text-dark-2: rgba(235, 235, 245, .6);
42
- --c-text-dark-3: rgba(235, 235, 245, .3);
43
- --c-text-dark-4: rgba(235, 235, 245, .18);
44
-
45
- --c-info: #3b8eed;
46
- --c-info-light: #549ced;
47
- --c-info-lighter: #50a2ff;
48
- --c-info-dark: #3468a3;
49
- --c-info-darker: #255489;
50
-
51
- --c-success: #00b489;
52
- --c-success-light: #0fcea0;
53
- --c-success-lighter: #27e8ba;
54
- --c-success-dark: #068f6e;
55
- --c-success-darker: #086b53;
56
-
57
- --c-warning: #ffc517;
58
- --c-warning-light: #ffe417;
59
- --c-warning-lighter: #ffff17;
60
- --c-warning-dark: #e0ad15;
61
- --c-warning-darker: #bc9112;
62
-
63
- --c-danger: #ed3c50;
64
- --c-danger-light: #f43771;
65
- --c-danger-lighter: #fd1d7c;
66
- --c-danger-dark: #cd2d3f;
67
- --c-danger-darker: #ab2131;
68
-
69
- --c-alternative: #de41e0;
70
- --c-alternative-light: #e936eb;
71
- --c-alternative-lighter: #f616f8;
72
- --c-alternative-dark: #823c83;
73
- --c-alternative-darker: #602960;
74
-
75
- --card-bg: var(--c-white);
76
- --card-bg-mute: var(--c-white-soft);
77
- --card-shadow-depth-1: var(--shadow-depth-1);
78
- --card-shadow-depth-2: var(--shadow-depth-2);
79
- --card-shadow-depth-3: var(--shadow-depth-3);
80
- --card-shadow-depth-4: var(--shadow-depth-4);
81
- --card-shadow-depth-5: var(--shadow-depth-5);
82
-
83
- --dropdown-item-hover-bg: var(--c-white-soft);
84
-
85
- --modal-content-bg: var(--c-white);
86
- }
87
-
88
- :root {
89
- --c-bg: var(--c-white);
90
- --c-bg-soft: var(--c-white-soft);
91
- --c-bg-mute: var(--c-white-mute);
92
-
93
- --c-divider: var(--c-divider-light-1);
94
- --c-divider-light: var(--c-divider-light-2);
95
-
96
- --c-text-1: var(--c-text-light-1);
97
- --c-text-2: var(--c-text-light-2);
98
- --c-text-3: var(--c-text-light-3);
99
- --c-text-4: var(--c-text-light-4);
100
-
101
- --c-text-inverse-1: var(--c-text-dark-1);
102
- --c-text-inverse-2: var(--c-text-dark-2);
103
- --c-text-inverse-3: var(--c-text-dark-3);
104
- --c-text-inverse-4: var(--c-text-dark-4);
105
-
106
- --button-primary-text: var(--c-text-inverse-1);
107
- --button-primary-bg: var(--c-black);
108
- --button-primary-bg-hover: var(--c-gray-dark-4);
109
- --button-primary-bg-focus: var(--c-gray-dark-3);
110
- --button-primary-inverse-text: var(--c-text-1);
111
- --button-primary-inverse-bg: var(--c-white);
112
- --button-primary-inverse-bg-hover: var(--c-white-mute);
113
- --button-primary-inverse-bg-focus: var(--c-gray-light-4);
114
-
115
- --button-secondary-text: var(--c-text-1);
116
- --button-secondary-border: var(--c-black);
117
- --button-secondary-bg-hover: var(--c-white-mute);
118
- --button-secondary-bg-focus: var(--c-gray-light-4);
119
- --button-secondary-inverse-text: var(--c-text-inverse-1);
120
- --button-secondary-inverse-border: var(--c-white);
121
- --button-secondary-inverse-bg-hover: var(--c-gray-dark-4);
122
- --button-secondary-inverse-bg-focus: var(--c-gray-dark-3);
123
-
124
- --button-tertiary-text: var(--c-text-1);
125
- --button-tertiary-bg: var(--c-white-mute);
126
- --button-tertiary-bg-hover: var(--c-gray-light-4);
127
- --button-tertiary-bg-focus: var(--c-gray-light-3);
128
- --button-tertiary-inverse-text: var(--c-text-inverse-1);
129
- --button-tertiary-inverse-bg: var(--c-black-mute);
130
- --button-tertiary-inverse-bg-hover: var(--c-gray-dark-3);
131
- --button-tertiary-inverse-bg-focus: var(--c-gray-dark-2);
132
-
133
- --button-text-text: var(--c-text-1);
134
- --button-text-bg-hover: var(--c-white-mute);
135
- --button-text-bg-focus: var(--c-gray-light-4);
136
- --button-text-inverse-text: var(--c-text-inverse-1);
137
- --button-text-inverse-bg: var(--c-black-mute);
138
- --button-text-inverse-bg-hover: var(--c-gray-dark-3);
139
- --button-text-inverse-bg-focus: var(--c-gray-dark-2);
140
-
141
- --button-mute-text: var(--c-text-2);
142
- --button-mute-text-hover: var(--c-text-1);
143
- --button-mute-bg-hover: var(--c-white-mute);
144
- --button-mute-bg-focus: var(--c-gray-light-4);
145
- --button-mute-inverse-text: var(--c-text-inverse-2);
146
- --button-mute-inverse-text-hover: var(--c-text-inverse-1);
147
- --button-mute-inverse-bg-hover: var(--c-gray-dark-3);
148
- --button-mute-inverse-bg-focus: var(--c-gray-dark-2);
149
-
150
- --input-label: var(--c-text-1);
151
- --input-note: var(--c-text-2);
152
- --input-text: var(--c-text-1);
153
- --input-placeholder: var(--c-text-2);
154
- --input-filled-bg: var(--c-white-mute);
155
- --input-filled-bg-disabled: var(--c-gray-light-4);
156
- --input-outlined-bg-disabled: var(--c-white-mute);
157
- --input-clear-bg-disabled: var(--c-white);
158
- --input-outlined-border: var(--c-divider);
159
- --input-focus-border: var(--c-black);
160
- --input-focus-bg: var(--c-white);
161
- --input-help: var(--c-text-2);
162
-
163
- --input-action-filled-bg: var(--c-white-mute);
164
- --input-action-filled-bg-hover: var(--c-gray-light-4);
165
- --input-action-filled-bg-focus: var(--c-gray-light-3);
166
- --input-action-outlined-bg: var(--c-white-mute);
167
- --input-action-outlined-border: var(--c-divider);
168
- --input-action-outlined-bg-hover: var(--c-gray-light-4);
169
- --input-action-outlined-bg-focus: var(--c-gray-light-3);
170
- }
171
-
172
- .dark-mode {
173
- --c-bg: var(--c-black-deep);
174
- --c-bg-soft: var(--c-black-soft);
175
- --c-bg-mute: var(--c-black-mute);
176
-
177
- --c-divider: var(--c-divider-dark-1);
178
- --c-divider-light: var(--c-divider-dark-2);
179
-
180
- --c-text-1: var(--c-text-dark-1);
181
- --c-text-2: var(--c-text-dark-2);
182
- --c-text-3: var(--c-text-dark-3);
183
- --c-text-4: var(--c-text-dark-4);
184
-
185
- --c-text-inverse-1: var(--c-text-light-1);
186
- --c-text-inverse-2: var(--c-text-light-2);
187
- --c-text-inverse-3: var(--c-text-light-3);
188
- --c-text-inverse-4: var(--c-text-light-4);
189
- }
package/lib/assets/styles/variables/easings.css DELETED
@@ -1,12 +0,0 @@
1
- :root {
2
- --ease-in-quint: cubic-bezier(.755, .05, .855, .06);
3
- --ease-in-back: cubic-bezier(1, -.75, 1, 1);
4
-
5
- --ease-out-quint: cubic-bezier(.23, 1, .32, 1);
6
- --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
7
- --ease-out-back: cubic-bezier(.175, .885, .320, 1.275);
8
- --ease-out-back-quint: cubic-bezier(.175, .885, .280, 1.5);
9
-
10
- --ease-in-out-quint: cubic-bezier(.86, 0, .07, 1);
11
- --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
12
- }
package/lib/assets/styles/variables/shadows.css DELETED
@@ -1,7 +0,0 @@
1
- :root {
2
- --shadow-depth-1: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);
3
- --shadow-depth-2: 0 3px 12px rgba(0, 0, 0, .07), 0 1px 4px rgba(0, 0, 0, .07);
4
- --shadow-depth-3: 0 12px 32px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .08);
5
- --shadow-depth-4: 0 14px 44px rgba(0, 0, 0, .12), 0 3px 9px rgba(0, 0, 0, .12);
6
- --shadow-depth-5: 0 18px 56px rgba(0, 0, 0, .16), 0 4px 12px rgba(0, 0, 0, .16);
7
- }
package/lib/assets/styles/variables/typography.css DELETED
@@ -1,6 +0,0 @@
1
- :root {
2
- --font-family-base: "Roboto", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Helvetica Neue", "Arial", "sans-serif";
3
- --font-family-primary: "interstate", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "sans-serif";
4
- --font-family-number: "Roboto", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Helvetica Neue", "Arial", "sans-serif";
5
- --font-family-mono: "source-code-pro", "Menlo", "Monaco", "Consolas", "Courier New", monospace;
6
- }
package/lib/assets/styles/variables/z-indexes.css DELETED
@@ -1,8 +0,0 @@
1
- :root {
2
- --z-index-tooltip: 1000;
3
- --z-index-dropdown: 2000;
4
- --z-index-screen: 3000;
5
- --z-index-backdrop: 4000;
6
- --z-index-modal: 4100;
7
- --z-index-snackbar: 5000;
8
- }