@candidhealth/react-vitals 1.0.0-alpha.1 → 1.0.0-alpha.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.
Files changed (5) hide show
  1. package/README.md +2 -14
  2. package/base.css +1 -1
  3. package/dist/index.css +1 -0
  4. package/dist/index.css.map +1 -1
  5. package/package.json +1 -1
package/README.md CHANGED
@@ -2,24 +2,12 @@
2
2
 
3
3
  Our core components are a set of system-level UI components which can be used to build delightful user interfaces.
4
4
 
5
- In addition to core components we also maintain a set of Candid-specific components in `src/components`
6
-
7
- ## Storybook
8
-
9
- Storybook is a UI component explorer which we use for developing core components in isolation.
10
-
11
- Most of our core components can be viewed in storybook.
12
-
13
- You can run Storybook with `pnpm run storybook`.
14
-
15
- ## Component Library
5
+ ## Component Library & Documentation
16
6
 
17
7
  Our storybook instance is also hosted online!
18
8
 
19
- Visit https://www.chromatic.com/library?appId=646772265e2d5a5aee87e28b to see a library of the reusable components
9
+ Visit https://components.joincandidhealth.com to see a library of the reusable components
20
10
  we've built for use within the app.
21
11
 
22
12
  To see components in an actual Storybook environment, click the "View Storybook"
23
13
  button at the top right of the library page.
24
-
25
- Connect using Github if this is your first time accessing the component library.
package/base.css CHANGED
@@ -10,7 +10,7 @@
10
10
  ::before,
11
11
  ::backdrop,
12
12
  ::file-selector-button {
13
- border-color: var(--color-gray-200, currentColor);
13
+ border-color: var(--color-gray-200, #e8e8eb);
14
14
  }
15
15
 
16
16
  [type="text"],
package/dist/index.css CHANGED
@@ -1,4 +1,5 @@
1
1
  /* src/core/date-picker/DatePicker.css */
2
+ @reference "tailwindcss";
2
3
  @reference "../theme.css";
3
4
  .react-datepicker-popper {
4
5
  @apply z-40 rounded-lg bg-white text-sm shadow-lg;
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../date-picker/DatePicker.css","../phone-number/styles.css"],"sourcesContent":["@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-gray-200 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-gray-400;\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-gray-200;\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-gray-200;\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-gray-700 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-gray-300;\n}\n\n.react-datepicker__day--in-range {\n\t@apply bg-gray-200;\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-gray-700;\n}\n\n.react-datepicker__day--range-end {\n\t@apply bg-indigo-600 text-white hover:bg-white hover:text-gray-700;\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;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,gBAAgB,SAAS,KAAK,KAAK,QAAQ;AACxH;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,cAAc;AACzH;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;;;ACzGA;AACC,sCAAoC;AACpC,6CAA2C;AAC5C;","names":[]}
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-gray-200 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-gray-400;\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-gray-200;\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-gray-200;\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-gray-700 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-gray-300;\n}\n\n.react-datepicker__day--in-range {\n\t@apply bg-gray-200;\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-gray-700;\n}\n\n.react-datepicker__day--range-end {\n\t@apply bg-indigo-600 text-white hover:bg-white hover:text-gray-700;\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,gBAAgB,SAAS,KAAK,KAAK,QAAQ;AACxH;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,cAAc;AACzH;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":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@candidhealth/react-vitals",
3
- "version": "1.0.0-alpha.1",
3
+ "version": "1.0.0-alpha.3",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  ".": {