components/src/material/core/tokens/BUILD.bazel at df6a1dfede471fcbb2c57f1d14c08eb7003f8f33 · angular/components · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
load("//tools:defaults.bzl", "sass_library")

package(default_visibility = ["//visibility:public"])

sass_library(
    name = "m3_utils",
    srcs = ["_m3-utils.scss"],
)

sass_library(
    name = "token_utils",
    srcs = [
        "_token-utils.scss",
    ],
    deps = [
        ":system",
        "//src/material/core/style:elevation",
        "//src/material/core/style:sass_utils",
    ],
)

sass_library(
    name = "system",
    srcs = ["_system.scss"],
    deps = [
        ":m3_tokens",
        "//src/material/core/style:elevation",
        "//src/material/core/style:sass_utils",
        "//src/material/core/theming:_config_validation",
        "//src/material/core/theming:_definition",
        "//src/material/core/tokens/m3",
    ],
)

sass_library(
    name = "m2_utils",
    srcs = ["_m2-utils.scss"],
    deps = ["//src/material/core/m2:m2_sass"],
)

sass_library(
    name = "m3_tokens",
    srcs = ["_m3-tokens.scss"],
    deps = [
        "//src/material/autocomplete:m3",
        "//src/material/badge:m3",
        "//src/material/bottom-sheet:m3",
        "//src/material/button:m3",
        "//src/material/button-toggle:m3",
        "//src/material/card:m3",
        "//src/material/checkbox:m3",
        "//src/material/chips:m3",
        "//src/material/core:m3",
        "//src/material/core:ripple_m3",
        "//src/material/core/m2:m2_sass",
        "//src/material/core/option:m3",
        "//src/material/core/selection/pseudo-checkbox:m3",
        "//src/material/core/style:sass_utils",
        "//src/material/core/theming",
        "//src/material/core/tokens/m3",
        "//src/material/datepicker:m3",
        "//src/material/dialog:m3",
        "//src/material/divider:m3",
        "//src/material/expansion:m3",
        "//src/material/form-field:m3",
        "//src/material/grid-list:m3",
        "//src/material/icon:m3",
        "//src/material/list:m3",
        "//src/material/menu:m3",
        "//src/material/paginator:m3",
        "//src/material/progress-bar:m3",
        "//src/material/progress-spinner:m3",
        "//src/material/radio:m3",
        "//src/material/select:m3",
        "//src/material/sidenav:m3",
        "//src/material/slide-toggle:m3",
        "//src/material/slider:m3",
        "//src/material/snack-bar:m3",
        "//src/material/sort:m3",
        "//src/material/stepper:m3",
        "//src/material/table:m3",
        "//src/material/tabs:m3",
        "//src/material/timepicker:m3",
        "//src/material/toolbar:m3",
        "//src/material/tooltip:m3",
        "//src/material/tree:m3",
    ],
)

sass_library(
    name = "classes",
    srcs = ["_classes.scss"],
    deps = ["//src/material/core/theming:typography"],
)

sass_library(
    name = "token_registry",
    srcs = ["_token-registry.scss"],
    deps = [
        # Individual component :m3 targets are provided transitively via :m3_tokens.
        # When adding a new component to _token-registry.scss, also add its :m3 dep to :m3_tokens.
        ":m3_tokens",
        ":token_utils",
    ],
)