@infonomic/uikit 2.14.0 → 3.0.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 (74) hide show
  1. package/README.md +48 -6
  2. package/dist/components/badge/badge_module.css +49 -80
  3. package/dist/components/button/button_module.css +133 -227
  4. package/dist/components/button/control-buttons_module.css +2 -11
  5. package/dist/components/button/copy-button.d.ts.map +1 -1
  6. package/dist/components/button/copy-button.js +14 -7
  7. package/dist/components/button/copy-button.module.js +5 -5
  8. package/dist/components/button/copy-button_module.css +31 -12
  9. package/dist/components/calendar/calendar.js +6 -6
  10. package/dist/components/input/checkbox-group.js +1 -1
  11. package/dist/components/input/checkbox.js +1 -1
  12. package/dist/components/input/checkbox_module.css +42 -91
  13. package/dist/components/input/errors.js +2 -3
  14. package/dist/components/input/input.js +1 -1
  15. package/dist/components/input/input_module.css +42 -109
  16. package/dist/components/input/radio-group_module.css +14 -49
  17. package/dist/components/input/select.js +1 -1
  18. package/dist/components/input/text-area.js +1 -1
  19. package/dist/components/input/utils.js +3 -4
  20. package/dist/components/notifications/alert_module.css +0 -4
  21. package/dist/components/overlay/overlay.js +1 -1
  22. package/dist/icons/close-icon.js +1 -1
  23. package/dist/icons/copy-icon.d.ts.map +1 -1
  24. package/dist/icons/copy-icon.js +1 -1
  25. package/dist/react.d.ts +1 -1
  26. package/dist/react.d.ts.map +1 -1
  27. package/dist/react.js +1 -1
  28. package/dist/styles/styles.css +1 -1
  29. package/dist/tsconfig.build.tsbuildinfo +1 -1
  30. package/dist/utils/findMatch.js +3 -3
  31. package/dist/utils/isTouchDevice.js +3 -3
  32. package/dist/utils/to-kebab-case.js +1 -4
  33. package/dist/widgets/datepicker/datepicker.js +1 -1
  34. package/dist/widgets/drawer/drawer.js +1 -1
  35. package/dist/widgets/modal/modal.js +1 -1
  36. package/dist/widgets/search/search.js +1 -1
  37. package/dist/widgets/timeline/timeline.d.ts.map +1 -0
  38. package/dist/widgets/timeline/timeline.module.js +17 -0
  39. package/dist/{components → widgets}/timeline/timeline_module.css +10 -10
  40. package/package.json +30 -30
  41. package/src/components/badge/badge.module.css +38 -68
  42. package/src/components/button/button-intents.stories.tsx +1 -1
  43. package/src/components/button/button-overrides.stories.tsx +43 -0
  44. package/src/components/button/button-variants.stories.tsx +1 -1
  45. package/src/components/button/button.module.css +135 -230
  46. package/src/components/button/control-buttons.module.css +5 -17
  47. package/src/components/button/control-buttons.stories.tsx +1 -1
  48. package/src/components/button/copy-button.module.css +32 -14
  49. package/src/components/button/copy-button.stories.tsx +6 -6
  50. package/src/components/button/copy-button.tsx +16 -12
  51. package/src/components/calendar/calendar.stories.tsx +1 -1
  52. package/src/components/input/checkbox.module.css +43 -99
  53. package/src/components/input/input.module.css +44 -119
  54. package/src/components/input/input.stories.tsx +1 -1
  55. package/src/components/input/radio-group.module.css +16 -72
  56. package/src/components/input/radio-group.stories.tsx +1 -1
  57. package/src/components/input/select.stories.tsx +1 -1
  58. package/src/components/notifications/alert.module.css +0 -4
  59. package/src/components/overlay/overlay.tsx +1 -1
  60. package/src/icons/close-icon.tsx +1 -1
  61. package/src/icons/copy-icon.tsx +1 -2
  62. package/src/icons/icons.module.css +1 -0
  63. package/src/react.ts +1 -1
  64. package/src/styles/theme/theme.css +6 -4
  65. package/src/styles/theme/tokens.css +600 -0
  66. package/src/widgets/drawer/drawer.stories.tsx +1 -34
  67. package/src/{components → widgets}/timeline/timeline.stories.tsx +2 -2
  68. package/dist/components/timeline/timeline.d.ts.map +0 -1
  69. package/dist/components/timeline/timeline.module.js +0 -17
  70. /package/dist/{components → widgets}/timeline/timeline.d.ts +0 -0
  71. /package/dist/{components → widgets}/timeline/timeline.js +0 -0
  72. /package/src/components/button/{button-icon.stories.tsx → icon-button.stories.tsx} +0 -0
  73. /package/src/{components → widgets}/timeline/timeline.module.css +0 -0
  74. /package/src/{components → widgets}/timeline/timeline.tsx +0 -0
package/src/widgets/drawer/drawer.stories.tsx CHANGED
@@ -16,19 +16,8 @@ export default {
16
16
  export const Default = (): React.JSX.Element => {
17
17
  const [isOpen, setIsOpen] = React.useState(false)
18
18
 
19
- const whiteIcon = `
20
- .white-icon {
21
- fill: white;
22
- }
23
-
24
- .dark .white-icon {
25
- fill: black;
26
- }
27
- `
28
-
29
19
  return (
30
20
  <>
31
- <style>{whiteIcon}</style>
32
21
  <Button
33
22
  onClick={() => {
34
23
  setIsOpen(true)
@@ -54,7 +43,7 @@ export const Default = (): React.JSX.Element => {
54
43
  setIsOpen(false)
55
44
  }}
56
45
  >
57
- <CloseIcon width="14px" height="14px" svgClassName="white-icon" />
46
+ <CloseIcon width="14px" height="14px" />
58
47
  </IconButton>
59
48
  </Drawer.TopActions>
60
49
  <Drawer.Header className="flex items-center justify-between mb-4">
@@ -69,22 +58,11 @@ export const Default = (): React.JSX.Element => {
69
58
  )
70
59
  }
71
60
 
72
- const whiteIcon = `
73
- .white-icon {
74
- fill: white;
75
- }
76
-
77
- .dark .white-icon {
78
- fill: black;
79
- }
80
- `
81
-
82
61
  export const Wide = (): React.JSX.Element => {
83
62
  const [isOpen, setIsOpen] = React.useState(false)
84
63
 
85
64
  return (
86
65
  <>
87
- <style>{whiteIcon}</style>
88
66
  <Button
89
67
  onClick={() => {
90
68
  setIsOpen(true)
@@ -130,19 +108,8 @@ export const Nested = (): React.JSX.Element => {
130
108
  const [isOpen1, setIsOpen1] = React.useState(false)
131
109
  const [isOpen2, setIsOpen2] = React.useState(false)
132
110
 
133
- const whiteIcon = `
134
- .white-icon {
135
- fill: white;
136
- }
137
-
138
- .dark .white-icon {
139
- fill: black;
140
- }
141
- `
142
-
143
111
  return (
144
112
  <>
145
- <style>{whiteIcon}</style>
146
113
  <Button
147
114
  onClick={() => {
148
115
  setIsOpen1(true)
package/src/{components → widgets}/timeline/timeline.stories.tsx RENAMED
@@ -9,13 +9,13 @@ const meta: Meta = {
9
9
  * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
10
10
  * to learn how to generate automatic titles
11
11
  */
12
- title: 'Components',
12
+ title: 'Widgets/Timeline',
13
13
  component: TimelineComponent,
14
14
  }
15
15
 
16
16
  export default meta
17
17
 
18
- export const Timeline = (): React.JSX.Element => (
18
+ export const Default = (): React.JSX.Element => (
19
19
  <div
20
20
  style={{
21
21
  maxWidth: '400px',
package/dist/components/timeline/timeline.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../../../src/components/timeline/timeline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,WAAW,aAAa;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,eAAO,MAAM,QAAQ;2CAKlB,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;mDAmBjC,SAAS,GAAG;QACb,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;KACnC;mDAoBE,SAAS,GAAG;QACb,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;KACnC;mDAmBE,SAAS,GAAG;QACb,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;KACnC;sDA0BE,YAAY,GAAG;QAChB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;KACtC;mDAuBE,SAAS,GAAG;QACb,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;KACnC;sDAmBE,YAAY,GAAG;QAChB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;KACtC;CApIA,CAAA;AAGD,KAAK,WAAW,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;AAC3C,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAA;AAC9D,UAAU,SAAU,SAAQ,kBAAkB;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAkBD,KAAK,WAAW,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;AAC3C,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAA;AAC9D,UAAU,SAAU,SAAQ,kBAAkB;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAiBD,KAAK,WAAW,GAAG,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAA;AAC7C,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAA;AAChE,UAAU,SAAU,SAAQ,kBAAkB;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAwBD,KAAK,cAAc,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;AAC9C,KAAK,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAA;AACjE,UAAU,YAAa,SAAQ,qBAAqB;IAClD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAqBD,KAAK,WAAW,GAAG,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAA;AAC7C,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAA;AAChE,UAAU,SAAU,SAAQ,kBAAkB;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAiBD,KAAK,cAAc,GAAG,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAA;AAC7C,KAAK,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAClE,UAAU,YAAa,SAAQ,qBAAqB;IAClD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
package/dist/components/timeline/timeline.module.js DELETED
@@ -1,17 +0,0 @@
1
- import "./timeline_module.css";
2
- const timeline_module = {
3
- timeline: "timeline-witEMC",
4
- "timeline-root": "timeline-root-EL5aTZ",
5
- timelineRoot: "timeline-root-EL5aTZ",
6
- "timeline-item": "timeline-item-WlVGZ9",
7
- timelineItem: "timeline-item-WlVGZ9",
8
- "timeline-icon": "timeline-icon-QQoRLJ",
9
- timelineIcon: "timeline-icon-QQoRLJ",
10
- "timeline-heading": "timeline-heading-hkww5U",
11
- timelineHeading: "timeline-heading-hkww5U",
12
- "timeline-date": "timeline-date-YOt1ZT",
13
- timelineDate: "timeline-date-YOt1ZT",
14
- "timeline-content": "timeline-content-_pR_C5",
15
- timelineContent: "timeline-content-_pR_C5"
16
- };
17
- export { timeline_module as default };