@mirohq/design-system-icons 0.62.2-new-focus-keyboard.1 → 0.64.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.
- package/dist/main.js.map +1 -1
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +3 -3
- package/package.json +6 -3
package/dist/types.d.ts
CHANGED
|
@@ -2,8 +2,8 @@ import * as _stitches_react_types_styled_component from '@stitches/react/types/s
|
|
|
2
2
|
import * as _mirohq_design_system_themes_web from '@mirohq/design-system-themes/web';
|
|
3
3
|
import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
|
|
4
4
|
import * as _mirohq_design_system_primitive from '@mirohq/design-system-primitive';
|
|
5
|
+
import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, ComponentPropsWithRef } from 'react';
|
|
5
6
|
import { iconSymbol } from '@mirohq/design-system-base-icon';
|
|
6
|
-
import { ForwardRefExoticComponent, RefAttributes, ComponentPropsWithRef } from 'react';
|
|
7
7
|
|
|
8
8
|
declare const StyledIcon: ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"svg">>>, "size" | "weight" | "color" | "debug"> & _stitches_react_types_styled_component.TransformProps<{
|
|
9
9
|
color?: _mirohq_design_system_themes_web.AliasColors | "alpha-black-100" | "alpha-black-200" | "alpha-black-300" | "alpha-black-400" | "alpha-black-50" | "alpha-black-500" | "alpha-black-600" | "alpha-black-700" | "alpha-black-800" | "alpha-black-900" | "alpha-gray-100" | "alpha-gray-200" | "alpha-gray-300" | "alpha-gray-400" | "alpha-gray-50" | "alpha-gray-500" | "alpha-gray-600" | "alpha-gray-700" | "alpha-gray-800" | "alpha-gray-900" | "alpha-white-100" | "alpha-white-200" | "alpha-white-300" | "alpha-white-400" | "alpha-white-50" | "alpha-white-500" | "alpha-white-600" | "alpha-white-700" | "alpha-white-800" | "alpha-white-90" | "black" | "miro-yellow" | "transparent" | "white" | "blue-100" | "blue-150" | "blue-200" | "blue-250" | "blue-300" | "blue-350" | "blue-400" | "blue-450" | "blue-50" | "blue-500" | "blue-550" | "blue-600" | "blue-650" | "blue-700" | "blue-750" | "blue-800" | "blue-850" | "blue-900" | "blue-950" | "coal-100" | "coal-150" | "coal-200" | "coal-250" | "coal-300" | "coal-350" | "coal-400" | "coal-450" | "coal-500" | "coal-550" | "coal-600" | "coal-650" | "coal-700" | "coal-750" | "coal-800" | "coal-850" | "coal-900" | "coral-100" | "coral-150" | "coral-200" | "coral-250" | "coral-300" | "coral-350" | "coral-400" | "coral-450" | "coral-500" | "coral-550" | "coral-600" | "coral-650" | "coral-700" | "coral-750" | "coral-800" | "coral-850" | "coral-900" | "cyan-100" | "cyan-150" | "cyan-200" | "cyan-250" | "cyan-300" | "cyan-350" | "cyan-400" | "cyan-450" | "cyan-500" | "cyan-550" | "cyan-600" | "cyan-650" | "cyan-700" | "cyan-750" | "cyan-800" | "cyan-850" | "cyan-900" | "gray-100" | "gray-150" | "gray-200" | "gray-250" | "gray-300" | "gray-350" | "gray-400" | "gray-450" | "gray-50" | "gray-500" | "gray-550" | "gray-600" | "gray-650" | "gray-700" | "gray-750" | "gray-800" | "gray-850" | "gray-900" | "gray-950" | "green-100" | "green-150" | "green-200" | "green-250" | "green-300" | "green-350" | "green-400" | "green-450" | "green-50" | "green-500" | "green-550" | "green-600" | "green-650" | "green-700" | "green-750" | "green-800" | "green-850" | "green-900" | "green-950" | "lilac-100" | "lilac-150" | "lilac-200" | "lilac-250" | "lilac-300" | "lilac-350" | "lilac-400" | "lilac-450" | "lilac-500" | "lilac-550" | "lilac-600" | "lilac-650" | "lilac-700" | "lilac-750" | "lilac-800" | "lilac-850" | "lilac-900" | "lime-100" | "lime-150" | "lime-200" | "lime-250" | "lime-300" | "lime-350" | "lime-400" | "lime-450" | "lime-500" | "lime-550" | "lime-600" | "lime-650" | "lime-700" | "lime-750" | "lime-800" | "lime-850" | "lime-900" | "moss-100" | "moss-150" | "moss-200" | "moss-250" | "moss-300" | "moss-350" | "moss-400" | "moss-450" | "moss-500" | "moss-550" | "moss-600" | "moss-650" | "moss-700" | "moss-750" | "moss-800" | "moss-850" | "moss-900" | "ocean-100" | "ocean-150" | "ocean-200" | "ocean-250" | "ocean-300" | "ocean-350" | "ocean-400" | "ocean-450" | "ocean-500" | "ocean-550" | "ocean-600" | "ocean-650" | "ocean-700" | "ocean-750" | "ocean-800" | "ocean-850" | "ocean-900" | "orange-100" | "orange-150" | "orange-200" | "orange-250" | "orange-300" | "orange-350" | "orange-400" | "orange-450" | "orange-500" | "orange-550" | "orange-600" | "orange-650" | "orange-700" | "orange-750" | "orange-800" | "orange-850" | "orange-900" | "pink-100" | "pink-150" | "pink-200" | "pink-250" | "pink-300" | "pink-350" | "pink-400" | "pink-450" | "pink-500" | "pink-550" | "pink-600" | "pink-650" | "pink-700" | "pink-750" | "pink-800" | "pink-850" | "pink-900" | "red-100" | "red-150" | "red-200" | "red-250" | "red-300" | "red-350" | "red-400" | "red-450" | "red-50" | "red-500" | "red-550" | "red-600" | "red-650" | "red-700" | "red-750" | "red-800" | "red-850" | "red-900" | "red-950" | "sunshine-100" | "sunshine-150" | "sunshine-200" | "sunshine-250" | "sunshine-300" | "sunshine-350" | "sunshine-400" | "sunshine-450" | "sunshine-500" | "sunshine-550" | "sunshine-600" | "sunshine-650" | "sunshine-700" | "sunshine-750" | "sunshine-800" | "sunshine-850" | "sunshine-900" | "teal-100" | "teal-150" | "teal-200" | "teal-250" | "teal-300" | "teal-350" | "teal-400" | "teal-450" | "teal-500" | "teal-550" | "teal-600" | "teal-650" | "teal-700" | "teal-750" | "teal-800" | "teal-850" | "teal-900" | "yellow-100" | "yellow-150" | "yellow-200" | "yellow-250" | "yellow-300" | "yellow-350" | "yellow-400" | "yellow-450" | "yellow-50" | "yellow-500" | "yellow-550" | "yellow-600" | "yellow-650" | "yellow-700" | "yellow-750" | "yellow-800" | "yellow-850" | "yellow-900" | "yellow-950" | undefined;
|
|
@@ -16,7 +16,7 @@ declare const StyledIcon: ForwardRefExoticComponent<Omit<Omit<_mirohq_design_sys
|
|
|
16
16
|
size?: "small" | "medium" | "large" | undefined;
|
|
17
17
|
weight?: "bold" | "thin" | "normal" | undefined;
|
|
18
18
|
}, {}>;
|
|
19
|
-
|
|
19
|
+
type StyledIconProps = ComponentPropsWithRef<typeof StyledIcon>;
|
|
20
20
|
interface IconProps extends StyledIconProps {
|
|
21
21
|
/**
|
|
22
22
|
* The icon size.
|
|
@@ -37,7 +37,7 @@ interface IconProps extends StyledIconProps {
|
|
|
37
37
|
*/
|
|
38
38
|
fr?: string | number | undefined;
|
|
39
39
|
}
|
|
40
|
-
|
|
40
|
+
type IconComponentType = ForwardRefExoticComponent<PropsWithoutRef<IconProps> & RefAttributes<SVGSVGElement>> & {
|
|
41
41
|
[iconSymbol]?: boolean;
|
|
42
42
|
};
|
|
43
43
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-icons",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.64.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -32,18 +32,20 @@
|
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@mirohq/design-system-base-icon": "^0.1.33",
|
|
35
|
-
"@mirohq/design-system-experiments": "^0.2.0",
|
|
36
35
|
"@mirohq/design-system-primitive": "^1.1.2",
|
|
37
|
-
"@mirohq/design-system-
|
|
36
|
+
"@mirohq/design-system-experiments": "^0.2.0",
|
|
37
|
+
"@mirohq/design-system-stitches": "^2.6.30",
|
|
38
38
|
"@mirohq/design-system-use-local-storage": "^0.3.11",
|
|
39
39
|
"@mirohq/design-system-utils": "^0.15.5"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
|
+
"@figma/code-connect": "1.1.4",
|
|
42
43
|
"@svgr/cli": "^6.5.1",
|
|
43
44
|
"@types/lodash.camelcase": "^4.3.7",
|
|
44
45
|
"@types/lodash.capitalize": "^4.2.7",
|
|
45
46
|
"@types/react-lottie": "1.2.6",
|
|
46
47
|
"@types/shelljs": "0.8.11",
|
|
48
|
+
"commander": "9.4.0",
|
|
47
49
|
"dotenv": "16.0.3",
|
|
48
50
|
"lodash.camelcase": "^3.0.0",
|
|
49
51
|
"lodash.capitalize": "^3.0.0",
|
|
@@ -55,6 +57,7 @@
|
|
|
55
57
|
"build": "rollup -c ../../rollup.config.js",
|
|
56
58
|
"clean": "rm -rf dist",
|
|
57
59
|
"design-language-merge-old-new-icons": "node scripts/design-language/cli.mjs",
|
|
60
|
+
"figma-connect": "node scripts/code-connect/cli.mjs",
|
|
58
61
|
"figma-sync": "node scripts/figma-sync/cli.mjs",
|
|
59
62
|
"prebuild": "pnpm clean",
|
|
60
63
|
"svg-to-react": "rm -rf react && svgr svg/24"
|