iztech-design-system-neo
Version:
Design System of project IZtech
528 lines • 13.1 kB
JSON
{
"aliases": {
"primary": {
"value": "#0084FF"
},
"green": {
"value": "#4BCA81"
},
"light_grey": {
"value": "#f2f0f1"
},
"dark_grey": {
"value": "#d2d3db"
},
"white": {
"value": "#fff"
},
"lightest_grey": {
"value": "#f3f5f7"
},
"red": {
"value": "#EC2031"
},
"yellow": {
"value": "#FFC410"
},
"dark_black": {
"value": "#3e3e3c"
},
"light_black": {
"value": "#9C9C9C"
},
"blue": {
"value": "#0084FF"
},
"grey": {
"value": "#e6e4eb"
},
"black": {
"value": "#797979"
}
},
"props": {
"color_warning": {
"type": "color",
"category": "color_group_1",
"value": "rgb(255, 196, 16)",
"originalValue": "{!yellow}",
"name": "color_warning"
},
"color_black": {
"type": "color",
"category": "color_group_0",
"value": "rgb(121, 121, 121)",
"originalValue": "{!black}",
"name": "color_black"
},
"color_light_grey": {
"type": "color",
"category": "color_group_0",
"value": "rgb(242, 240, 241)",
"originalValue": "{!light_grey}",
"name": "color_light_grey"
},
"color_primary": {
"type": "color",
"category": "color_group_1",
"value": "rgb(0, 132, 255)",
"originalValue": "{!primary}",
"name": "color_primary"
},
"color_success": {
"type": "color",
"category": "color_group_1",
"value": "rgb(75, 202, 129)",
"originalValue": "{!green}",
"name": "color_success"
},
"color_green": {
"type": "color",
"category": "color_group_0",
"value": "rgb(75, 202, 129)",
"originalValue": "{!green}",
"name": "color_green"
},
"color_dark_grey": {
"type": "color",
"category": "color_group_0",
"value": "rgb(210, 211, 219)",
"originalValue": "{!dark_grey}",
"name": "color_dark_grey"
},
"color_error": {
"type": "color",
"category": "color_group_1",
"value": "rgb(236, 32, 49)",
"originalValue": "{!red}",
"name": "color_error"
},
"color_white": {
"type": "color",
"category": "color_group_0",
"value": "rgb(255, 255, 255)",
"originalValue": "{!white}",
"name": "color_white"
},
"color_yellow": {
"type": "color",
"category": "color_group_0",
"value": "rgb(255, 196, 16)",
"originalValue": "{!yellow}",
"name": "color_yellow"
},
"color_dark_black": {
"type": "color",
"category": "color_group_0",
"value": "rgb(62, 62, 60)",
"originalValue": "{!dark_black}",
"name": "color_dark_black"
},
"color_lightest_grey": {
"type": "color",
"category": "color_group_0",
"value": "rgb(243, 245, 247)",
"originalValue": "{!lightest_grey}",
"name": "color_lightest_grey"
},
"color_red": {
"type": "color",
"category": "color_group_0",
"value": "rgb(236, 32, 49)",
"originalValue": "{!red}",
"name": "color_red"
},
"color_blue": {
"type": "color",
"category": "color_group_0",
"value": "rgb(0, 132, 255)",
"originalValue": "{!blue}",
"name": "color_blue"
},
"color_disabled": {
"type": "color",
"category": "color_group_1",
"value": "rgb(210, 211, 219)",
"originalValue": "{!dark_grey}",
"name": "color_disabled"
},
"color_light_black": {
"type": "color",
"category": "color_group_0",
"value": "rgb(156, 156, 156)",
"originalValue": "{!light_black}",
"name": "color_light_black"
},
"color_grey": {
"type": "color",
"category": "color_group_0",
"value": "rgb(230, 228, 235)",
"originalValue": "{!grey}",
"name": "color_grey"
},
"color_danger": {
"type": "color",
"category": "color_group_1",
"value": "rgb(236, 32, 49)",
"originalValue": "{!red}",
"name": "color_danger"
},
"size_xxl": {
"type": "number",
"category": "font-size",
"value": "36px",
"originalValue": "36px",
"name": "size_xxl"
},
"size_xxxxl": {
"type": "number",
"category": "font-size",
"value": "64px",
"originalValue": "64px",
"name": "size_xxxxl"
},
"size_l": {
"type": "number",
"category": "font-size",
"value": "18px",
"originalValue": "18px",
"name": "size_l"
},
"size_m": {
"type": "number",
"category": "font-size",
"value": "16px",
"originalValue": "16px",
"name": "size_m"
},
"size_xxxl": {
"type": "number",
"category": "font-size",
"value": "48px",
"originalValue": "48px",
"name": "size_xxxl"
},
"size_xl": {
"type": "number",
"category": "font-size",
"value": "24px",
"originalValue": "24px",
"name": "size_xl"
},
"size_xxs": {
"type": "number",
"category": "font-size",
"value": "8px",
"originalValue": "8px",
"name": "size_xxs"
},
"size_s": {
"type": "number",
"category": "font-size",
"value": "14px",
"originalValue": "14px",
"name": "size_s"
},
"size_xs": {
"type": "number",
"category": "font-size",
"value": "12px",
"originalValue": "12px",
"name": "size_xs"
},
"font_heading": {
"type": "...",
"category": "font",
"value": "'Roboto', Helvetica, Arial, sans-serif",
"originalValue": "'Roboto', Helvetica, Arial, sans-serif",
"name": "font_heading"
},
"font_text": {
"type": "...",
"category": "font",
"value": "'Roboto', Helvetica, Arial, sans-serif",
"originalValue": "'Roboto', Helvetica, Arial, sans-serif",
"name": "font_text"
},
"weight_bold": {
"type": "...",
"category": "font",
"value": "700",
"originalValue": "700",
"name": "weight_bold"
},
"weight_semi_bold": {
"type": "...",
"category": "font",
"value": "500",
"originalValue": "500",
"name": "weight_semi_bold"
},
"weight_normal": {
"type": "...",
"category": "font",
"value": "400",
"originalValue": "400",
"name": "weight_normal"
},
"weight_light": {
"type": "...",
"category": "font",
"value": "300",
"originalValue": "300",
"name": "weight_light"
},
"opacity_disabled": {
"type": "number",
"category": "opacity",
"value": "0.5",
"originalValue": "0.5",
"name": "opacity_disabled"
},
"section_max_width": {
"type": "number",
"category": "size",
"value": "1120px",
"originalValue": "1120px",
"name": "section_max_width"
},
"section_full_screen_max_width": {
"type": "number",
"category": "size",
"value": "1920px",
"originalValue": "1920px",
"name": "section_full_screen_max_width"
},
"duration_quickly": {
"type": "number",
"category": "time",
"value": "0.08s",
"originalValue": "0.08s",
"name": "duration_quickly"
},
"duration_slowly": {
"type": "number",
"category": "time",
"value": "0.5s",
"originalValue": "0.5s",
"name": "duration_slowly"
},
"z_index_modal": {
"type": "number",
"category": "z-index",
"value": "9999",
"originalValue": "9999",
"name": "z_index_modal"
},
"z_index_sticky": {
"type": "number",
"category": "z-index",
"value": "100",
"originalValue": "100",
"name": "z_index_sticky"
},
"media_query_xl": {
"type": "...",
"category": "media-query",
"value": "(min-width: 1440px)",
"originalValue": "(min-width: 1440px)",
"name": "media_query_xl"
},
"media_query_md": {
"type": "...",
"category": "media-query",
"value": "(min-width: 992px)",
"originalValue": "(min-width: 992px)",
"name": "media_query_md"
},
"media_query_sm": {
"type": "...",
"category": "media-query",
"value": "(min-width: 768px)",
"originalValue": "(min-width: 768px)",
"name": "media_query_sm"
},
"media_query_lg": {
"type": "...",
"category": "media-query",
"value": "(min-width: 1200px)",
"originalValue": "(min-width: 1200px)",
"name": "media_query_lg"
},
"media_query_xs": {
"type": "...",
"category": "media-query",
"value": "(min-width: 600px)",
"originalValue": "(min-width: 600px)",
"name": "media_query_xs"
},
"media_query_under_md": {
"type": "...",
"category": "media-query",
"value": "(max-width: 991px)",
"originalValue": "(max-width: 991px)",
"name": "media_query_under_md"
},
"media_query_under_sm": {
"type": "...",
"category": "media-query",
"value": "(max-width: 767px)",
"originalValue": "(max-width: 767px)",
"name": "media_query_under_sm"
},
"media_query_under_xs": {
"type": "...",
"category": "media-query",
"value": "(max-width: 599px)",
"originalValue": "(max-width: 599px)",
"name": "media_query_under_xs"
},
"media_query_under_lg": {
"type": "...",
"category": "media-query",
"value": "(min-width: 1199px)",
"originalValue": "(min-width: 1199px)",
"name": "media_query_under_lg"
},
"media_query_under_xxs": {
"type": "...",
"category": "media-query",
"value": "(max-width: 360px)",
"originalValue": "(max-width: 360px)",
"name": "media_query_under_xxs"
},
"media_query_xxl": {
"type": "...",
"category": "media-query",
"value": "(min-width: 1600px)",
"originalValue": "(min-width: 1600px)",
"name": "media_query_xxl"
},
"shadow_s": {
"type": "...",
"category": "box-shadow",
"value": "0px 4px 8px rgba(9, 30, 66, 0.25)",
"originalValue": "0px 4px 8px rgba(9, 30, 66, 0.25)",
"name": "shadow_s"
},
"spacing_xl": {
"type": "number",
"category": "letter-spacing",
"value": "2px",
"originalValue": "2px",
"name": "spacing_xl"
},
"spacing_l": {
"type": "number",
"category": "letter-spacing",
"value": "1px",
"originalValue": "1px",
"name": "spacing_l"
},
"spacing_m": {
"type": "number",
"category": "letter-spacing",
"value": "0",
"originalValue": "0",
"name": "spacing_m"
},
"spacing_s": {
"type": "number",
"category": "letter-spacing",
"value": "-0.5px",
"originalValue": "-0.5px",
"name": "spacing_s"
},
"spacing_xs": {
"type": "number",
"category": "letter-spacing",
"value": "-1px",
"originalValue": "-1px",
"name": "spacing_xs"
},
"radius_default": {
"type": "number",
"category": "border-radius",
"value": "8px",
"originalValue": "8px",
"name": "radius_default"
},
"radius_circle": {
"type": "number",
"category": "border-radius",
"value": "50%",
"originalValue": "50%",
"name": "radius_circle"
},
"space_xxl": {
"type": "number",
"category": "space",
"value": "64px",
"originalValue": "64px",
"name": "space_xxl"
},
"space_xl": {
"type": "number",
"category": "space",
"value": "36px",
"originalValue": "36px",
"name": "space_xl"
},
"space_l": {
"type": "number",
"category": "space",
"value": "24px",
"originalValue": "24px",
"name": "space_l"
},
"space_m": {
"type": "number",
"category": "space",
"value": "16px",
"originalValue": "16px",
"name": "space_m"
},
"space_s": {
"type": "number",
"category": "space",
"value": "12px",
"originalValue": "12px",
"name": "space_s"
},
"space_xs": {
"type": "number",
"category": "space",
"value": "8px",
"originalValue": "8px",
"name": "space_xs"
},
"space_xxs": {
"type": "number",
"category": "space",
"value": "4px",
"originalValue": "4px",
"name": "space_xxs"
},
"line_height_m": {
"type": "number",
"category": "line-height",
"value": "1.6",
"originalValue": "1.6",
"name": "line_height_m"
},
"line_height_s": {
"type": "number",
"category": "line-height",
"value": "1.3",
"originalValue": "1.3",
"name": "line_height_s"
},
"line_height_xs": {
"type": "number",
"category": "line-height",
"value": "1.1",
"originalValue": "1.1",
"name": "line_height_xs"
}
}
}