@drivy/cobalt 0.29.2 → 0.31.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 (43) hide show
  1. package/cjs/tokens/theme.js +1 -1
  2. package/components/Card/index.js +3 -2
  3. package/components/Card/index.js.map +1 -1
  4. package/components/Flash/index.js +4 -4
  5. package/components/Flash/index.js.map +1 -1
  6. package/components/Form/Autocomplete/index.js +1 -1
  7. package/components/Form/Autocomplete/index.js.map +1 -1
  8. package/components/Form/Slider.js.map +1 -1
  9. package/package.json +11 -11
  10. package/styles/components/Accordion/index.scss +1 -1
  11. package/styles/components/Alerter/index.scss +2 -4
  12. package/styles/components/BulletList/index.scss +1 -2
  13. package/styles/components/Buttons/DefaultButton/index.scss +12 -12
  14. package/styles/components/Buttons/GhostButton/index.scss +4 -4
  15. package/styles/components/Buttons/InversedButton/index.scss +2 -2
  16. package/styles/components/Buttons/index.scss +6 -7
  17. package/styles/components/Calendar/CalendarRangePicker/index.scss +13 -18
  18. package/styles/components/Calendar/CalendarView/index.scss +6 -8
  19. package/styles/components/Card/index.scss +16 -6
  20. package/styles/components/Cell/index.scss +1 -1
  21. package/styles/components/Flash/index.scss +2 -4
  22. package/styles/components/Form/Autocomplete/index.scss +10 -21
  23. package/styles/components/Form/CheckablePill.scss +5 -6
  24. package/styles/components/Form/Checkmark.scss +1 -5
  25. package/styles/components/Form/Hint.scss +0 -9
  26. package/styles/components/Form/RadioWithDetails.scss +5 -5
  27. package/styles/components/Form/TextInput.scss +5 -5
  28. package/styles/components/Form/ToggleSwitch.scss +1 -1
  29. package/styles/components/Helper/index.scss +0 -3
  30. package/styles/components/Icon/index.scss +1 -2
  31. package/styles/components/Note/index.scss +4 -0
  32. package/styles/components/PhotoDropzone/index.scss +1 -2
  33. package/styles/components/TabBar/index.scss +1 -1
  34. package/styles/components/Tag/index.scss +2 -4
  35. package/styles/core/_colors-map.scss +164 -164
  36. package/styles/core/color.scss +28 -6
  37. package/styles/core/text.scss +37 -19
  38. package/styles/core/theme.scss +486 -160
  39. package/styles/core/typography.scss +12 -12
  40. package/tokens/theme.js +1 -1
  41. package/types/components/Card/index.d.ts +3 -1
  42. package/types/components/Form/Slider.d.ts +2 -2
  43. package/utilities.css +651 -295
package/styles/core/typography.scss CHANGED
@@ -7,35 +7,35 @@ $font-family-data: (
7
7
  $text-variants-data: (
8
8
  title-extralarge: (
9
9
  remToPx(2rem)
10
- remToPx(2.25rem)
10
+ 125%
11
11
  ),
12
12
  title-large: (
13
13
  remToPx(1.5rem)
14
- remToPx(1.75rem)
14
+ 125%
15
15
  ),
16
16
  title: (
17
- remToPx(1.125rem)
18
- remToPx(1.25rem)
17
+ remToPx(1.25rem)
18
+ 125%
19
19
  ),
20
20
  title-small: (
21
- remToPx(0.9375rem)
22
- remToPx(1.25rem)
21
+ remToPx(1rem)
22
+ 125%
23
23
  ),
24
24
  title-tiny: (
25
- remToPx(0.9375rem)
26
- remToPx(1.25rem)
25
+ remToPx(1rem)
26
+ 125%
27
27
  ),
28
28
  body-large: (
29
29
  remToPx(1.125rem)
30
- remToPx(1.5rem)
30
+ 1.5rem
31
31
  ),
32
32
  body: (
33
- remToPx(0.9375rem)
34
- remToPx(1.5rem)
33
+ remToPx(1rem)
34
+ 1.5rem
35
35
  ),
36
36
  body-small: (
37
37
  remToPx(0.75rem)
38
- remToPx(1rem)
38
+ 1rem
39
39
  ),
40
40
  caption: (
41
41
  14px 20px
package/tokens/theme.js CHANGED
@@ -44,7 +44,7 @@ const text = {
44
44
  base: "graphite/navy.700/grey.100",
45
45
  baseInteractive: {
46
46
  DEFAULT: "graphite/navy.700/grey.100",
47
- hover: "graphite/navy.900/grey.100"
47
+ hover: "graphite/navy.300/grey.300"
48
48
  },
49
49
  subdued: "graphite.light/navy.300/grey.300",
50
50
  subduedInteractive: {
package/types/components/Card/index.d.ts CHANGED
@@ -2,10 +2,12 @@ import React, { PureComponent } from "react";
2
2
  export type CardProps = {
3
3
  children?: React.ReactNode;
4
4
  className?: string;
5
+ legacy?: boolean;
5
6
  flattened?: boolean;
7
+ responsive?: boolean;
6
8
  };
7
9
  export declare const Card: {
8
- ({ children, className, flattened }: CardProps): JSX.Element;
10
+ ({ children, className, legacy, responsive, }: CardProps): JSX.Element;
9
11
  Section: typeof CardSection;
10
12
  };
11
13
  export type CardSectionProps = {
package/types/components/Form/Slider.d.ts CHANGED
@@ -39,7 +39,7 @@ export type SliderPropsType = {
39
39
  onTouchMove?: ReachSliderProps["onTouchMove"];
40
40
  onTouchEnd?: ReachSliderProps["onTouchEnd"];
41
41
  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
42
- } & FormElement & Omit<React.InputHTMLAttributes<HTMLInputElement>, NativeEventType | "css" | "enterKeyHint">;
42
+ } & FormElement & Omit<React.InputHTMLAttributes<HTMLInputElement>, NativeEventType | "css" | "enterKeyHint" | "onChange">;
43
43
  declare const wrappedComponent: React.ComponentClass<{
44
44
  /**
45
45
  * mandatory for A11y
@@ -77,7 +77,7 @@ declare const wrappedComponent: React.ComponentClass<{
77
77
  onTouchMove?: ReachSliderProps["onTouchMove"];
78
78
  onTouchEnd?: ReachSliderProps["onTouchEnd"];
79
79
  onFocus?: ((event: React.FocusEvent<HTMLInputElement>) => void) | undefined;
80
- } & FormElement & Omit<React.InputHTMLAttributes<HTMLInputElement>, NativeEventType | "css" | "enterKeyHint"> & {
80
+ } & FormElement & Omit<React.InputHTMLAttributes<HTMLInputElement>, NativeEventType | "css" | "enterKeyHint" | "onChange"> & {
81
81
  id?: string | undefined;
82
82
  label?: string | undefined;
83
83
  hint?: string | undefined;