@sippy-platform/valkyrie - npm Package Compare versions

Comparing version 1.0.0-alpha.30 to 1.0.0-alpha.31

dist/cjs/Valkyrie.d.ts

@@ -285,2 +285,6 @@ export declare const viAGum: {
 };
+export declare const viCompare: {
+    name: 'compare';
+    data: string;
+};
 export declare const viCompass: {
@@ -1022,3 +1026,3 @@ name: 'compass';
 };
-export type Valkyrie = 'a_gum' | 'address_book' | 'angle_down' | 'angle_left' | 'angle_right' | 'angle_up' | 'angles_y' | 'apple_app_store' | 'arrow_down_short_wide' | 'arrow_down_to_line' | 'arrow_down_wide_short' | 'arrow_down' | 'arrow_left_from_bracket' | 'arrow_left_to_bracket' | 'arrow_left_to_line' | 'arrow_left' | 'arrow_pointer' | 'arrow_right_from_bracket' | 'arrow_right_prohibited' | 'arrow_right_to_bracket' | 'arrow_right_to_line' | 'arrow_right' | 'arrow_rotate_right' | 'arrow_up_short_wide' | 'arrow_up_to_line' | 'arrow_up_wide_short' | 'arrow_up' | 'arrows_rotate_right' | 'asterisk' | 'at' | 'backward' | 'bars' | 'blf' | 'bold' | 'book' | 'box_open_full' | 'brackets_curly' | 'bug' | 'building' | 'calendar_clock' | 'calendar_day' | 'calendar_range_clock' | 'calendar_range' | 'calendar_stars' | 'calendar_week' | 'calendar' | 'chain_slash' | 'chain' | 'chalkboard_person' | 'chart_pie' | 'check' | 'chevron_down' | 'chevron_left' | 'chevron_right' | 'chevron_up' | 'chrome' | 'circle_check' | 'circle_dashed' | 'circle_exclamation' | 'circle_half_inner' | 'circle_half' | 'circle_info' | 'circle_person' | 'circle_plus' | 'circle_question' | 'circle_xmark' | 'city' | 'clock_rotate_left' | 'clock' | 'code' | 'codeblock' | 'compass' | 'compress' | 'copy' | 'devices' | 'display' | 'door' | 'earth' | 'eclipse' | 'edge' | 'ellipsis' | 'envelope' | 'ethernet' | 'euro' | 'expand' | 'eye_slash' | 'eye' | 'facebook_messenger' | 'facebook' | 'fast_backward' | 'fast_forward' | 'fax' | 'file' | 'files_list' | 'files' | 'filmstrip' | 'filter_plus' | 'filter_xmark' | 'filter' | 'fingerprint' | 'firefox' | 'flag_checkered' | 'flag' | 'floppy_disk' | 'folder' | 'forward' | 'gauge' | 'gear' | 'gift' | 'github' | 'google_play' | 'grid' | 'grip_lines' | 'heading_1' | 'heading_2' | 'heading_3' | 'heading_4' | 'heading_5' | 'heading_6' | 'headset' | 'heart_crack' | 'heart_half' | 'heart' | 'house' | 'id_card' | 'image' | 'italic' | 'key' | 'laptop' | 'layers_plus' | 'layers' | 'life_ring' | 'lightbulb_on' | 'lightbulb' | 'line' | 'linkedin' | 'list_checks_xmark' | 'list_checks' | 'list_clock' | 'list_ordered_clock' | 'list_ordered' | 'list' | 'location_pin_dot' | 'location_pin_slash' | 'location_pin' | 'location_pins_route' | 'lock_open' | 'lock' | 'magnifying_glass' | 'megaphone' | 'message_pen' | 'message_smile' | 'message_text' | 'message' | 'microphone' | 'min' | 'moon' | 'music_pause' | 'music' | 'network' | 'next' | 'numpad' | 'pager' | 'paper_plane' | 'parachute_box' | 'paragraph' | 'pause' | 'pen' | 'people_circle' | 'people' | 'person_clock' | 'person_gear' | 'person_headset' | 'person_list' | 'person_lock' | 'person_plus' | 'person' | 'phone_arrow_down_left_prohibited' | 'phone_arrow_down_left' | 'phone_arrow_up_right_prohibited' | 'phone_arrow_up_right' | 'phone_clock' | 'phone_gear' | 'phone_list' | 'phone_office' | 'phone_volume' | 'phone' | 'play_pause' | 'play' | 'plus' | 'power' | 'previous' | 'prohibited' | 'puzzle_piece' | 'quote' | 'rectangle_p' | 'redo' | 'repeat_once' | 'repeat' | 'safari' | 'server' | 'share' | 'shield_keyhole' | 'shield_plus' | 'shield_xmark' | 'shield' | 'shuffle' | 'sidebar_left' | 'sidebar_right' | 'sim_card' | 'sippy' | 'sliders' | 'smartphone_arrow_right' | 'smartphone' | 'speaker_grill' | 'spinner_third' | 'spy' | 'square_gum' | 'star' | 'stop' | 'store' | 'strikethrough' | 'sun' | 'swatchbook' | 'table_clock' | 'table_header_column' | 'table_header_row' | 'table' | 'tag_gear' | 'tag_plus' | 'tag' | 'thumbstack_slash' | 'thumbstack' | 'toggle_off' | 'toggle_on' | 'tower_broadcast' | 'translate' | 'trash_can' | 'triangle_exclamation' | 'underline' | 'undo' | 'valkyrie_sword' | 'video' | 'voicemail' | 'volume_0' | 'volume_1' | 'volume_2' | 'volume_3' | 'volume_slash' | 'wallpaper' | 'waveform' | 'webhooks_clock' | 'webhooks' | 'window' | 'xmark';
+export type Valkyrie = 'a_gum' | 'address_book' | 'angle_down' | 'angle_left' | 'angle_right' | 'angle_up' | 'angles_y' | 'apple_app_store' | 'arrow_down_short_wide' | 'arrow_down_to_line' | 'arrow_down_wide_short' | 'arrow_down' | 'arrow_left_from_bracket' | 'arrow_left_to_bracket' | 'arrow_left_to_line' | 'arrow_left' | 'arrow_pointer' | 'arrow_right_from_bracket' | 'arrow_right_prohibited' | 'arrow_right_to_bracket' | 'arrow_right_to_line' | 'arrow_right' | 'arrow_rotate_right' | 'arrow_up_short_wide' | 'arrow_up_to_line' | 'arrow_up_wide_short' | 'arrow_up' | 'arrows_rotate_right' | 'asterisk' | 'at' | 'backward' | 'bars' | 'blf' | 'bold' | 'book' | 'box_open_full' | 'brackets_curly' | 'bug' | 'building' | 'calendar_clock' | 'calendar_day' | 'calendar_range_clock' | 'calendar_range' | 'calendar_stars' | 'calendar_week' | 'calendar' | 'chain_slash' | 'chain' | 'chalkboard_person' | 'chart_pie' | 'check' | 'chevron_down' | 'chevron_left' | 'chevron_right' | 'chevron_up' | 'chrome' | 'circle_check' | 'circle_dashed' | 'circle_exclamation' | 'circle_half_inner' | 'circle_half' | 'circle_info' | 'circle_person' | 'circle_plus' | 'circle_question' | 'circle_xmark' | 'city' | 'clock_rotate_left' | 'clock' | 'code' | 'codeblock' | 'compare' | 'compass' | 'compress' | 'copy' | 'devices' | 'display' | 'door' | 'earth' | 'eclipse' | 'edge' | 'ellipsis' | 'envelope' | 'ethernet' | 'euro' | 'expand' | 'eye_slash' | 'eye' | 'facebook_messenger' | 'facebook' | 'fast_backward' | 'fast_forward' | 'fax' | 'file' | 'files_list' | 'files' | 'filmstrip' | 'filter_plus' | 'filter_xmark' | 'filter' | 'fingerprint' | 'firefox' | 'flag_checkered' | 'flag' | 'floppy_disk' | 'folder' | 'forward' | 'gauge' | 'gear' | 'gift' | 'github' | 'google_play' | 'grid' | 'grip_lines' | 'heading_1' | 'heading_2' | 'heading_3' | 'heading_4' | 'heading_5' | 'heading_6' | 'headset' | 'heart_crack' | 'heart_half' | 'heart' | 'house' | 'id_card' | 'image' | 'italic' | 'key' | 'laptop' | 'layers_plus' | 'layers' | 'life_ring' | 'lightbulb_on' | 'lightbulb' | 'line' | 'linkedin' | 'list_checks_xmark' | 'list_checks' | 'list_clock' | 'list_ordered_clock' | 'list_ordered' | 'list' | 'location_pin_dot' | 'location_pin_slash' | 'location_pin' | 'location_pins_route' | 'lock_open' | 'lock' | 'magnifying_glass' | 'megaphone' | 'message_pen' | 'message_smile' | 'message_text' | 'message' | 'microphone' | 'min' | 'moon' | 'music_pause' | 'music' | 'network' | 'next' | 'numpad' | 'pager' | 'paper_plane' | 'parachute_box' | 'paragraph' | 'pause' | 'pen' | 'people_circle' | 'people' | 'person_clock' | 'person_gear' | 'person_headset' | 'person_list' | 'person_lock' | 'person_plus' | 'person' | 'phone_arrow_down_left_prohibited' | 'phone_arrow_down_left' | 'phone_arrow_up_right_prohibited' | 'phone_arrow_up_right' | 'phone_clock' | 'phone_gear' | 'phone_list' | 'phone_office' | 'phone_volume' | 'phone' | 'play_pause' | 'play' | 'plus' | 'power' | 'previous' | 'prohibited' | 'puzzle_piece' | 'quote' | 'rectangle_p' | 'redo' | 'repeat_once' | 'repeat' | 'safari' | 'server' | 'share' | 'shield_keyhole' | 'shield_plus' | 'shield_xmark' | 'shield' | 'shuffle' | 'sidebar_left' | 'sidebar_right' | 'sim_card' | 'sippy' | 'sliders' | 'smartphone_arrow_right' | 'smartphone' | 'speaker_grill' | 'spinner_third' | 'spy' | 'square_gum' | 'star' | 'stop' | 'store' | 'strikethrough' | 'sun' | 'swatchbook' | 'table_clock' | 'table_header_column' | 'table_header_row' | 'table' | 'tag_gear' | 'tag_plus' | 'tag' | 'thumbstack_slash' | 'thumbstack' | 'toggle_off' | 'toggle_on' | 'tower_broadcast' | 'translate' | 'trash_can' | 'triangle_exclamation' | 'underline' | 'undo' | 'valkyrie_sword' | 'video' | 'voicemail' | 'volume_0' | 'volume_1' | 'volume_2' | 'volume_3' | 'volume_slash' | 'wallpaper' | 'waveform' | 'webhooks_clock' | 'webhooks' | 'window' | 'xmark';
 export interface IValkyrieIcon {
@@ -1243,2 +1247,5 @@ name: Valkyrie;
 } | {
+    name: 'compare';
+    data: string;
+} | {
     name: 'compass';
@@ -1245,0 +1252,0 @@ data: string;

dist/cjs/ValkyrieIcon.d.ts

@@ -1,3 +0,2 @@
-import { IValkyrieIcon } from "./Valkyrie";
-import { SxProps } from "@mui/system";
+import { IValkyrieIcon } from ".";
 interface ValkyrieProps {
@@ -8,5 +7,4 @@ icon: IValkyrieIcon;
     spin?: boolean;
-    sx?: SxProps;
 }
-export default function ValkyrieIcon({ flip, icon, rotate, spin, sx, ...props }: ValkyrieProps): import("react/jsx-runtime").JSX.Element;
+export default function ValkyrieIcon({ flip, icon, rotate, spin, ...props }: ValkyrieProps): import("react/jsx-runtime").JSX.Element;
 export {};

dist/cjs/ValkyrieIcon.js

@@ -28,11 +28,2 @@ "use strict";
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
@@ -43,38 +34,24 @@ return (mod && mod.__esModule) ? mod : { "default": mod };
 var jsx_runtime_1 = require("react/jsx-runtime");
-var system_1 = require("@mui/system");
-var react_1 = require("@emotion/react");
 var html_react_parser_1 = __importDefault(require("html-react-parser"));
+var css_1 = require("@emotion/css");
 function ValkyrieIcon(_a) {
-    var _b = _a.flip, flip = _b === void 0 ? false : _b, icon = _a.icon, _c = _a.rotate, rotate = _c === void 0 ? 0 : _c, _d = _a.spin, spin = _d === void 0 ? false : _d, sx = _a.sx, props = __rest(_a, ["flip", "icon", "rotate", "spin", "sx"]);
-    var spinAnimation = (0, react_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  "], ["\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  "])));
-    return ((0, jsx_runtime_1.jsx)(system_1.Box, __assign({}, props, { component: "span", sx: __spreadArray([
-            {
-                height: "1em",
-                width: "1em",
-                minWidth: "1em",
-                lineHeight: 1,
-                boxSizing: "content-box",
-                display: "inline-block",
-                position: "relative",
-                overflow: "visible",
-                verticalAlign: 0,
-                flexShrink: 0,
-                transition: "inherit",
-                transform: "rotate(".concat(rotate, "deg)"),
-            },
-            spin && {
-                svg: {
-                    animation: "".concat(spinAnimation, " var(--vi-animation-duration, 2s) infinite linear"),
-                },
-            },
-            flip && {
-                transform: flip === "x"
-                    ? "scaleX(-1)"
-                    : flip === "y"
-                        ? "scaleY(-1)"
-                        : "scale(-1)",
-            }
-        ], (Array.isArray(sx) ? sx : [sx]), true), children: (0, html_react_parser_1.default)(icon.data) })));
+    var _b;
+    var _c = _a.flip, flip = _c === void 0 ? false : _c, icon = _a.icon, _d = _a.rotate, rotate = _d === void 0 ? 0 : _d, _e = _a.spin, spin = _e === void 0 ? false : _e, props = __rest(_a, ["flip", "icon", "rotate", "spin"]);
+    var spinAnimation = (0, css_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  "], ["\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  "])));
+    var aiClass = (0, css_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    height: 1em;\n    width: 1em;\n    min-width: 1em;\n    line-height: 1em;\n    box-sizing: content-box;\n    display: inline-block;\n    position: relative;\n    overflow: visible;\n    vertical-align: 0;\n    flex-shrink: 0;\n    transition: inherit;\n  "], ["\n    height: 1em;\n    width: 1em;\n    min-width: 1em;\n    line-height: 1em;\n    box-sizing: content-box;\n    display: inline-block;\n    position: relative;\n    overflow: visible;\n    vertical-align: 0;\n    flex-shrink: 0;\n    transition: inherit;\n  "])));
+    var rotateClass = (0, css_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    transform: rotate(", "deg);\n  "], ["\n    transform: rotate(", "deg);\n  "])), rotate);
+    var flipClass = (0, css_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    transform: ", ";\n  "], ["\n    transform: ", ";\n  "])), flip === "x"
+        ? "scaleX(-1)"
+        : flip === "y"
+            ? "scaleY(-1)"
+            : "scale(-1)");
+    var spinClass = (0, css_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    svg {\n      animation: ", " var(--ai-animation-duration, 2s) infinite\n        linear;\n    }\n  "], ["\n    svg {\n      animation: ", " var(--ai-animation-duration, 2s) infinite\n        linear;\n    }\n  "])), spinAnimation);
+    return ((0, jsx_runtime_1.jsx)("span", __assign({}, props, { className: (0, css_1.cx)((_b = {},
+            _b[aiClass] = true,
+            _b[rotateClass] = !!rotate,
+            _b[flipClass] = !!flip,
+            _b[spinClass] = spin,
+            _b)), children: (0, html_react_parser_1.default)(icon.data) })));
 }
 exports.default = ValkyrieIcon;
-var templateObject_1;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

dist/esm/Valkyrie.d.ts

@@ -285,2 +285,6 @@ export declare const viAGum: {
 };
+export declare const viCompare: {
+    name: 'compare';
+    data: string;
+};
 export declare const viCompass: {
@@ -1022,3 +1026,3 @@ name: 'compass';
 };
-export type Valkyrie = 'a_gum' | 'address_book' | 'angle_down' | 'angle_left' | 'angle_right' | 'angle_up' | 'angles_y' | 'apple_app_store' | 'arrow_down_short_wide' | 'arrow_down_to_line' | 'arrow_down_wide_short' | 'arrow_down' | 'arrow_left_from_bracket' | 'arrow_left_to_bracket' | 'arrow_left_to_line' | 'arrow_left' | 'arrow_pointer' | 'arrow_right_from_bracket' | 'arrow_right_prohibited' | 'arrow_right_to_bracket' | 'arrow_right_to_line' | 'arrow_right' | 'arrow_rotate_right' | 'arrow_up_short_wide' | 'arrow_up_to_line' | 'arrow_up_wide_short' | 'arrow_up' | 'arrows_rotate_right' | 'asterisk' | 'at' | 'backward' | 'bars' | 'blf' | 'bold' | 'book' | 'box_open_full' | 'brackets_curly' | 'bug' | 'building' | 'calendar_clock' | 'calendar_day' | 'calendar_range_clock' | 'calendar_range' | 'calendar_stars' | 'calendar_week' | 'calendar' | 'chain_slash' | 'chain' | 'chalkboard_person' | 'chart_pie' | 'check' | 'chevron_down' | 'chevron_left' | 'chevron_right' | 'chevron_up' | 'chrome' | 'circle_check' | 'circle_dashed' | 'circle_exclamation' | 'circle_half_inner' | 'circle_half' | 'circle_info' | 'circle_person' | 'circle_plus' | 'circle_question' | 'circle_xmark' | 'city' | 'clock_rotate_left' | 'clock' | 'code' | 'codeblock' | 'compass' | 'compress' | 'copy' | 'devices' | 'display' | 'door' | 'earth' | 'eclipse' | 'edge' | 'ellipsis' | 'envelope' | 'ethernet' | 'euro' | 'expand' | 'eye_slash' | 'eye' | 'facebook_messenger' | 'facebook' | 'fast_backward' | 'fast_forward' | 'fax' | 'file' | 'files_list' | 'files' | 'filmstrip' | 'filter_plus' | 'filter_xmark' | 'filter' | 'fingerprint' | 'firefox' | 'flag_checkered' | 'flag' | 'floppy_disk' | 'folder' | 'forward' | 'gauge' | 'gear' | 'gift' | 'github' | 'google_play' | 'grid' | 'grip_lines' | 'heading_1' | 'heading_2' | 'heading_3' | 'heading_4' | 'heading_5' | 'heading_6' | 'headset' | 'heart_crack' | 'heart_half' | 'heart' | 'house' | 'id_card' | 'image' | 'italic' | 'key' | 'laptop' | 'layers_plus' | 'layers' | 'life_ring' | 'lightbulb_on' | 'lightbulb' | 'line' | 'linkedin' | 'list_checks_xmark' | 'list_checks' | 'list_clock' | 'list_ordered_clock' | 'list_ordered' | 'list' | 'location_pin_dot' | 'location_pin_slash' | 'location_pin' | 'location_pins_route' | 'lock_open' | 'lock' | 'magnifying_glass' | 'megaphone' | 'message_pen' | 'message_smile' | 'message_text' | 'message' | 'microphone' | 'min' | 'moon' | 'music_pause' | 'music' | 'network' | 'next' | 'numpad' | 'pager' | 'paper_plane' | 'parachute_box' | 'paragraph' | 'pause' | 'pen' | 'people_circle' | 'people' | 'person_clock' | 'person_gear' | 'person_headset' | 'person_list' | 'person_lock' | 'person_plus' | 'person' | 'phone_arrow_down_left_prohibited' | 'phone_arrow_down_left' | 'phone_arrow_up_right_prohibited' | 'phone_arrow_up_right' | 'phone_clock' | 'phone_gear' | 'phone_list' | 'phone_office' | 'phone_volume' | 'phone' | 'play_pause' | 'play' | 'plus' | 'power' | 'previous' | 'prohibited' | 'puzzle_piece' | 'quote' | 'rectangle_p' | 'redo' | 'repeat_once' | 'repeat' | 'safari' | 'server' | 'share' | 'shield_keyhole' | 'shield_plus' | 'shield_xmark' | 'shield' | 'shuffle' | 'sidebar_left' | 'sidebar_right' | 'sim_card' | 'sippy' | 'sliders' | 'smartphone_arrow_right' | 'smartphone' | 'speaker_grill' | 'spinner_third' | 'spy' | 'square_gum' | 'star' | 'stop' | 'store' | 'strikethrough' | 'sun' | 'swatchbook' | 'table_clock' | 'table_header_column' | 'table_header_row' | 'table' | 'tag_gear' | 'tag_plus' | 'tag' | 'thumbstack_slash' | 'thumbstack' | 'toggle_off' | 'toggle_on' | 'tower_broadcast' | 'translate' | 'trash_can' | 'triangle_exclamation' | 'underline' | 'undo' | 'valkyrie_sword' | 'video' | 'voicemail' | 'volume_0' | 'volume_1' | 'volume_2' | 'volume_3' | 'volume_slash' | 'wallpaper' | 'waveform' | 'webhooks_clock' | 'webhooks' | 'window' | 'xmark';
+export type Valkyrie = 'a_gum' | 'address_book' | 'angle_down' | 'angle_left' | 'angle_right' | 'angle_up' | 'angles_y' | 'apple_app_store' | 'arrow_down_short_wide' | 'arrow_down_to_line' | 'arrow_down_wide_short' | 'arrow_down' | 'arrow_left_from_bracket' | 'arrow_left_to_bracket' | 'arrow_left_to_line' | 'arrow_left' | 'arrow_pointer' | 'arrow_right_from_bracket' | 'arrow_right_prohibited' | 'arrow_right_to_bracket' | 'arrow_right_to_line' | 'arrow_right' | 'arrow_rotate_right' | 'arrow_up_short_wide' | 'arrow_up_to_line' | 'arrow_up_wide_short' | 'arrow_up' | 'arrows_rotate_right' | 'asterisk' | 'at' | 'backward' | 'bars' | 'blf' | 'bold' | 'book' | 'box_open_full' | 'brackets_curly' | 'bug' | 'building' | 'calendar_clock' | 'calendar_day' | 'calendar_range_clock' | 'calendar_range' | 'calendar_stars' | 'calendar_week' | 'calendar' | 'chain_slash' | 'chain' | 'chalkboard_person' | 'chart_pie' | 'check' | 'chevron_down' | 'chevron_left' | 'chevron_right' | 'chevron_up' | 'chrome' | 'circle_check' | 'circle_dashed' | 'circle_exclamation' | 'circle_half_inner' | 'circle_half' | 'circle_info' | 'circle_person' | 'circle_plus' | 'circle_question' | 'circle_xmark' | 'city' | 'clock_rotate_left' | 'clock' | 'code' | 'codeblock' | 'compare' | 'compass' | 'compress' | 'copy' | 'devices' | 'display' | 'door' | 'earth' | 'eclipse' | 'edge' | 'ellipsis' | 'envelope' | 'ethernet' | 'euro' | 'expand' | 'eye_slash' | 'eye' | 'facebook_messenger' | 'facebook' | 'fast_backward' | 'fast_forward' | 'fax' | 'file' | 'files_list' | 'files' | 'filmstrip' | 'filter_plus' | 'filter_xmark' | 'filter' | 'fingerprint' | 'firefox' | 'flag_checkered' | 'flag' | 'floppy_disk' | 'folder' | 'forward' | 'gauge' | 'gear' | 'gift' | 'github' | 'google_play' | 'grid' | 'grip_lines' | 'heading_1' | 'heading_2' | 'heading_3' | 'heading_4' | 'heading_5' | 'heading_6' | 'headset' | 'heart_crack' | 'heart_half' | 'heart' | 'house' | 'id_card' | 'image' | 'italic' | 'key' | 'laptop' | 'layers_plus' | 'layers' | 'life_ring' | 'lightbulb_on' | 'lightbulb' | 'line' | 'linkedin' | 'list_checks_xmark' | 'list_checks' | 'list_clock' | 'list_ordered_clock' | 'list_ordered' | 'list' | 'location_pin_dot' | 'location_pin_slash' | 'location_pin' | 'location_pins_route' | 'lock_open' | 'lock' | 'magnifying_glass' | 'megaphone' | 'message_pen' | 'message_smile' | 'message_text' | 'message' | 'microphone' | 'min' | 'moon' | 'music_pause' | 'music' | 'network' | 'next' | 'numpad' | 'pager' | 'paper_plane' | 'parachute_box' | 'paragraph' | 'pause' | 'pen' | 'people_circle' | 'people' | 'person_clock' | 'person_gear' | 'person_headset' | 'person_list' | 'person_lock' | 'person_plus' | 'person' | 'phone_arrow_down_left_prohibited' | 'phone_arrow_down_left' | 'phone_arrow_up_right_prohibited' | 'phone_arrow_up_right' | 'phone_clock' | 'phone_gear' | 'phone_list' | 'phone_office' | 'phone_volume' | 'phone' | 'play_pause' | 'play' | 'plus' | 'power' | 'previous' | 'prohibited' | 'puzzle_piece' | 'quote' | 'rectangle_p' | 'redo' | 'repeat_once' | 'repeat' | 'safari' | 'server' | 'share' | 'shield_keyhole' | 'shield_plus' | 'shield_xmark' | 'shield' | 'shuffle' | 'sidebar_left' | 'sidebar_right' | 'sim_card' | 'sippy' | 'sliders' | 'smartphone_arrow_right' | 'smartphone' | 'speaker_grill' | 'spinner_third' | 'spy' | 'square_gum' | 'star' | 'stop' | 'store' | 'strikethrough' | 'sun' | 'swatchbook' | 'table_clock' | 'table_header_column' | 'table_header_row' | 'table' | 'tag_gear' | 'tag_plus' | 'tag' | 'thumbstack_slash' | 'thumbstack' | 'toggle_off' | 'toggle_on' | 'tower_broadcast' | 'translate' | 'trash_can' | 'triangle_exclamation' | 'underline' | 'undo' | 'valkyrie_sword' | 'video' | 'voicemail' | 'volume_0' | 'volume_1' | 'volume_2' | 'volume_3' | 'volume_slash' | 'wallpaper' | 'waveform' | 'webhooks_clock' | 'webhooks' | 'window' | 'xmark';
 export interface IValkyrieIcon {
@@ -1243,2 +1247,5 @@ name: Valkyrie;
 } | {
+    name: 'compare';
+    data: string;
+} | {
     name: 'compass';
@@ -1245,0 +1252,0 @@ data: string;

dist/esm/ValkyrieIcon.d.ts

@@ -1,3 +0,2 @@
-import { IValkyrieIcon } from "./Valkyrie";
-import { SxProps } from "@mui/system";
+import { IValkyrieIcon } from ".";
 interface ValkyrieProps {
@@ -8,5 +7,4 @@ icon: IValkyrieIcon;
     spin?: boolean;
-    sx?: SxProps;
 }
-export default function ValkyrieIcon({ flip, icon, rotate, spin, sx, ...props }: ValkyrieProps): import("react/jsx-runtime").JSX.Element;
+export default function ValkyrieIcon({ flip, icon, rotate, spin, ...props }: ValkyrieProps): import("react/jsx-runtime").JSX.Element;
 export {};

dist/esm/ValkyrieIcon.js

@@ -27,47 +27,24 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from "@mui/system";
-import { keyframes } from "@emotion/react";
 import HTMLReactParser from "html-react-parser";
+import { cx, css, keyframes } from "@emotion/css";
 export default function ValkyrieIcon(_a) {
-    var _b = _a.flip, flip = _b === void 0 ? false : _b, icon = _a.icon, _c = _a.rotate, rotate = _c === void 0 ? 0 : _c, _d = _a.spin, spin = _d === void 0 ? false : _d, sx = _a.sx, props = __rest(_a, ["flip", "icon", "rotate", "spin", "sx"]);
+    var _b;
+    var _c = _a.flip, flip = _c === void 0 ? false : _c, icon = _a.icon, _d = _a.rotate, rotate = _d === void 0 ? 0 : _d, _e = _a.spin, spin = _e === void 0 ? false : _e, props = __rest(_a, ["flip", "icon", "rotate", "spin"]);
     var spinAnimation = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  "], ["\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  "])));
-    return (_jsx(Box, __assign({}, props, { component: "span", sx: __spreadArray([
-            {
-                height: "1em",
-                width: "1em",
-                minWidth: "1em",
-                lineHeight: 1,
-                boxSizing: "content-box",
-                display: "inline-block",
-                position: "relative",
-                overflow: "visible",
-                verticalAlign: 0,
-                flexShrink: 0,
-                transition: "inherit",
-                transform: "rotate(".concat(rotate, "deg)"),
-            },
-            spin && {
-                svg: {
-                    animation: "".concat(spinAnimation, " var(--vi-animation-duration, 2s) infinite linear"),
-                },
-            },
-            flip && {
-                transform: flip === "x"
-                    ? "scaleX(-1)"
-                    : flip === "y"
-                        ? "scaleY(-1)"
-                        : "scale(-1)",
-            }
-        ], (Array.isArray(sx) ? sx : [sx]), true), children: HTMLReactParser(icon.data) })));
+    var aiClass = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    height: 1em;\n    width: 1em;\n    min-width: 1em;\n    line-height: 1em;\n    box-sizing: content-box;\n    display: inline-block;\n    position: relative;\n    overflow: visible;\n    vertical-align: 0;\n    flex-shrink: 0;\n    transition: inherit;\n  "], ["\n    height: 1em;\n    width: 1em;\n    min-width: 1em;\n    line-height: 1em;\n    box-sizing: content-box;\n    display: inline-block;\n    position: relative;\n    overflow: visible;\n    vertical-align: 0;\n    flex-shrink: 0;\n    transition: inherit;\n  "])));
+    var rotateClass = css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    transform: rotate(", "deg);\n  "], ["\n    transform: rotate(", "deg);\n  "])), rotate);
+    var flipClass = css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    transform: ", ";\n  "], ["\n    transform: ", ";\n  "])), flip === "x"
+        ? "scaleX(-1)"
+        : flip === "y"
+            ? "scaleY(-1)"
+            : "scale(-1)");
+    var spinClass = css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    svg {\n      animation: ", " var(--ai-animation-duration, 2s) infinite\n        linear;\n    }\n  "], ["\n    svg {\n      animation: ", " var(--ai-animation-duration, 2s) infinite\n        linear;\n    }\n  "])), spinAnimation);
+    return (_jsx("span", __assign({}, props, { className: cx((_b = {},
+            _b[aiClass] = true,
+            _b[rotateClass] = !!rotate,
+            _b[flipClass] = !!flip,
+            _b[spinClass] = spin,
+            _b)), children: HTMLReactParser(icon.data) })));
 }
-var templateObject_1;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package.json

 {
   "name": "@sippy-platform/valkyrie",
-  "version": "1.0.0-alpha.30",
+  "version": "1.0.0-alpha.31",
   "description": "The iconography of Sippy.",
@@ -17,3 +17,4 @@ "main": "./dist/cjs/index.js",
     "pages": "node build/generate-pages.js --verbose",
-    "prod": "npm run icons && npm run pages && npm run build"
+    "lib": "node build/generate-library.js",
+    "prod": "npm run icons && npm run pages && npm run lib && npm run build"
   },
@@ -40,5 +41,3 @@ "repository": {
   "peerDependencies": {
-    "@emotion/react": ">=11.x",
-    "@emotion/styled": ">=11.x",
-    "@mui/system": ">=5.x",
+    "@emotion/css": ">=11.x",
     "react": ">=16.x"
@@ -45,0 +44,0 @@ },

README.md

@@ -13,9 +13,9 @@ # Valkyrie
 
-# 252 icons
+# 255 icons
 [Available on Figma](https://www.figma.com/file/jeP1aSRulegRxHDegrrmWc/Valkyrie?node-id=1%3A11358)
 
 # About
-Valkyrie is an iconset designed for use in the Mellow Design Language. Our goal is to provide a highly-optimized set of icons that are custom made for Sippy and any future environments required. As such, Valkyrie will mostly include iconography related to basic UI (arrows, menu icons, etc.) and phone iconography (voicemail, call directions, etc.).
+Valkyrie is an iconset designed for use in the Mellow Design Language. Our goal is to provide a highly-optimized set of icons that are custom made for Sippy and any future environments required. As such, Valkyrie will mostly include iconography related to basic UI (arrows, menu icons, etc.) and phone iconography (voicemail, call directions, etc.) required for My Sippy, and other iconography required for marketing including Sippy.cloud.
 
 # License
 AGPL v3

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

633780

increased by0.47%

Dependency count

3

decreased by-40%

Number of package files

271

increased by0.37%

Worsened metrics

Lines of code

7182

decreased by-0.26%

No dependency changes