@davincihealthcare/elty-design-system-vue 1.0.3 → 1.1.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 (7) hide show
  1. package/dist/components.css +318 -0
  2. package/dist/components.js +1 -0
  3. package/dist/index.js +1 -1
  4. package/dist/index.js.map +1 -1
  5. package/dist/utilities.css +125 -0
  6. package/dist/utilities.js +1 -0
  7. package/package.json +2 -2
package/dist/utilities.css ADDED
@@ -0,0 +1,125 @@
1
+ .outlined-primary {
2
+ outline: 2px solid transparent;
3
+ outline-offset: 2px;
4
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
6
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
7
+ --tw-ring-color: rgb(37 99 235 / 0.5);
8
+ }
9
+ .outlined-secondary {
10
+ outline: 2px solid transparent;
11
+ outline-offset: 2px;
12
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
13
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
14
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
15
+ --tw-ring-color: rgb(13 148 136 / 0.5);
16
+ }
17
+ .outlined-error {
18
+ outline: 2px solid transparent;
19
+ outline-offset: 2px;
20
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
21
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
22
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
23
+ --tw-ring-color: rgb(220 12 13 / 0.5);
24
+ }
25
+ /* ==== START PATCH TO BE DELETED AFTER MIGRATION COMPLETE ==== */
26
+ /* ==== END PATCH TO BE DELETED AFTER MIGRATION COMPLETE ==== */
27
+ /* Hide scrollbar for Chrome, Safari and Opera */
28
+ .no-scrollbar::-webkit-scrollbar {
29
+ display: none;
30
+ }
31
+ /* Hide scrollbar for IE, Edge and Firefox */
32
+ .no-scrollbar {
33
+ -ms-overflow-style: none; /* IE and Edge */
34
+ scrollbar-width: none; /* Firefox */
35
+ }
36
+ /* CustomTransition */
37
+ /* Fade */
38
+ .fade-enter-active,
39
+ .fade-leave-active {
40
+ transition: opacity 0.15s ease;
41
+ }
42
+ .fade-enter-from,
43
+ .fade-leave-to {
44
+ opacity: 0;
45
+ }
46
+ /* Slide */
47
+ .slide-x-fade-enter-active,
48
+ .slide-y-fade-enter-active {
49
+ transition: all 0.15s ease-out;
50
+ }
51
+ .slide-x-fade-leave-active,
52
+ .slide-y-fade-leave-active {
53
+ transition: all 0.15s cubic-bezier(1, 0.5, 0.8, 1);
54
+ }
55
+ .slide-x-fade-enter-from,
56
+ .slide-x-fade-leave-to {
57
+ transform: translateX(20px);
58
+ opacity: 0;
59
+ }
60
+ .slide-y-fade-enter-from,
61
+ .slide-y-fade-leave-to {
62
+ transform: translatey(-50%);
63
+ opacity: 0;
64
+ }
65
+ /* Scale */
66
+ .scale-enter-active,
67
+ .scale-leave-active {
68
+ transition: all 0.15s ease;
69
+ }
70
+ .scale-enter-from,
71
+ .scale-leave-to {
72
+ opacity: 0;
73
+ transform: scale(0.9);
74
+ }
75
+ /* FlipX */
76
+ .flip-x-enter,
77
+ .flip-x-leave-to {
78
+ transform: rotateY(-80deg);
79
+ opacity: 0;
80
+ }
81
+ .flip-x-enter-active,
82
+ .flip-x-leave-active {
83
+ transition:
84
+ transform 0.15s,
85
+ opacity 0.15s;
86
+ }
87
+ /* Expand */
88
+ .expand-enter-active {
89
+ transition: all 0.15s ease-in-out;
90
+ transform-origin: top;
91
+ }
92
+ .expand-leave-active {
93
+ transition: all 0.15s ease-in-out;
94
+ transform-origin: top;
95
+ }
96
+ .expand-enter-from,
97
+ .expand-leave-to {
98
+ max-height: 0;
99
+ transform: scaleY(0);
100
+ }
101
+ .expand-enter-to,
102
+ .expand-leave-from {
103
+ max-height: 100vh;
104
+ transform: scaleY(1);
105
+ }
106
+ /* Slide X */
107
+ .slide-x-enter-from,
108
+ .slide-x-leave-to {
109
+ transform: translateX(0%);
110
+ }
111
+ .slide-x-enter-active,
112
+ .slide-x-leave-active {
113
+ transition: transform 0.15s;
114
+ transform: translateX(100%);
115
+ }
116
+ /* Slide Y */
117
+ .slide-y-enter-from,
118
+ .slide-y-leave-to {
119
+ transform: translateY(0%);
120
+ }
121
+ .slide-y-enter-active,
122
+ .slide-y-leave-active {
123
+ transition: transform 0.15s;
124
+ transform: translateY(100%);
125
+ }
package/dist/utilities.js ADDED
@@ -0,0 +1 @@
1
+ module.exports = {".outlined-primary":{"outline":"2px solid transparent","outlineOffset":"2px","-TwRingOffsetShadow":"var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)","-TwRingShadow":"var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)","boxShadow":"var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)","-TwRingColor":"rgb(37 99 235 / 0.5)"},".outlined-secondary":{"outline":"2px solid transparent","outlineOffset":"2px","-TwRingOffsetShadow":"var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)","-TwRingShadow":"var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)","boxShadow":"var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)","-TwRingColor":"rgb(13 148 136 / 0.5)"},".outlined-error":{"outline":"2px solid transparent","outlineOffset":"2px","-TwRingOffsetShadow":"var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)","-TwRingShadow":"var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)","boxShadow":"var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)","-TwRingColor":"rgb(220 12 13 / 0.5)"},".no-scrollbar::-webkit-scrollbar":{"display":"none"},".no-scrollbar":{"msOverflowStyle":"none","scrollbarWidth":"none"},".fade-enter-active,\n.fade-leave-active":{"transition":"opacity 0.15s ease"},".fade-enter-from,\n.fade-leave-to":{"opacity":"0"},".slide-x-fade-enter-active,\n.slide-y-fade-enter-active":{"transition":"all 0.15s ease-out"},".slide-x-fade-leave-active,\n.slide-y-fade-leave-active":{"transition":"all 0.15s cubic-bezier(1, 0.5, 0.8, 1)"},".slide-x-fade-enter-from,\n.slide-x-fade-leave-to":{"transform":"translateX(20px)","opacity":"0"},".slide-y-fade-enter-from,\n.slide-y-fade-leave-to":{"transform":"translatey(-50%)","opacity":"0"},".scale-enter-active,\n.scale-leave-active":{"transition":"all 0.15s ease"},".scale-enter-from,\n.scale-leave-to":{"opacity":"0","transform":"scale(0.9)"},".flip-x-enter,\n.flip-x-leave-to":{"transform":"rotateY(-80deg)","opacity":"0"},".flip-x-enter-active,\n.flip-x-leave-active":{"transition":"transform 0.15s,\n opacity 0.15s"},".expand-enter-active":{"transition":"all 0.15s ease-in-out","transformOrigin":"top"},".expand-leave-active":{"transition":"all 0.15s ease-in-out","transformOrigin":"top"},".expand-enter-from,\n.expand-leave-to":{"maxHeight":"0","transform":"scaleY(0)"},".expand-enter-to,\n.expand-leave-from":{"maxHeight":"100vh","transform":"scaleY(1)"},".slide-x-enter-from,\n.slide-x-leave-to":{"transform":"translateX(0%)"},".slide-x-enter-active,\n.slide-x-leave-active":{"transition":"transform 0.15s","transform":"translateX(100%)"},".slide-y-enter-from,\n.slide-y-leave-to":{"transform":"translateY(0%)"},".slide-y-enter-active,\n.slide-y-leave-active":{"transition":"transform 0.15s","transform":"translateY(100%)"}};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@davincihealthcare/elty-design-system-vue",
3
- "version": "1.0.3",
3
+ "version": "1.1.0",
4
4
  "license": "UNLICENSED",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -21,7 +21,7 @@
21
21
  "build:utilities:js": "prejss-cli dist/utilities.css --format commonjs",
22
22
  "build:utilities": "yarn build:utilities:css && yarn build:utilities:js",
23
23
  "build:vite": "vue-tsc && vite build",
24
- "build": "yarn build:components && yarn build:utilities && yarn build:vite",
24
+ "build": "rm -rf dist && yarn build:components && yarn build:utilities && yarn build:vite",
25
25
  "ts-check": "vue-tsc --noEmit",
26
26
  "lint": "eslint \"**/*.{ts,vue}\"",
27
27
  "test": "vitest --run",