@candidhealth/react-vitals 1.0.0-alpha.2 → 1.0.0-alpha.4
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.
- package/README.md +7 -7
- package/dist/index.css +9 -9
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +178 -190
- package/dist/index.d.ts +178 -190
- package/dist/index.js +1673 -1265
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1607 -1185
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +187 -0
- package/dist/styles.css.map +1 -0
- package/dist/styles.d.mts +2 -0
- package/dist/styles.d.ts +2 -0
- package/package.json +63 -62
- package/base.css +0 -105
- package/theme.css +0 -456
package/README.md
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Vitals
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Vitals is Candid Health's set of system-level UI components which can be used to build delightful user interfaces.
|
|
4
4
|
|
|
5
5
|
## Component Library & Documentation
|
|
6
6
|
|
|
7
|
-
Our
|
|
7
|
+
Our component library is visible online!
|
|
8
8
|
|
|
9
|
-
Visit https://
|
|
10
|
-
we've built for use within the app.
|
|
9
|
+
Visit https://vitals.joincandidhealth.com to view an interactive library of the reusable components we've built.
|
|
11
10
|
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
## Release Notes
|
|
12
|
+
|
|
13
|
+
See the [changelog](https://vitals.joincandidhealth.com/?path=/docs/docs-changelog--docs) for release notes and version history.
|
package/dist/index.css
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
@apply absolute! top-11! right-0! left-auto! transform-none!;
|
|
12
12
|
}
|
|
13
13
|
.react-datepicker__portal {
|
|
14
|
-
@apply absolute top-12 right-0 z-10 w-72 transform-none rounded-sm border-2 border-
|
|
14
|
+
@apply absolute top-12 right-0 z-10 w-72 transform-none rounded-sm border-2 border-surface-neutral bg-white px-3 py-2 text-sm shadow;
|
|
15
15
|
}
|
|
16
16
|
.react-datepicker__month-container {
|
|
17
17
|
@apply flex h-[320px] w-72 flex-col p-3;
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
@apply flex justify-around;
|
|
27
27
|
}
|
|
28
28
|
.react-datepicker__day-names {
|
|
29
|
-
@apply flex justify-around text-center text-xs font-medium text-
|
|
29
|
+
@apply flex justify-around text-center text-xs font-medium text-placeholder;
|
|
30
30
|
}
|
|
31
31
|
.react-datepicker__day-name {
|
|
32
32
|
@apply flex h-8 w-8 items-center justify-center rounded-full py-1;
|
|
@@ -35,22 +35,22 @@
|
|
|
35
35
|
@apply absolute top-2;
|
|
36
36
|
}
|
|
37
37
|
.react-datepicker__navigation--previous {
|
|
38
|
-
@apply right-12 flex h-8 w-8 items-center justify-center rounded-sm transition hover:bg-
|
|
38
|
+
@apply right-12 flex h-8 w-8 items-center justify-center rounded-sm transition hover:bg-surface-dark;
|
|
39
39
|
}
|
|
40
40
|
.react-datepicker__navigation--next {
|
|
41
|
-
@apply right-4 flex h-8 w-8 items-center justify-center rounded-sm transition hover:bg-
|
|
41
|
+
@apply right-4 flex h-8 w-8 items-center justify-center rounded-sm transition hover:bg-surface-dark;
|
|
42
42
|
}
|
|
43
43
|
.react-datepicker__day {
|
|
44
|
-
@apply mb-1 flex h-8 w-8 cursor-pointer items-center justify-center rounded-sm py-1 text-sm leading-loose text-
|
|
44
|
+
@apply mb-1 flex h-8 w-8 cursor-pointer items-center justify-center rounded-sm py-1 text-sm leading-loose text-neutral transition;
|
|
45
45
|
}
|
|
46
46
|
.react-datepicker__day--disabled {
|
|
47
47
|
@apply cursor-not-allowed opacity-40 hover:bg-transparent;
|
|
48
48
|
}
|
|
49
49
|
.react-datepicker__day--outside-month {
|
|
50
|
-
@apply text-
|
|
50
|
+
@apply text-disabled;
|
|
51
51
|
}
|
|
52
52
|
.react-datepicker__day--in-range {
|
|
53
|
-
@apply bg-
|
|
53
|
+
@apply bg-surface-dark;
|
|
54
54
|
}
|
|
55
55
|
.react-datepicker__day--in-selecting-range {
|
|
56
56
|
@apply bg-indigo-200;
|
|
@@ -65,10 +65,10 @@
|
|
|
65
65
|
@apply bg-indigo-600 text-white;
|
|
66
66
|
}
|
|
67
67
|
.react-datepicker__day--range-start {
|
|
68
|
-
@apply bg-indigo-600 text-white hover:bg-white hover:text-
|
|
68
|
+
@apply bg-indigo-600 text-white hover:bg-white hover:text-neutral;
|
|
69
69
|
}
|
|
70
70
|
.react-datepicker__day--range-end {
|
|
71
|
-
@apply bg-indigo-600 text-white hover:bg-white hover:text-
|
|
71
|
+
@apply bg-indigo-600 text-white hover:bg-white hover:text-neutral;
|
|
72
72
|
}
|
|
73
73
|
.react-datepicker__aria-live,
|
|
74
74
|
.react-datepicker__triangle {
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../date-picker/DatePicker.css","../phone-number/styles.css"],"sourcesContent":["@reference \"tailwindcss\";\n@reference \"../theme.css\";\n\n.react-datepicker-popper {\n\t@apply z-40 rounded-lg bg-white text-sm shadow-lg;\n}\n\n.react-datepicker-left {\n\t@apply absolute! top-11! right-auto! left-0! transform-none!;\n}\n\n.react-datepicker-right {\n\t@apply absolute! top-11! right-0! left-auto! transform-none!;\n}\n\n.react-datepicker__portal {\n\t@apply absolute top-12 right-0 z-10 w-72 transform-none rounded-sm border-2 border-
|
|
1
|
+
{"version":3,"sources":["../date-picker/DatePicker.css","../phone-number/styles.css"],"sourcesContent":["@reference \"tailwindcss\";\n@reference \"../theme.css\";\n\n.react-datepicker-popper {\n\t@apply z-40 rounded-lg bg-white text-sm shadow-lg;\n}\n\n.react-datepicker-left {\n\t@apply absolute! top-11! right-auto! left-0! transform-none!;\n}\n\n.react-datepicker-right {\n\t@apply absolute! top-11! right-0! left-auto! transform-none!;\n}\n\n.react-datepicker__portal {\n\t@apply absolute top-12 right-0 z-10 w-72 transform-none rounded-sm border-2 border-surface-neutral bg-white px-3 py-2 text-sm shadow;\n}\n\n.react-datepicker__month-container {\n\t@apply flex h-[320px] w-72 flex-col p-3;\n}\n\n.react-datepicker__month {\n\t@apply flex flex-col;\n}\n\n.react-datepicker__current-month {\n\t@apply ml-2.5 text-lg font-semibold text-gray-800;\n}\n\n.react-datepicker__week {\n\t@apply flex justify-around;\n}\n\n.react-datepicker__day-names {\n\t@apply flex justify-around text-center text-xs font-medium text-placeholder;\n}\n\n.react-datepicker__day-name {\n\t@apply flex h-8 w-8 items-center justify-center rounded-full py-1;\n}\n\n.react-datepicker__navigation {\n\t@apply absolute top-2;\n}\n\n.react-datepicker__navigation--previous {\n\t@apply right-12 flex h-8 w-8 items-center justify-center rounded-sm transition hover:bg-surface-dark;\n}\n\n.react-datepicker__navigation--next {\n\t@apply right-4 flex h-8 w-8 items-center justify-center rounded-sm transition hover:bg-surface-dark;\n}\n\n.react-datepicker__day {\n\t@apply mb-1 flex h-8 w-8 cursor-pointer items-center justify-center rounded-sm py-1 text-sm leading-loose text-neutral transition;\n}\n\n.react-datepicker__day--disabled {\n\t@apply cursor-not-allowed opacity-40 hover:bg-transparent;\n}\n\n.react-datepicker__day--outside-month {\n\t@apply text-disabled;\n}\n\n.react-datepicker__day--in-range {\n\t@apply bg-surface-dark;\n}\n\n.react-datepicker__day--in-selecting-range {\n\t@apply bg-indigo-200;\n}\n\n.react-datepicker__day--selecting-range-start {\n\t@apply border-2 border-indigo-600 bg-white;\n}\n\n.react-datepicker__day--selecting-range-end {\n\t@apply border-2 border-indigo-600 bg-white;\n}\n\n.react-datepicker__day--selected {\n\t@apply bg-indigo-600 text-white;\n}\n\n.react-datepicker__day--range-start {\n\t@apply bg-indigo-600 text-white hover:bg-white hover:text-neutral;\n}\n\n.react-datepicker__day--range-end {\n\t@apply bg-indigo-600 text-white hover:bg-white hover:text-neutral;\n}\n\n.react-datepicker__aria-live,\n.react-datepicker__triangle {\n\t@apply hidden;\n}\n\n.react-datepicker__day--today {\n\t@apply bg-indigo-200;\n}\n\n.react-datepicker__day--highlighted {\n\t@apply bg-indigo-200;\n}\n",":root {\n\t--react-international-phone-height: 2.375rem;\n\t--react-international-phone-border-radius: 0.375rem;\n}\n"],"mappings":";AAAA,WAAW;AACX,WAAW;AAEX,CAAC;AACA,SAAO,KAAK,WAAW,SAAS,QAAQ;AACzC;AAEA,CAAC;AACA,SAAO,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,cAAc;AAC5D;AAEA,CAAC;AACA,SAAO,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc;AAC5D;AAEA,CAAC;AACA,SAAO,SAAS,OAAO,QAAQ,KAAK,KAAK,eAAe,WAAW,SAAS,uBAAuB,SAAS,KAAK,KAAK,QAAQ;AAC/H;AAEA,CAAC;AACA,SAAO,KAAK,EAAE,CAAC,OAAO,KAAK,SAAS;AACrC;AAEA,CAAC;AACA,SAAO,KAAK;AACb;AAEA,CAAC;AACA,SAAO,IAAI,GAAG,QAAQ,cAAc;AACrC;AAEA,CAAC;AACA,SAAO,KAAK;AACb;AAEA,CAAC;AACA,SAAO,KAAK,eAAe,YAAY,QAAQ,YAAY;AAC5D;AAEA,CAAC;AACA,SAAO,KAAK,IAAI,IAAI,aAAa,eAAe,aAAa;AAC9D;AAEA,CAAC;AACA,SAAO,SAAS;AACjB;AAEA,CAAC;AACA,SAAO,SAAS,KAAK,IAAI,IAAI,aAAa,eAAe,WAAW,WAAW,KAAK,CAAC;AACtF;AAEA,CAAC;AACA,SAAO,QAAQ,KAAK,IAAI,IAAI,aAAa,eAAe,WAAW,WAAW,KAAK,CAAC;AACrF;AAEA,CAAC;AACA,SAAO,KAAK,KAAK,IAAI,IAAI,eAAe,aAAa,eAAe,WAAW,KAAK,QAAQ,cAAc,aAAa;AACxH;AAEA,CAAC;AACA,SAAO,mBAAmB,WAAW,KAAK,CAAC;AAC5C;AAEA,CAAC;AACA,SAAO;AACR;AAEA,CAAC;AACA,SAAO;AACR;AAEA,CAAC;AACA,SAAO;AACR;AAEA,CAAC;AACA,SAAO,SAAS,kBAAkB;AACnC;AAEA,CAAC;AACA,SAAO,SAAS,kBAAkB;AACnC;AAEA,CAAC;AACA,SAAO,cAAc;AACtB;AAEA,CAAC;AACA,SAAO,cAAc,WAAW,KAAK,CAAC,SAAS,KAAK,CAAC;AACtD;AAEA,CAAC;AACA,SAAO,cAAc,WAAW,KAAK,CAAC,SAAS,KAAK,CAAC;AACtD;AAEA,CAAC;AACD,CAAC;AACA,SAAO;AACR;AAEA,CAAC;AACA,SAAO;AACR;AAEA,CAAC;AACA,SAAO;AACR;;;AC1GA;AACC,sCAAoC;AACpC,6CAA2C;AAC5C;","names":[]}
|