@frontify/fondue 12.0.0-beta.2 → 12.0.0-beta.4

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 (32) hide show
  1. package/dist/components/Button/Button.es.js +44 -43
  2. package/dist/components/Button/Button.es.js.map +1 -1
  3. package/dist/components/EditableText/EditableText.d.ts +2 -0
  4. package/dist/components/EditableText/EditableText.es.js +40 -40
  5. package/dist/components/EditableText/EditableText.es.js.map +1 -1
  6. package/dist/components/EditableText/lib/helper.d.ts +1 -0
  7. package/dist/components/EditableText/lib/helper.es.js +6 -5
  8. package/dist/components/EditableText/lib/helper.es.js.map +1 -1
  9. package/dist/components/OrderableList/OrderableList.es.js +34 -32
  10. package/dist/components/OrderableList/OrderableList.es.js.map +1 -1
  11. package/dist/components/RichTextEditor/RichTextEditor.es.js +46 -42
  12. package/dist/components/RichTextEditor/RichTextEditor.es.js.map +1 -1
  13. package/dist/components/RichTextEditor/helper.d.ts +1 -0
  14. package/dist/components/RichTextEditor/helper.es.js +8 -0
  15. package/dist/components/RichTextEditor/helper.es.js.map +1 -0
  16. package/dist/components/Switch/Switch.es.js +59 -42
  17. package/dist/components/Switch/Switch.es.js.map +1 -1
  18. package/dist/components/TextInput/TextInput.es.js +2 -2
  19. package/dist/components/TextInput/TextInput.es.js.map +1 -1
  20. package/dist/components/Tooltip/Tooltip.d.ts +3 -1
  21. package/dist/components/Tooltip/Tooltip.es.js +44 -39
  22. package/dist/components/Tooltip/Tooltip.es.js.map +1 -1
  23. package/dist/components/Tree/Node.es.js +37 -36
  24. package/dist/components/Tree/Node.es.js.map +1 -1
  25. package/dist/extractedThirdPartyStyles.css +8 -0
  26. package/dist/index.cjs.js +4 -4
  27. package/dist/index.cjs.js.map +1 -1
  28. package/dist/index.umd.js +4 -4
  29. package/dist/index.umd.js.map +1 -1
  30. package/dist/styles.css +1 -1
  31. package/package.json +1 -1
  32. package/tailwind.config.js +73 -72
package/tailwind.config.js CHANGED
@@ -1,114 +1,115 @@
1
1
  /* (c) Copyright Frontify Ltd., all rights reserved. */
2
2
 
3
3
  module.exports = {
4
- presets: [require("@frontify/fondue-tokens/tailwind")],
5
- content: ["./src/**/*.{js,ts,tsx}"],
4
+ presets: [require('@frontify/fondue-tokens/tailwind')],
5
+ content: ['./src/**/*.{js,ts,tsx}'],
6
6
  theme: {
7
7
  extend: {
8
8
  outline: {
9
- violet: "1px solid #825fff",
9
+ violet: '1px solid #825fff',
10
10
  },
11
11
  boxShadow: {
12
- large: "0 25px 80px 0 rgba(45, 50, 50, 0.4)",
13
- mid: "0 3px 10px 0 rgba(45, 50, 50, 0.1)",
14
- "mid-top": "0 -10px 10px -5px rgba(45, 50, 50, 0.1)",
15
- "mid-bottom": "0 10px 10px -5px rgba(45, 50, 50, 0.1)",
16
- none: "none",
12
+ large: '0 25px 80px 0 rgba(45, 50, 50, 0.4)',
13
+ mid: '0 3px 10px 0 rgba(45, 50, 50, 0.1)',
14
+ 'mid-top': '0 -10px 10px -5px rgba(45, 50, 50, 0.1)',
15
+ 'mid-bottom': '0 10px 10px -5px rgba(45, 50, 50, 0.1)',
16
+ none: 'none',
17
17
  },
18
18
  ringColor: {
19
- blue: "#5e9ed6",
19
+ blue: '#5e9ed6',
20
20
  },
21
21
  colors: {
22
- transparent: "transparent",
23
- current: "currentColor",
24
- white: "#ffffff",
22
+ transparent: 'transparent',
23
+ current: 'currentColor',
24
+ white: '#ffffff',
25
25
  black: {
26
- DEFAULT: "#2d3232",
26
+ DEFAULT: '#2d3232',
27
27
 
28
28
  // Solids
29
- superdark: "#1a1d1d",
30
- 100: "#2d3232",
31
- 95: "#424747",
32
- 90: "#575b5b",
33
- 85: "#5f6363",
34
- 80: "#6c7070",
35
- 70: "#818484",
36
- 60: "#969898",
37
- 50: "#abadad",
38
- 40: "#b3b5b5",
39
- 30: "#c0c2c2",
40
- 20: "#d5d6d6",
41
- 10: "#eaebeb",
42
- 5: "#f7f7f7",
43
- 0: "#fafafa",
44
- warm: "#e6dcdc",
29
+ superdark: '#1a1d1d',
30
+ 100: '#2d3232',
31
+ 95: '#424747',
32
+ 90: '#575b5b',
33
+ 85: '#5f6363',
34
+ 80: '#6c7070',
35
+ 70: '#818484',
36
+ 60: '#969898',
37
+ 50: '#abadad',
38
+ 40: '#b3b5b5',
39
+ 30: '#c0c2c2',
40
+ 20: '#d5d6d6',
41
+ 10: '#eaebeb',
42
+ 5: '#f7f7f7',
43
+ 0: '#fafafa',
44
+ warm: '#e6dcdc',
45
45
  },
46
46
  violet: {
47
47
  // Solids
48
- 90: "#443185",
49
- 70: "#6449c4",
50
- 60: "#825fff",
51
- 50: "#9088ff",
52
- 40: "#c8d1ed",
53
- 20: "#e3e8f6",
48
+ 90: '#443185',
49
+ 70: '#6449c4',
50
+ 60: '#825fff',
51
+ 50: '#9088ff',
52
+ 40: '#c8d1ed',
53
+ 20: '#e3e8f6',
54
54
  },
55
55
  green: {
56
- 90: "#006452",
57
- 75: "#00866E",
58
- 70: "#00a084",
59
- 60: "#00c8a5",
60
- 50: "#80dbb7",
61
- 40: "#bee1d4",
62
- 20: "#def0e9",
56
+ 90: '#006452',
57
+ 75: '#00866E',
58
+ 70: '#00a084',
59
+ 60: '#00c8a5',
60
+ 50: '#80dbb7',
61
+ 40: '#bee1d4',
62
+ 20: '#def0e9',
63
63
  },
64
64
 
65
65
  yellow: {
66
- 90: "#cc9000",
67
- 70: "#e6a200",
68
- 60: "#ffb400",
69
- 50: "#eec779",
70
- 40: "#e1d4be",
71
- 20: "#f0e9de",
66
+ 90: '#cc9000',
67
+ 70: '#e6a200',
68
+ 60: '#ffb400',
69
+ 50: '#eec779',
70
+ 40: '#e1d4be',
71
+ 20: '#f0e9de',
72
72
  },
73
73
 
74
74
  red: {
75
- 90: "#992136",
76
- 70: "#cc2c48",
77
- 65: "#E52144",
78
- 60: "#ff375a",
79
- 50: "#ff8066",
80
- 40: "#e1c4be",
81
- 20: "#f0e1de",
75
+ 90: '#992136',
76
+ 70: '#cc2c48',
77
+ 65: '#E52144',
78
+ 60: '#ff375a',
79
+ 50: '#ff8066',
80
+ 40: '#e1c4be',
81
+ 20: '#f0e1de',
82
82
  },
83
83
  },
84
84
  fontFamily: {
85
85
  sans: [
86
86
  '"Space Grotesk Frontify"',
87
- "Arial",
88
- "-apple-system",
89
- "BlinkMacSystemFont",
90
- "Segoe UI",
91
- "Roboto",
92
- "Helvetica",
93
- "sans-serif",
87
+ 'Arial',
88
+ '-apple-system',
89
+ 'BlinkMacSystemFont',
90
+ 'Segoe UI',
91
+ 'Roboto',
92
+ 'Helvetica',
93
+ 'sans-serif',
94
94
  '"Apple Color Emoji"',
95
95
  '"Segoe UI Emoji"',
96
96
  '"Segoe UI Symbol"',
97
97
  ],
98
- mono: ["Menlo", "Courier", "monospace"],
98
+ mono: ['Menlo', 'Courier', 'monospace'],
99
99
  },
100
100
  fontSize: {
101
- xxs: ["0.75rem", { letterSpacing: "0.02rem", lineHeight: "1rem" }],
102
- xs: ["0.813rem", "1rem"],
103
- s: ["0.875rem", "1rem"],
104
- m: ["1rem", "1.25rem"],
105
- l: ["1.125rem", "1.5rem"],
106
- xl: ["1.5rem", "2rem"],
107
- xxl: ["2rem", "2.5rem"],
108
- xxxl: ["3rem", "3.5rem"],
101
+ xxs: ['0.75rem', { letterSpacing: '0.02rem', lineHeight: '1rem' }],
102
+ xs: ['0.813rem', '1rem'],
103
+ s: ['0.875rem', '1rem'],
104
+ m: ['1rem', '1.25rem'],
105
+ l: ['1.125rem', '1.5rem'],
106
+ xl: ['1.5rem', '2rem'],
107
+ xxl: ['2rem', '2.5rem'],
108
+ xxxl: ['3rem', '3.5rem'],
109
109
  },
110
110
  transitionProperty: {
111
- height: "height",
111
+ height: 'height',
112
+ width: 'width',
112
113
  },
113
114
  },
114
115
  },