@ionic-internal/ionic-ds
Version:
Ionic Design System
432 lines (431 loc) • 12.2 kB
JavaScript
;
exports.__esModule = true;
exports.themeData = void 0;
exports.themeData = {
"fontFamilies": {
"display": "IonEina, -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", Helvetica, Arial, sans-serif",
"text": "Inter, -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", Helvetica, Arial, sans-serif",
"system": "apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif",
"monospace": "\"SF Mono\", \"Roboto Mono\", Menlo, monospace",
"serif": "\"Adobe Caslon\", Georgia, Times, \"Times New Roman\", serif"
},
"fontWeights": {
"thin": 100,
"extraLight": 200,
"light": 300,
"regular": 400,
"medium": 500,
"semiBold": 600,
"bold": 700,
"extraBold": 800,
"black": 900,
"extraBlack": 950
},
"fontSizes": {
"10": "0.625rem",
"11": "0.6875rem",
"12": "0.75rem",
"13": "0.8125rem",
"14": "0.875rem",
"16": "1.00rem",
"20": "1.25rem",
"24": "1.50rem",
"28": "1.75rem",
"32": "2.00rem",
"40": "2.50rem",
"48": "3.00rem",
"56": "3.50rem",
"64": "4.00rem",
"72": "4.50rem",
"80": "5.00rem",
"88": "5.50rem",
"96": "6.00rem"
},
"lineHeights": {
"solid": 1,
"title": 1.12,
"body": 1.6,
"prose": 1.8
},
"letterSpacings": {
"dense": "-0.04em",
"tight": "-0.02em",
"solid": "0.00em",
"wide": "0.04em",
"super": "0.08em",
"extra": "0.16em"
},
"space": {
"0": "0rem",
"4": "0.25rem",
"8": "0.50rem",
"12": "0.75rem",
"16": "1.00rem",
"20": "1.25rem",
"24": "1.5rem",
"32": "2.00rem",
"40": "2.50rem",
"48": "3.00rem",
"64": "4.00rem",
"80": "5.00rem",
"96": "6.00rem",
"128": "8.00rem",
"160": "10.00rem",
"192": "12.00rem",
"224": "14.00rem",
"256": "16.00rem"
},
"breakpoints": [
"40em",
"48em",
"64em",
"80em"
],
"radii": {
"0": "0px",
"6": "6px",
"8": "8px",
"16": "16px",
"24": "24px",
"x": "1000px"
},
"borders": {
"regular": "1px solid",
"dashed": "1px dashed",
"heavy": "2px solid"
},
"shadows": {
"0": "0 0 0 1px rgba(0, 0, 0, 0)",
"1": "0 0 0 1px rgba(0, 0, 0, 0.06)",
"2": "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.04)",
"3": "0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.06)",
"4": "0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.06)",
"5": "0 8px 16px 0 rgba(0, 0, 0, 0.08), 0 4px 8px 0 rgba(0, 0, 0, 0.06)",
"6": "0 16px 32px -2px rgba(0, 0, 0, 0.1), 0 8px 16px -2px rgba(0, 0, 0, 0.08)",
"7": "0 32px 64px -4px rgba(0, 0, 0, 0.12), 0 12px 24px -2px rgba(0, 0, 0, 0.06)",
"8": "0 48px 96px -8px rgba(0, 0, 0, 0.16), 0 24px 48px -4px rgba(0, 0, 0, 0.08)"
},
"durations": {
"instantly": "0s",
"quickly": "0.15s"
},
"colors": {
"black": "#000000",
"white": "#ffffff",
"blue": {
"0": "#f0f6ff",
"10": "#e3edff",
"20": "#cddfff",
"30": "#b2ceff",
"40": "#97bdff",
"50": "#7cabff",
"60": "#639bff",
"70": "#4d8dff",
"80": "#3880ff",
"90": "#176BFF",
"100": "#0054e9",
"110": "#004DD6",
"120": "#0046C1",
"130": "#003FAE",
"140": "#00389B",
"150": "#002D7C",
"160": "#002669",
"170": "#001D52",
"180": "#001740",
"190": "#00112F",
"200": "#000B1F"
},
"gray": {
"0": "#f3f3f3",
"10": "#e4e4e4",
"20": "#c8c8c8",
"30": "#aeaeae",
"40": "#959595",
"50": "#818181",
"60": "#6d6d6d",
"70": "#5f5f5f",
"80": "#474747",
"90": "#2f2f2f",
"100": "#141414"
},
"carbon": {
"0": "#eef1f3",
"10": "#d7dde2",
"20": "#b4bcc6",
"30": "#98a2ad",
"40": "#7d8894",
"50": "#677483",
"60": "#556170",
"70": "#434f5e",
"80": "#35404e",
"90": "#222d3a",
"100": "#03060b"
},
"indigo": {
"0": "#fbfbfd",
"10": "#f6f8fc",
"20": "#e9edf3",
"30": "#dee3ea",
"40": "#ced6e0",
"50": "#b2becd",
"60": "#92a0b3",
"70": "#73849a",
"80": "#445b78",
"90": "#2d4665",
"100": "#001a3a"
},
"green": {
"0": "#f1fdf5",
"10": "#deffe7",
"20": "#c7fbd5",
"30": "#a7f1bb",
"40": "#80e89d",
"50": "#62e085",
"60": "#4ada71",
"70": "#2dd55b",
"80": "#17c948",
"90": "#00ba33",
"100": "#00a52d",
"110": "#009B2B",
"120": "#009128",
"130": "#008725",
"140": "#007D22",
"150": "#00711F",
"160": "#00661C",
"170": "#00581A",
"180": "#004314",
"190": "#002F0E",
"200": "#001807"
},
"lime": {
"0": "#f5fff0",
"10": "#ebfee3",
"20": "#ddfcd0",
"30": "#cffbbc",
"40": "#bbf9a2",
"50": "#a3f581",
"60": "#8bf35f",
"70": "#64ec44",
"80": "#4ddf2b",
"90": "#3ad515",
"100": "#27c100",
"110": "#25B400",
"120": "#22A400",
"130": "#1E9200",
"140": "#1A7E00",
"150": "#176D00",
"160": "#135A00",
"170": "#0F4900",
"180": "#0C3900",
"190": "#092C00",
"200": "#061D00"
},
"lavender": {
"0": "#f7f8ff",
"10": "#e6ebff",
"20": "#ced9ff",
"30": "#b6c6ff",
"40": "#9fb5ff",
"50": "#8aa4ff",
"60": "#7493ff",
"70": "#597eff",
"80": "#3c67ff",
"90": "#194bfd",
"100": "#0033e8",
"110": "#002DCC",
"120": "#0028B8",
"130": "#0023A2",
"140": "#002092",
"150": "#001A79",
"160": "#001560",
"170": "#00114E",
"180": "#000E41",
"190": "#000A30",
"200": "#000721"
},
"purple": {
"0": "#f4f4ff",
"10": "#e9eaff",
"20": "#d0d2ff",
"30": "#b6b9f9",
"40": "#9a99fc",
"50": "#8482fb",
"60": "#786df9",
"70": "#6e5afd",
"80": "#6030ff",
"90": "#4712fb",
"100": "#3400e6",
"110": "#3000D1",
"120": "#2B00BC",
"130": "#2600A6",
"140": "#20008E",
"150": "#1B0075",
"160": "#15005C",
"170": "#100048",
"180": "#0D0038",
"190": "#0B0030",
"200": "#080022"
},
"pink": {
"0": "#ffeff5",
"10": "#ffe3ed",
"20": "#ffd8e5",
"30": "#ffc9db",
"40": "#ffb6d0",
"50": "#ff99bd",
"60": "#ff80ac",
"70": "#ff6098",
"80": "#fb4082",
"90": "#ec216a",
"100": "#da0d56",
"110": "#D0004A",
"120": "#C40046",
"130": "#B30040",
"140": "#A3003B",
"150": "#940035",
"160": "#850030",
"170": "#710029",
"180": "#5F0022",
"190": "#460019",
"200": "#20000B"
},
"red": {
"0": "#fff1f3",
"10": "#ffe6e8",
"20": "#ffcfd3",
"30": "#feb7bc",
"40": "#fc9aa2",
"50": "#f9838c",
"60": "#f56570",
"70": "#f24c58",
"80": "#ef3442",
"90": "#e21827",
"100": "#d0000f",
"110": "#C5000F",
"120": "#B3000E",
"130": "#9C000C",
"140": "#89000B",
"150": "#760009",
"160": "#650008",
"170": "#520006",
"180": "#410005",
"190": "#300004",
"200": "#1D0002"
},
"orange": {
"0": "#fff5f0",
"10": "#ffede6",
"20": "#ffdfd1",
"30": "#ffd0bc",
"40": "#ffc0a5",
"50": "#ffaf8c",
"60": "#ff9b70",
"70": "#ff8753",
"80": "#ff7336",
"90": "#ff5b13",
"100": "#eb4700",
"110": "#D94200",
"120": "#C93D00",
"130": "#B63700",
"140": "#A53200",
"150": "#8C2A00",
"160": "#772400",
"170": "#5E1C00",
"180": "#481600",
"190": "#341000",
"200": "#1D0900"
},
"yellow": {
"0": "#fffbef",
"10": "#fff8e2",
"20": "#fff4d1",
"30": "#ffefbd",
"40": "#ffe9a3",
"50": "#ffe080",
"60": "#ffd75a",
"70": "#ffce31",
"80": "#ffc409",
"90": "#f4b100",
"100": "#eaa100",
"110": "#DD9800",
"120": "#CC8D00",
"130": "#BE8300",
"140": "#B17A00",
"150": "#9C6C00",
"160": "#8A6000",
"170": "#755100",
"180": "#5F4100",
"190": "#452F00",
"200": "#231800"
},
"aqua": {
"0": "#f0fff9",
"10": "#e6fff6",
"20": "#ceffed",
"30": "#b7fce3",
"40": "#93f9d5",
"50": "#79f5c9",
"60": "#59f0ba",
"70": "#38e9aa",
"80": "#1ae19a",
"90": "#00d287",
"100": "#00ba78",
"110": "#00AA6D",
"120": "#009B63",
"130": "#00915C",
"140": "#008152",
"150": "#016E46",
"160": "#015D3C",
"170": "#014F32",
"180": "#013E28",
"190": "#012E1E",
"200": "#011E13"
},
"teal": {
"0": "#eefeff",
"10": "#dffdff",
"20": "#d0fdff",
"30": "#bbfcff",
"40": "#a2fcff",
"50": "#8bfbff",
"60": "#73f6fb",
"70": "#55ecf2",
"80": "#35e2e9",
"90": "#1bd2d9",
"100": "#00b9c0",
"110": "#01ADB4",
"120": "#019FA5",
"130": "#018F94",
"140": "#017E83",
"150": "#016D71",
"160": "#015D61",
"170": "#014D4F",
"180": "#013C3E",
"190": "#012C2E",
"200": "#011C1D"
},
"cyan": {
"0": "#f3faff",
"10": "#e8f5ff",
"20": "#d3ecff",
"30": "#bfe4ff",
"40": "#a7daff",
"50": "#8dcfff",
"60": "#77c6ff",
"70": "#62bdff",
"80": "#46b1ff",
"90": "#24a3ff",
"100": "#0091fa",
"110": "#0189EC",
"120": "#017ED8",
"130": "#0170C0",
"140": "#0163AA",
"150": "#015592",
"160": "#01487B",
"170": "#013A64",
"180": "#012D4D",
"190": "#011E33",
"200": "#01121E"
}
}
};