datocms-react-ui 2.2.0-alpha.1 → 2.2.0-alpha.2

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 (81) hide show
  1. package/dist/cjs/Button/styles.module.css.json +1 -1
  2. package/dist/cjs/ButtonGroup/Button/styles.module.css.json +1 -1
  3. package/dist/cjs/Canvas/index.js +523 -367
  4. package/dist/cjs/Canvas/index.js.map +1 -1
  5. package/dist/cjs/Canvas/styles.module.css.json +1 -1
  6. package/dist/cjs/Dropdown/styles.module.css.json +1 -1
  7. package/dist/cjs/FieldError/styles.module.css.json +1 -1
  8. package/dist/cjs/FormLabel/styles.module.css.json +1 -1
  9. package/dist/cjs/HotKey/styles.module.css.json +1 -1
  10. package/dist/cjs/Section/index.js +7 -6
  11. package/dist/cjs/Section/index.js.map +1 -1
  12. package/dist/cjs/Section/styles.module.css.json +1 -1
  13. package/dist/cjs/SelectInput/index.js +12 -12
  14. package/dist/cjs/SelectInput/index.js.map +1 -1
  15. package/dist/cjs/SplitView/SplitViewSash/styles.module.css.json +1 -1
  16. package/dist/cjs/TextInput/styles.module.css.json +1 -1
  17. package/dist/cjs/TextareaInput/styles.module.css.json +1 -1
  18. package/dist/cjs/Tooltip/TooltipContent/styles.module.css.json +1 -1
  19. package/dist/cjs/generateStyleFromCtx/index.js +1 -1
  20. package/dist/cjs/generateStyleFromCtx/index.js.map +1 -1
  21. package/dist/esm/Button/styles.module.css.json +1 -1
  22. package/dist/esm/ButtonGroup/Button/styles.module.css.json +1 -1
  23. package/dist/esm/Canvas/index.d.ts +501 -367
  24. package/dist/esm/Canvas/index.js +523 -367
  25. package/dist/esm/Canvas/index.js.map +1 -1
  26. package/dist/esm/Canvas/styles.module.css.json +1 -1
  27. package/dist/esm/Dropdown/styles.module.css.json +1 -1
  28. package/dist/esm/FieldError/styles.module.css.json +1 -1
  29. package/dist/esm/FormLabel/styles.module.css.json +1 -1
  30. package/dist/esm/HotKey/styles.module.css.json +1 -1
  31. package/dist/esm/Section/index.js +7 -6
  32. package/dist/esm/Section/index.js.map +1 -1
  33. package/dist/esm/Section/styles.module.css.json +1 -1
  34. package/dist/esm/SelectInput/index.js +12 -12
  35. package/dist/esm/SelectInput/index.js.map +1 -1
  36. package/dist/esm/SplitView/SplitViewSash/styles.module.css.json +1 -1
  37. package/dist/esm/TextInput/styles.module.css.json +1 -1
  38. package/dist/esm/TextareaInput/styles.module.css.json +1 -1
  39. package/dist/esm/Tooltip/TooltipContent/styles.module.css.json +1 -1
  40. package/dist/esm/generateStyleFromCtx/index.js +1 -1
  41. package/dist/esm/generateStyleFromCtx/index.js.map +1 -1
  42. package/dist/types/Canvas/index.d.ts +501 -367
  43. package/package.json +3 -3
  44. package/src/Button/styles.module.css +3 -3
  45. package/src/Button/styles.module.css.json +1 -1
  46. package/src/ButtonGroup/Button/styles.module.css +5 -5
  47. package/src/ButtonGroup/Button/styles.module.css.json +1 -1
  48. package/src/Canvas/index.tsx +526 -367
  49. package/src/Canvas/styles.module.css +4 -4
  50. package/src/Canvas/styles.module.css.json +1 -1
  51. package/src/Dropdown/styles.module.css +6 -6
  52. package/src/Dropdown/styles.module.css.json +1 -1
  53. package/src/FieldError/styles.module.css +1 -1
  54. package/src/FieldError/styles.module.css.json +1 -1
  55. package/src/FormLabel/styles.module.css +1 -1
  56. package/src/FormLabel/styles.module.css.json +1 -1
  57. package/src/HotKey/styles.module.css +1 -1
  58. package/src/HotKey/styles.module.css.json +1 -1
  59. package/src/Section/index.tsx +17 -16
  60. package/src/Section/styles.module.css +35 -29
  61. package/src/Section/styles.module.css.json +1 -1
  62. package/src/SelectInput/index.tsx +12 -12
  63. package/src/SplitView/SplitViewSash/styles.module.css +1 -1
  64. package/src/SplitView/SplitViewSash/styles.module.css.json +1 -1
  65. package/src/TextInput/styles.module.css +4 -4
  66. package/src/TextInput/styles.module.css.json +1 -1
  67. package/src/TextareaInput/styles.module.css +4 -4
  68. package/src/TextareaInput/styles.module.css.json +1 -1
  69. package/src/Toolbar/Badge/styles.module.css.json +5 -0
  70. package/src/Toolbar/DotsDropdown/styles.module.css.json +4 -0
  71. package/src/Toolbar/GoBack/styles.module.css.json +1 -0
  72. package/src/Toolbar/Pagination/styles.module.css.json +1 -0
  73. package/src/Toolbar/PrimaryButton/styles.module.css.json +5 -0
  74. package/src/Toolbar/Space/styles.module.css.json +1 -0
  75. package/src/Toolbar/Subtitle/styles.module.css.json +1 -0
  76. package/src/Tooltip/TooltipContent/styles.module.css +3 -2
  77. package/src/Tooltip/TooltipContent/styles.module.css.json +1 -1
  78. package/src/base.css +17 -0
  79. package/src/generateStyleFromCtx/index.ts +2 -2
  80. package/styles.css +1 -1
  81. package/types.json +452 -382
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "datocms-react-ui",
3
- "version": "2.2.0-alpha.1",
3
+ "version": "2.2.0-alpha.2",
4
4
  "description": "React components to use inside DatoCMS plugins",
5
5
  "keywords": [
6
6
  "datocms",
@@ -42,7 +42,7 @@
42
42
  "dependencies": {
43
43
  "@floating-ui/react": "^0.27.16",
44
44
  "classnames": "^2.3.1",
45
- "datocms-plugin-sdk": "^2.2.0-alpha.1",
45
+ "datocms-plugin-sdk": "^2.2.0-alpha.2",
46
46
  "react-intersection-observer": "^8.31.0",
47
47
  "react-select": "^5.2.1",
48
48
  "scroll-into-view-if-needed": "^2.2.20"
@@ -58,5 +58,5 @@
58
58
  "postcss-nested": "^5.0.6",
59
59
  "typedoc": "^0.26.7"
60
60
  },
61
- "gitHead": "998ccd009a2babbc49d883ea4b0ef6539937271c"
61
+ "gitHead": "2db7d26fc8a8c765621f30b2e1363af6036778c0"
62
62
  }
package/src/Button/styles.module.css CHANGED
@@ -32,8 +32,8 @@
32
32
  }
33
33
 
34
34
  .buttonType-muted {
35
- background-color: var(--color--tinted--surface);
36
- color: var(--color--tinted--ink);
35
+ background-color: var(--color--primary-soft--surface);
36
+ color: var(--color--primary-soft--ink);
37
37
 
38
38
  &.disabled {
39
39
  background-color: var(--color--disabled--surface);
@@ -137,7 +137,7 @@
137
137
  line-height: 0.6;
138
138
 
139
139
  svg {
140
- fill: var(--color--ink-accent);
140
+ fill: var(--color--ink-link);
141
141
  }
142
142
  }
143
143
 
package/src/Button/styles.module.css.json CHANGED
@@ -1 +1 @@
1
- {"button":"_button_18bje_1","disabled":"_disabled_18bje_30","buttonType-muted":"_buttonType-muted_18bje_34","buttonType-primary":"_buttonType-primary_18bje_50","buttonType-negative":"_buttonType-negative_18bje_80","buttonSize-xxs":"_buttonSize-xxs_18bje_97","buttonSize-xs":"_buttonSize-xs_18bje_102","buttonSize-s":"_buttonSize-s_18bje_107","buttonSize-m":"_buttonSize-m_18bje_112","buttonSize-l":"_buttonSize-l_18bje_117","buttonSize-xl":"_buttonSize-xl_18bje_122","fullWidth":"_fullWidth_18bje_127","button__leftIcon":"_button__leftIcon_18bje_133","button__rightIcon":"_button__rightIcon_18bje_134"}
1
+ {"button":"_button_18hrg_1","disabled":"_disabled_18hrg_30","buttonType-muted":"_buttonType-muted_18hrg_34","buttonType-primary":"_buttonType-primary_18hrg_50","buttonType-negative":"_buttonType-negative_18hrg_80","buttonSize-xxs":"_buttonSize-xxs_18hrg_97","buttonSize-xs":"_buttonSize-xs_18hrg_102","buttonSize-s":"_buttonSize-s_18hrg_107","buttonSize-m":"_buttonSize-m_18hrg_112","buttonSize-l":"_buttonSize-l_18hrg_117","buttonSize-xl":"_buttonSize-xl_18hrg_122","fullWidth":"_fullWidth_18hrg_127","button__leftIcon":"_button__leftIcon_18hrg_133","button__rightIcon":"_button__rightIcon_18hrg_134"}
package/src/ButtonGroup/Button/styles.module.css CHANGED
@@ -41,21 +41,21 @@
41
41
  }
42
42
 
43
43
  .Button--selected {
44
- background-color: var(--color--accent--surface);
45
- color: var(--color--accent--ink);
44
+ background-color: var(--color--primary--surface-secondary);
45
+ color: var(--color--primary--ink);
46
46
  }
47
47
 
48
48
  .Button--selected svg {
49
- fill: var(--color--accent--ink);
49
+ fill: var(--color--primary--ink);
50
50
  }
51
51
 
52
52
  .Button--selected:hover {
53
- background-color: var(--color--accent--surface);
53
+ background-color: var(--color--primary--surface-secondary);
54
54
  }
55
55
 
56
56
  .Button--selected:hover,
57
57
  .Button--selected.Button--disabled {
58
- background-color: var(--color--accent--surface);
58
+ background-color: var(--color--primary--surface-secondary);
59
59
  }
60
60
 
61
61
  .Button:first-child {
package/src/ButtonGroup/Button/styles.module.css.json CHANGED
@@ -1 +1 @@
1
- {"Button":"_Button_l5wk3_1","Button--s":"_Button--s_l5wk3_30","Button--disabled":"_Button--disabled_l5wk3_34","Button--selected":"_Button--selected_l5wk3_43"}
1
+ {"Button":"_Button_1653r_1","Button--s":"_Button--s_1653r_30","Button--disabled":"_Button--disabled_1653r_34","Button--selected":"_Button--selected_1653r_43"}