@carbon/themes 10.41.0-rc.0 → 10.43.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/index.js +146 -2
- package/lib/index.js +288 -0
- package/package.json +7 -7
- package/scss/generated/_mixins.scss +287 -0
- package/scss/generated/_themes.scss +506 -20
- package/scss/generated/_tokens.scss +578 -20
- package/scss/modules/_theme.scss +60 -0
- package/src/g10.js +25 -0
- package/src/g100.js +25 -0
- package/src/g80.js +25 -0
- package/src/g90.js +25 -0
- package/src/v9.js +25 -0
- package/src/white.js +25 -0
- package/umd/index.js +288 -0
|
@@ -226,6 +226,30 @@
|
|
|
226
226
|
$display-02: map-get($theme, 'display-02') !global;
|
|
227
227
|
$display-03: map-get($theme, 'display-03') !global;
|
|
228
228
|
$display-04: map-get($theme, 'display-04') !global;
|
|
229
|
+
$legal-01: map-get($theme, 'legal-01') !global;
|
|
230
|
+
$legal-02: map-get($theme, 'legal-02') !global;
|
|
231
|
+
$body-compact-01: map-get($theme, 'body-compact-01') !global;
|
|
232
|
+
$body-compact-02: map-get($theme, 'body-compact-02') !global;
|
|
233
|
+
$body-01: map-get($theme, 'body-01') !global;
|
|
234
|
+
$body-02: map-get($theme, 'body-02') !global;
|
|
235
|
+
$heading-compact-01: map-get($theme, 'heading-compact-01') !global;
|
|
236
|
+
$heading-compact-02: map-get($theme, 'heading-compact-02') !global;
|
|
237
|
+
$heading-03: map-get($theme, 'heading-03') !global;
|
|
238
|
+
$heading-04: map-get($theme, 'heading-04') !global;
|
|
239
|
+
$heading-05: map-get($theme, 'heading-05') !global;
|
|
240
|
+
$heading-06: map-get($theme, 'heading-06') !global;
|
|
241
|
+
$heading-07: map-get($theme, 'heading-07') !global;
|
|
242
|
+
$fluid-heading-03: map-get($theme, 'fluid-heading-03') !global;
|
|
243
|
+
$fluid-heading-04: map-get($theme, 'fluid-heading-04') !global;
|
|
244
|
+
$fluid-heading-05: map-get($theme, 'fluid-heading-05') !global;
|
|
245
|
+
$fluid-heading-06: map-get($theme, 'fluid-heading-06') !global;
|
|
246
|
+
$fluid-paragraph-01: map-get($theme, 'fluid-paragraph-01') !global;
|
|
247
|
+
$fluid-quotation-01: map-get($theme, 'fluid-quotation-01') !global;
|
|
248
|
+
$fluid-quotation-02: map-get($theme, 'fluid-quotation-02') !global;
|
|
249
|
+
$fluid-display-01: map-get($theme, 'fluid-display-01') !global;
|
|
250
|
+
$fluid-display-02: map-get($theme, 'fluid-display-02') !global;
|
|
251
|
+
$fluid-display-03: map-get($theme, 'fluid-display-03') !global;
|
|
252
|
+
$fluid-display-04: map-get($theme, 'fluid-display-04') !global;
|
|
229
253
|
$spacing-01: map-get($theme, 'spacing-01') !global;
|
|
230
254
|
$spacing-02: map-get($theme, 'spacing-02') !global;
|
|
231
255
|
$spacing-03: map-get($theme, 'spacing-03') !global;
|
|
@@ -3005,6 +3029,269 @@
|
|
|
3005
3029
|
@include custom-property('display-04', map-get($theme, 'display-04'));
|
|
3006
3030
|
}
|
|
3007
3031
|
|
|
3032
|
+
@if should-emit($theme, $parent-carbon-theme, 'legal-01', $emit-difference)
|
|
3033
|
+
{
|
|
3034
|
+
@include custom-property('legal-01', map-get($theme, 'legal-01'));
|
|
3035
|
+
}
|
|
3036
|
+
|
|
3037
|
+
@if should-emit($theme, $parent-carbon-theme, 'legal-02', $emit-difference)
|
|
3038
|
+
{
|
|
3039
|
+
@include custom-property('legal-02', map-get($theme, 'legal-02'));
|
|
3040
|
+
}
|
|
3041
|
+
|
|
3042
|
+
@if should-emit(
|
|
3043
|
+
$theme,
|
|
3044
|
+
$parent-carbon-theme,
|
|
3045
|
+
'body-compact-01',
|
|
3046
|
+
$emit-difference
|
|
3047
|
+
)
|
|
3048
|
+
{
|
|
3049
|
+
@include custom-property(
|
|
3050
|
+
'body-compact-01',
|
|
3051
|
+
map-get($theme, 'body-compact-01')
|
|
3052
|
+
);
|
|
3053
|
+
}
|
|
3054
|
+
|
|
3055
|
+
@if should-emit(
|
|
3056
|
+
$theme,
|
|
3057
|
+
$parent-carbon-theme,
|
|
3058
|
+
'body-compact-02',
|
|
3059
|
+
$emit-difference
|
|
3060
|
+
)
|
|
3061
|
+
{
|
|
3062
|
+
@include custom-property(
|
|
3063
|
+
'body-compact-02',
|
|
3064
|
+
map-get($theme, 'body-compact-02')
|
|
3065
|
+
);
|
|
3066
|
+
}
|
|
3067
|
+
|
|
3068
|
+
@if should-emit($theme, $parent-carbon-theme, 'body-01', $emit-difference) {
|
|
3069
|
+
@include custom-property('body-01', map-get($theme, 'body-01'));
|
|
3070
|
+
}
|
|
3071
|
+
|
|
3072
|
+
@if should-emit($theme, $parent-carbon-theme, 'body-02', $emit-difference) {
|
|
3073
|
+
@include custom-property('body-02', map-get($theme, 'body-02'));
|
|
3074
|
+
}
|
|
3075
|
+
|
|
3076
|
+
@if should-emit(
|
|
3077
|
+
$theme,
|
|
3078
|
+
$parent-carbon-theme,
|
|
3079
|
+
'heading-compact-01',
|
|
3080
|
+
$emit-difference
|
|
3081
|
+
)
|
|
3082
|
+
{
|
|
3083
|
+
@include custom-property(
|
|
3084
|
+
'heading-compact-01',
|
|
3085
|
+
map-get($theme, 'heading-compact-01')
|
|
3086
|
+
);
|
|
3087
|
+
}
|
|
3088
|
+
|
|
3089
|
+
@if should-emit(
|
|
3090
|
+
$theme,
|
|
3091
|
+
$parent-carbon-theme,
|
|
3092
|
+
'heading-compact-02',
|
|
3093
|
+
$emit-difference
|
|
3094
|
+
)
|
|
3095
|
+
{
|
|
3096
|
+
@include custom-property(
|
|
3097
|
+
'heading-compact-02',
|
|
3098
|
+
map-get($theme, 'heading-compact-02')
|
|
3099
|
+
);
|
|
3100
|
+
}
|
|
3101
|
+
|
|
3102
|
+
@if should-emit(
|
|
3103
|
+
$theme,
|
|
3104
|
+
$parent-carbon-theme,
|
|
3105
|
+
'heading-03',
|
|
3106
|
+
$emit-difference
|
|
3107
|
+
)
|
|
3108
|
+
{
|
|
3109
|
+
@include custom-property('heading-03', map-get($theme, 'heading-03'));
|
|
3110
|
+
}
|
|
3111
|
+
|
|
3112
|
+
@if should-emit(
|
|
3113
|
+
$theme,
|
|
3114
|
+
$parent-carbon-theme,
|
|
3115
|
+
'heading-04',
|
|
3116
|
+
$emit-difference
|
|
3117
|
+
)
|
|
3118
|
+
{
|
|
3119
|
+
@include custom-property('heading-04', map-get($theme, 'heading-04'));
|
|
3120
|
+
}
|
|
3121
|
+
|
|
3122
|
+
@if should-emit(
|
|
3123
|
+
$theme,
|
|
3124
|
+
$parent-carbon-theme,
|
|
3125
|
+
'heading-05',
|
|
3126
|
+
$emit-difference
|
|
3127
|
+
)
|
|
3128
|
+
{
|
|
3129
|
+
@include custom-property('heading-05', map-get($theme, 'heading-05'));
|
|
3130
|
+
}
|
|
3131
|
+
|
|
3132
|
+
@if should-emit(
|
|
3133
|
+
$theme,
|
|
3134
|
+
$parent-carbon-theme,
|
|
3135
|
+
'heading-06',
|
|
3136
|
+
$emit-difference
|
|
3137
|
+
)
|
|
3138
|
+
{
|
|
3139
|
+
@include custom-property('heading-06', map-get($theme, 'heading-06'));
|
|
3140
|
+
}
|
|
3141
|
+
|
|
3142
|
+
@if should-emit(
|
|
3143
|
+
$theme,
|
|
3144
|
+
$parent-carbon-theme,
|
|
3145
|
+
'heading-07',
|
|
3146
|
+
$emit-difference
|
|
3147
|
+
)
|
|
3148
|
+
{
|
|
3149
|
+
@include custom-property('heading-07', map-get($theme, 'heading-07'));
|
|
3150
|
+
}
|
|
3151
|
+
|
|
3152
|
+
@if should-emit(
|
|
3153
|
+
$theme,
|
|
3154
|
+
$parent-carbon-theme,
|
|
3155
|
+
'fluid-heading-03',
|
|
3156
|
+
$emit-difference
|
|
3157
|
+
)
|
|
3158
|
+
{
|
|
3159
|
+
@include custom-property(
|
|
3160
|
+
'fluid-heading-03',
|
|
3161
|
+
map-get($theme, 'fluid-heading-03')
|
|
3162
|
+
);
|
|
3163
|
+
}
|
|
3164
|
+
|
|
3165
|
+
@if should-emit(
|
|
3166
|
+
$theme,
|
|
3167
|
+
$parent-carbon-theme,
|
|
3168
|
+
'fluid-heading-04',
|
|
3169
|
+
$emit-difference
|
|
3170
|
+
)
|
|
3171
|
+
{
|
|
3172
|
+
@include custom-property(
|
|
3173
|
+
'fluid-heading-04',
|
|
3174
|
+
map-get($theme, 'fluid-heading-04')
|
|
3175
|
+
);
|
|
3176
|
+
}
|
|
3177
|
+
|
|
3178
|
+
@if should-emit(
|
|
3179
|
+
$theme,
|
|
3180
|
+
$parent-carbon-theme,
|
|
3181
|
+
'fluid-heading-05',
|
|
3182
|
+
$emit-difference
|
|
3183
|
+
)
|
|
3184
|
+
{
|
|
3185
|
+
@include custom-property(
|
|
3186
|
+
'fluid-heading-05',
|
|
3187
|
+
map-get($theme, 'fluid-heading-05')
|
|
3188
|
+
);
|
|
3189
|
+
}
|
|
3190
|
+
|
|
3191
|
+
@if should-emit(
|
|
3192
|
+
$theme,
|
|
3193
|
+
$parent-carbon-theme,
|
|
3194
|
+
'fluid-heading-06',
|
|
3195
|
+
$emit-difference
|
|
3196
|
+
)
|
|
3197
|
+
{
|
|
3198
|
+
@include custom-property(
|
|
3199
|
+
'fluid-heading-06',
|
|
3200
|
+
map-get($theme, 'fluid-heading-06')
|
|
3201
|
+
);
|
|
3202
|
+
}
|
|
3203
|
+
|
|
3204
|
+
@if should-emit(
|
|
3205
|
+
$theme,
|
|
3206
|
+
$parent-carbon-theme,
|
|
3207
|
+
'fluid-paragraph-01',
|
|
3208
|
+
$emit-difference
|
|
3209
|
+
)
|
|
3210
|
+
{
|
|
3211
|
+
@include custom-property(
|
|
3212
|
+
'fluid-paragraph-01',
|
|
3213
|
+
map-get($theme, 'fluid-paragraph-01')
|
|
3214
|
+
);
|
|
3215
|
+
}
|
|
3216
|
+
|
|
3217
|
+
@if should-emit(
|
|
3218
|
+
$theme,
|
|
3219
|
+
$parent-carbon-theme,
|
|
3220
|
+
'fluid-quotation-01',
|
|
3221
|
+
$emit-difference
|
|
3222
|
+
)
|
|
3223
|
+
{
|
|
3224
|
+
@include custom-property(
|
|
3225
|
+
'fluid-quotation-01',
|
|
3226
|
+
map-get($theme, 'fluid-quotation-01')
|
|
3227
|
+
);
|
|
3228
|
+
}
|
|
3229
|
+
|
|
3230
|
+
@if should-emit(
|
|
3231
|
+
$theme,
|
|
3232
|
+
$parent-carbon-theme,
|
|
3233
|
+
'fluid-quotation-02',
|
|
3234
|
+
$emit-difference
|
|
3235
|
+
)
|
|
3236
|
+
{
|
|
3237
|
+
@include custom-property(
|
|
3238
|
+
'fluid-quotation-02',
|
|
3239
|
+
map-get($theme, 'fluid-quotation-02')
|
|
3240
|
+
);
|
|
3241
|
+
}
|
|
3242
|
+
|
|
3243
|
+
@if should-emit(
|
|
3244
|
+
$theme,
|
|
3245
|
+
$parent-carbon-theme,
|
|
3246
|
+
'fluid-display-01',
|
|
3247
|
+
$emit-difference
|
|
3248
|
+
)
|
|
3249
|
+
{
|
|
3250
|
+
@include custom-property(
|
|
3251
|
+
'fluid-display-01',
|
|
3252
|
+
map-get($theme, 'fluid-display-01')
|
|
3253
|
+
);
|
|
3254
|
+
}
|
|
3255
|
+
|
|
3256
|
+
@if should-emit(
|
|
3257
|
+
$theme,
|
|
3258
|
+
$parent-carbon-theme,
|
|
3259
|
+
'fluid-display-02',
|
|
3260
|
+
$emit-difference
|
|
3261
|
+
)
|
|
3262
|
+
{
|
|
3263
|
+
@include custom-property(
|
|
3264
|
+
'fluid-display-02',
|
|
3265
|
+
map-get($theme, 'fluid-display-02')
|
|
3266
|
+
);
|
|
3267
|
+
}
|
|
3268
|
+
|
|
3269
|
+
@if should-emit(
|
|
3270
|
+
$theme,
|
|
3271
|
+
$parent-carbon-theme,
|
|
3272
|
+
'fluid-display-03',
|
|
3273
|
+
$emit-difference
|
|
3274
|
+
)
|
|
3275
|
+
{
|
|
3276
|
+
@include custom-property(
|
|
3277
|
+
'fluid-display-03',
|
|
3278
|
+
map-get($theme, 'fluid-display-03')
|
|
3279
|
+
);
|
|
3280
|
+
}
|
|
3281
|
+
|
|
3282
|
+
@if should-emit(
|
|
3283
|
+
$theme,
|
|
3284
|
+
$parent-carbon-theme,
|
|
3285
|
+
'fluid-display-04',
|
|
3286
|
+
$emit-difference
|
|
3287
|
+
)
|
|
3288
|
+
{
|
|
3289
|
+
@include custom-property(
|
|
3290
|
+
'fluid-display-04',
|
|
3291
|
+
map-get($theme, 'fluid-display-04')
|
|
3292
|
+
);
|
|
3293
|
+
}
|
|
3294
|
+
|
|
3008
3295
|
@if should-emit(
|
|
3009
3296
|
$theme,
|
|
3010
3297
|
$parent-carbon-theme,
|