UNPKG

6.55 kBSCSSView Raw
1//
2// Copyright 2022 Google Inc.
3//
4// Permission is hereby granted, free of charge, to any person obtaining a copy
5// of this software and associated documentation files (the "Software"), to deal
6// in the Software without restriction, including without limitation the rights
7// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
8// copies of the Software, and to permit persons to whom the Software is
9// furnished to do so, subject to the following conditions:
10//
11// The above copyright notice and this permission notice shall be included in
12// all copies or substantial portions of the Software.
13//
14// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
15// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
16// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
17// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
18// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
19// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
20// THE SOFTWARE.
21//
22
23@use 'sass:map';
24@use '@material/theme/theme';
25@use '@material/tokens/resolvers';
26@use './select-theme';
27
28$_light-theme: (
29 text-field-container-color: null,
30 text-field-container-height: null,
31 text-field-container-shape: null,
32 text-field-active-indicator-height: null,
33 text-field-active-indicator-color: null,
34 text-field-input-text-color: null,
35 text-field-input-text-font: null,
36 text-field-input-text-line-height: null,
37 text-field-input-text-size: null,
38 text-field-input-text-weight: null,
39 text-field-input-text-tracking: null,
40 text-field-label-text-color: null,
41 text-field-label-text-font: null,
42 text-field-label-text-line-height: null,
43 text-field-label-text-size: null,
44 text-field-label-text-weight: null,
45 text-field-label-text-tracking: null,
46 text-field-label-text-populated-line-height: null,
47 text-field-label-text-populated-size: null,
48 text-field-supporting-text-color: null,
49 text-field-supporting-text-font: null,
50 text-field-supporting-text-line-height: null,
51 text-field-supporting-text-size: null,
52 text-field-supporting-text-weight: null,
53 text-field-supporting-text-tracking: null,
54 text-field-leading-icon-color: null,
55 text-field-leading-icon-size: null,
56 text-field-trailing-icon-color: null,
57 text-field-trailing-icon-size: null,
58 text-field-caret-color: null,
59 text-field-hover-caret-color: null,
60 text-field-focus-caret-color: null,
61 menu-container-color: null,
62 menu-container-elevation: null,
63 menu-container-shadow-color: null,
64 menu-container-surface-tint-layer-color: null,
65 menu-container-shape: null,
66 menu-list-item-label-text-color: null,
67 menu-list-item-container-height: null,
68 menu-list-item-label-text-font: null,
69 menu-list-item-label-text-line-height: null,
70 menu-list-item-label-text-size: null,
71 menu-list-item-label-text-tracking: null,
72 menu-list-item-label-text-weight: null,
73 menu-list-item-selected-container-color: null,
74 menu-list-item-with-leading-icon-leading-icon-color: null,
75 menu-list-item-with-leading-icon-leading-icon-size: null,
76 menu-list-item-with-trailing-icon-trailing-icon-color: null,
77 menu-list-item-with-trailing-icon-trailing-icon-size: null,
78 menu-divider-color: null,
79 menu-divider-height: null,
80 menu-cascading-menu-indicator-icon-color: null,
81 menu-cascading-menu-indicator-icon-size: null,
82 text-field-disabled-container-color: null,
83 text-field-disabled-container-opacity: null,
84 text-field-disabled-active-indicator-height: null,
85 text-field-disabled-active-indicator-color: null,
86 text-field-disabled-active-indicator-opacity: null,
87 text-field-disabled-label-text-color: null,
88 text-field-disabled-label-text-opacity: null,
89 text-field-disabled-input-text-color: null,
90 text-field-disabled-input-text-opacity: null,
91 text-field-disabled-supporting-text-color: null,
92 text-field-disabled-supporting-text-opacity: null,
93 text-field-disabled-leading-icon-color: null,
94 text-field-disabled-leading-icon-opacity: null,
95 text-field-disabled-trailing-icon-color: null,
96 text-field-disabled-trailing-icon-opacity: null,
97 text-field-focus-active-indicator-height: null,
98 text-field-focus-active-indicator-color: null,
99 text-field-focus-label-text-color: null,
100 text-field-focus-input-text-color: null,
101 text-field-focus-supporting-text-color: null,
102 text-field-focus-leading-icon-color: null,
103 text-field-focus-trailing-icon-color: null,
104 text-field-hover-active-indicator-height: null,
105 text-field-hover-active-indicator-color: null,
106 text-field-hover-label-text-color: null,
107 text-field-hover-input-text-color: null,
108 text-field-hover-supporting-text-color: null,
109 text-field-hover-leading-icon-color: null,
110 text-field-hover-trailing-icon-color: null,
111 text-field-hover-state-layer-color: null,
112 text-field-hover-state-layer-opacity: null,
113 text-field-error-active-indicator-color: null,
114 text-field-error-label-text-color: null,
115 text-field-error-input-text-color: null,
116 text-field-error-supporting-text-color: null,
117 text-field-error-leading-icon-color: null,
118 text-field-error-trailing-icon-color: null,
119 text-field-error-focus-active-indicator-color: null,
120 text-field-error-focus-label-text-color: null,
121 text-field-error-focus-input-text-color: null,
122 text-field-error-focus-supporting-text-color: null,
123 text-field-error-focus-leading-icon-color: null,
124 text-field-error-focus-trailing-icon-color: null,
125 text-field-error-caret-color: null,
126 text-field-error-hover-caret-color: null,
127 text-field-error-focus-caret-color: null,
128 text-field-error-hover-active-indicator-color: null,
129 text-field-error-hover-label-text-color: null,
130 text-field-error-hover-input-text-color: null,
131 text-field-error-hover-supporting-text-color: null,
132 text-field-error-hover-leading-icon-color: null,
133 text-field-error-hover-trailing-icon-color: null,
134 text-field-error-hover-state-layer-color: null,
135 text-field-error-hover-state-layer-opacity: null,
136);
137
138@mixin theme-styles($theme, $resolvers: resolvers.$material) {
139 @include theme.validate-theme($_light-theme, $theme);
140 @include select-theme.theme-styles($theme, $resolvers: $resolvers);
141 @if map.get($theme, text-field-container-height) {
142 @include select-theme.filled-height(
143 map.get($theme, text-field-container-height)
144 );
145 }
146 @if map.get($theme, text-field-container-shape) {
147 @include select-theme.filled-shape-radius(
148 map.get($theme, text-field-container-shape)
149 );
150 }
151}