@flodesk/grain 11.35.0 → 11.35.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 (90) hide show
  1. package/README.md +1 -1
  2. package/es/foundational/field.js +4 -12
  3. package/es/foundational/styles.js +0 -3
  4. package/es/icons/icon-align-center.js +1 -1
  5. package/es/icons/icon-align-left.js +1 -1
  6. package/es/icons/icon-align-right.js +1 -1
  7. package/es/icons/icon-archive.js +1 -1
  8. package/es/icons/icon-at.js +1 -1
  9. package/es/icons/icon-browser.js +1 -1
  10. package/es/icons/icon-column-one.js +1 -1
  11. package/es/icons/icon-column-two.js +1 -1
  12. package/es/icons/icon-columns.js +1 -1
  13. package/es/icons/icon-content-align-bottom.js +1 -1
  14. package/es/icons/icon-content-align-center.js +1 -1
  15. package/es/icons/icon-content-align-top.js +1 -1
  16. package/es/icons/icon-duplicate.js +1 -1
  17. package/es/icons/icon-file.js +1 -1
  18. package/es/icons/icon-folder-remove.js +1 -1
  19. package/es/icons/icon-hide.js +1 -1
  20. package/es/icons/icon-layout-text-bottom.js +1 -1
  21. package/es/icons/icon-layout-text-left.js +1 -1
  22. package/es/icons/icon-layout-text-right.js +1 -1
  23. package/es/icons/icon-layout-text-top.js +1 -1
  24. package/es/icons/icon-mail.js +1 -1
  25. package/es/icons/icon-monitor.js +1 -1
  26. package/es/icons/icon-phone.js +2 -2
  27. package/es/icons/icon-rows.js +1 -1
  28. package/es/icons/icon-square.js +1 -1
  29. package/es/icons/icon-tablet.js +1 -1
  30. package/es/icons/icon-trash.js +1 -1
  31. package/es/styles/foundational.js +3 -2
  32. package/es/styles/variables.js +1 -1
  33. package/es/types/components/arrange.d.ts +18 -0
  34. package/es/types/components/autocomplete.d.ts +39 -0
  35. package/es/types/components/autocomplete2.d.ts +45 -0
  36. package/es/types/components/badge.d.ts +12 -0
  37. package/es/types/components/box.d.ts +59 -0
  38. package/es/types/components/breakpoints-provider.d.ts +15 -0
  39. package/es/types/components/button.d.ts +19 -0
  40. package/es/types/components/checkbox.d.ts +23 -0
  41. package/es/types/components/dropdown.d.ts +26 -0
  42. package/es/types/components/flex.d.ts +22 -0
  43. package/es/types/components/icon-button.d.ts +16 -0
  44. package/es/types/components/icon-toggle.d.ts +14 -0
  45. package/es/types/components/icon.d.ts +11 -0
  46. package/es/types/components/index.d.ts +32 -0
  47. package/es/types/components/link.d.ts +12 -0
  48. package/es/types/components/modal.d.ts +27 -0
  49. package/es/types/components/nav.d.ts +17 -0
  50. package/es/types/components/pagination.d.ts +9 -0
  51. package/es/types/components/popover.d.ts +18 -0
  52. package/es/types/components/progress.d.ts +8 -0
  53. package/es/types/components/provider.d.ts +11 -0
  54. package/es/types/components/radio.d.ts +23 -0
  55. package/es/types/components/select.d.ts +26 -0
  56. package/es/types/components/slider.d.ts +21 -0
  57. package/es/types/components/spinner.d.ts +9 -0
  58. package/es/types/components/stack.d.ts +10 -0
  59. package/es/types/components/switch.d.ts +12 -0
  60. package/es/types/components/tab.d.ts +17 -0
  61. package/es/types/components/text-button.d.ts +16 -0
  62. package/es/types/components/text-input.d.ts +25 -0
  63. package/es/types/components/text-toggle.d.ts +14 -0
  64. package/es/types/components/text.d.ts +17 -0
  65. package/es/types/components/textarea.d.ts +22 -0
  66. package/es/types/components/toast.d.ts +17 -0
  67. package/es/types/components/tooltip.d.ts +19 -0
  68. package/es/types/foundational/field.d.ts +30 -0
  69. package/es/types/foundational/index.d.ts +3 -0
  70. package/es/types/foundational/menu.d.ts +58 -0
  71. package/es/types/foundational/styles.d.ts +37 -0
  72. package/es/types/hooks/index.d.ts +2 -0
  73. package/es/types/hooks/useMedia.d.ts +1 -0
  74. package/es/types/hooks/useOnClickOutside.d.ts +4 -0
  75. package/es/types/icons/common.d.ts +3 -0
  76. package/es/types/icons/index.d.ts +85 -0
  77. package/es/types/index.d.ts +15 -0
  78. package/es/types/shared.d.ts +41 -0
  79. package/es/types/tokens.d.ts +141 -0
  80. package/es/types/utilities/index.d.ts +2 -0
  81. package/es/types/utilities/responsive.d.ts +20 -0
  82. package/es/types/utilities/styles.d.ts +20 -0
  83. package/es/types/variables/colors.d.ts +14 -0
  84. package/es/types/variables/index.d.ts +2 -0
  85. package/es/types/variables/vars.d.ts +92 -0
  86. package/es/utilities/responsive.js +1 -5
  87. package/es/utilities/style-config.js +3 -3
  88. package/es/utilities/styles.js +2 -10
  89. package/es/variables/vars.js +1 -32
  90. package/package.json +2 -1
package/es/variables/vars.js CHANGED
@@ -53,26 +53,7 @@ export const vars = {
53
53
  xFast: 'xFast',
54
54
  xxFast: 'xxFast'
55
55
  },
56
- colors: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, colors.shadeTones), colors.shades), colors.fades), colors.darkFades), colors.lightFades), colors.bases), colors.internals), colors.generics), colors.contents), colors.backgrounds), colors.borders),
57
- spaceUtils: {
58
- betweenFormTitleAndContent: 'betweenFormTitleAndContent',
59
- betweenFormContents: 'betweenFormContents',
60
- betweenFormContentAndActions: 'betweenFormContentAndActions',
61
- betweenFormControlAndLabel: 'betweenFormControlAndLabel',
62
- fieldPaddingX: 'fieldPaddingX'
63
- },
64
- colorUtils: {
65
- fieldBorder: 'fieldBorder',
66
- fieldBorderHover: 'fieldBorderHover',
67
- fieldBorderFocus: 'fieldBorderFocus',
68
- fieldBorderDisabled: 'fieldBorderDisabled',
69
- fieldBackgroundDisabled: 'fieldBackgroundDisabled'
70
- },
71
- transitionUtils: {
72
- leave: 'leave',
73
- hover: 'hover',
74
- active: 'active'
75
- }
56
+ colors: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, colors.shadeTones), colors.shades), colors.fades), colors.darkFades), colors.lightFades), colors.bases), colors.internals), colors.generics), colors.contents), colors.backgrounds), colors.borders)
76
57
  };
77
58
  export const varInfo = {
78
59
  texts: {
@@ -106,17 +87,5 @@ export const varInfo = {
106
87
  colors: {
107
88
  name: 'colors',
108
89
  prefix: 'color'
109
- },
110
- spaceUtils: {
111
- name: 'spaceUtils',
112
- prefix: 'space'
113
- },
114
- colorUtils: {
115
- name: 'colorUtils',
116
- prefix: 'color'
117
- },
118
- transitionUtils: {
119
- name: 'transitionUtils',
120
- prefix: 'transition'
121
90
  }
122
91
  };
package/package.json CHANGED
@@ -1,8 +1,9 @@
1
1
  {
2
2
  "name": "@flodesk/grain",
3
- "version": "11.35.0",
3
+ "version": "11.35.2",
4
4
  "description": "Flodesk design system",
5
5
  "module": "es/index.js",
6
+ "types": "es/types/index.d.ts",
6
7
  "author": "Flodesk",
7
8
  "license": "UNLICENSED",
8
9
  "scripts": {