@fundamental-styles/theming-preview 0.23.0-rc.4 → 0.23.0-rc.5

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.
Files changed (2) hide show
  1. package/fundamental-styles.css +61 -41
  2. package/package.json +2 -2
package/fundamental-styles.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /*!
3
- * Fundamental Library Styles v0.23.0-rc.4
3
+ * Fundamental Library Styles v0.23.0-rc.5
4
4
  * Copyright (c) 2022 SAP SE or an SAP affiliate company.
5
5
  * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
6
6
  */
@@ -4061,44 +4061,54 @@
4061
4061
  border: .0625rem solid var(--sapGroup_ContentBorderColor)
4062
4062
  }
4063
4063
  .fd-avatar--accent-color-1 {
4064
- background-color: var(--sapAccentColor1);
4065
- color: var(--fdAvatar_Accent_Color)
4064
+ background-color: var(--fdAvatar_Accent_Color_1);
4065
+ color: var(--fdAvatar_Accent_Color_1_Text);
4066
+ border: var(--fdAvatar_Accent_Color_1_Border)
4066
4067
  }
4067
4068
  .fd-avatar--accent-color-2 {
4068
- background-color: var(--sapAccentColor2);
4069
- color: var(--fdAvatar_Accent_Color)
4069
+ background-color: var(--fdAvatar_Accent_Color_2);
4070
+ color: var(--fdAvatar_Accent_Color_2_Text);
4071
+ border: var(--fdAvatar_Accent_Color_2_Border)
4070
4072
  }
4071
4073
  .fd-avatar--accent-color-3 {
4072
- background-color: var(--sapAccentColor3);
4073
- color: var(--fdAvatar_Accent_Color)
4074
+ background-color: var(--fdAvatar_Accent_Color_3);
4075
+ color: var(--fdAvatar_Accent_Color_3_Text);
4076
+ border: var(--fdAvatar_Accent_Color_3_Border)
4074
4077
  }
4075
4078
  .fd-avatar--accent-color-4 {
4076
- background-color: var(--sapAccentColor4);
4077
- color: var(--fdAvatar_Accent_Color)
4079
+ background-color: var(--fdAvatar_Accent_Color_4);
4080
+ color: var(--fdAvatar_Accent_Color_4_Text);
4081
+ border: var(--fdAvatar_Accent_Color_4_Border)
4078
4082
  }
4079
4083
  .fd-avatar--accent-color-5 {
4080
- background-color: var(--sapAccentColor5);
4081
- color: var(--fdAvatar_Accent_Color)
4084
+ background-color: var(--fdAvatar_Accent_Color_5);
4085
+ color: var(--fdAvatar_Accent_Color_5_Text);
4086
+ border: var(--fdAvatar_Accent_Color_5_Border)
4082
4087
  }
4083
4088
  .fd-avatar--accent-color-6 {
4084
- background-color: var(--sapAccentColor6);
4085
- color: var(--fdAvatar_Accent_Color)
4089
+ background-color: var(--fdAvatar_Accent_Color_6);
4090
+ color: var(--fdAvatar_Accent_Color_6_Text);
4091
+ border: var(--fdAvatar_Accent_Color_6_Border)
4086
4092
  }
4087
4093
  .fd-avatar--accent-color-7 {
4088
- background-color: var(--sapAccentColor7);
4089
- color: var(--fdAvatar_Accent_Color)
4094
+ background-color: var(--fdAvatar_Accent_Color_7);
4095
+ color: var(--fdAvatar_Accent_Color_7_Text);
4096
+ border: var(--fdAvatar_Accent_Color_7_Border)
4090
4097
  }
4091
4098
  .fd-avatar--accent-color-8 {
4092
- background-color: var(--sapAccentColor8);
4093
- color: var(--fdAvatar_Accent_Color)
4099
+ background-color: var(--fdAvatar_Accent_Color_8);
4100
+ color: var(--fdAvatar_Accent_Color_8_Text);
4101
+ border: var(--fdAvatar_Accent_Color_8_Border)
4094
4102
  }
4095
4103
  .fd-avatar--accent-color-9 {
4096
- background-color: var(--sapAccentColor9);
4097
- color: var(--fdAvatar_Accent_Color)
4104
+ background-color: var(--fdAvatar_Accent_Color_9);
4105
+ color: var(--fdAvatar_Accent_Color_9_Text);
4106
+ border: var(--fdAvatar_Accent_Color_9_Border)
4098
4107
  }
4099
4108
  .fd-avatar--accent-color-10 {
4100
- background-color: var(--sapAccentColor10);
4101
- color: var(--fdAvatar_Accent_Color)
4109
+ background-color: var(--fdAvatar_Accent_Color_10);
4110
+ color: var(--fdAvatar_Accent_Color_10_Text);
4111
+ border: var(--fdAvatar_Accent_Color_10_Border)
4102
4112
  }
4103
4113
  .fd-avatar--xs {
4104
4114
  padding: 0;
@@ -4411,44 +4421,54 @@
4411
4421
  border: .0625rem solid var(--sapGroup_ContentBorderColor)
4412
4422
  }
4413
4423
  .fd-avatar--accent-color-1 {
4414
- background-color: var(--sapAccentColor1);
4415
- color: var(--fdAvatar_Accent_Color)
4424
+ background-color: var(--fdAvatar_Accent_Color_1);
4425
+ color: var(--fdAvatar_Accent_Color_1_Text);
4426
+ border: var(--fdAvatar_Accent_Color_1_Border)
4416
4427
  }
4417
4428
  .fd-avatar--accent-color-2 {
4418
- background-color: var(--sapAccentColor2);
4419
- color: var(--fdAvatar_Accent_Color)
4429
+ background-color: var(--fdAvatar_Accent_Color_2);
4430
+ color: var(--fdAvatar_Accent_Color_2_Text);
4431
+ border: var(--fdAvatar_Accent_Color_2_Border)
4420
4432
  }
4421
4433
  .fd-avatar--accent-color-3 {
4422
- background-color: var(--sapAccentColor3);
4423
- color: var(--fdAvatar_Accent_Color)
4434
+ background-color: var(--fdAvatar_Accent_Color_3);
4435
+ color: var(--fdAvatar_Accent_Color_3_Text);
4436
+ border: var(--fdAvatar_Accent_Color_3_Border)
4424
4437
  }
4425
4438
  .fd-avatar--accent-color-4 {
4426
- background-color: var(--sapAccentColor4);
4427
- color: var(--fdAvatar_Accent_Color)
4439
+ background-color: var(--fdAvatar_Accent_Color_4);
4440
+ color: var(--fdAvatar_Accent_Color_4_Text);
4441
+ border: var(--fdAvatar_Accent_Color_4_Border)
4428
4442
  }
4429
4443
  .fd-avatar--accent-color-5 {
4430
- background-color: var(--sapAccentColor5);
4431
- color: var(--fdAvatar_Accent_Color)
4444
+ background-color: var(--fdAvatar_Accent_Color_5);
4445
+ color: var(--fdAvatar_Accent_Color_5_Text);
4446
+ border: var(--fdAvatar_Accent_Color_5_Border)
4432
4447
  }
4433
4448
  .fd-avatar--accent-color-6 {
4434
- background-color: var(--sapAccentColor6);
4435
- color: var(--fdAvatar_Accent_Color)
4449
+ background-color: var(--fdAvatar_Accent_Color_6);
4450
+ color: var(--fdAvatar_Accent_Color_6_Text);
4451
+ border: var(--fdAvatar_Accent_Color_6_Border)
4436
4452
  }
4437
4453
  .fd-avatar--accent-color-7 {
4438
- background-color: var(--sapAccentColor7);
4439
- color: var(--fdAvatar_Accent_Color)
4454
+ background-color: var(--fdAvatar_Accent_Color_7);
4455
+ color: var(--fdAvatar_Accent_Color_7_Text);
4456
+ border: var(--fdAvatar_Accent_Color_7_Border)
4440
4457
  }
4441
4458
  .fd-avatar--accent-color-8 {
4442
- background-color: var(--sapAccentColor8);
4443
- color: var(--fdAvatar_Accent_Color)
4459
+ background-color: var(--fdAvatar_Accent_Color_8);
4460
+ color: var(--fdAvatar_Accent_Color_8_Text);
4461
+ border: var(--fdAvatar_Accent_Color_8_Border)
4444
4462
  }
4445
4463
  .fd-avatar--accent-color-9 {
4446
- background-color: var(--sapAccentColor9);
4447
- color: var(--fdAvatar_Accent_Color)
4464
+ background-color: var(--fdAvatar_Accent_Color_9);
4465
+ color: var(--fdAvatar_Accent_Color_9_Text);
4466
+ border: var(--fdAvatar_Accent_Color_9_Border)
4448
4467
  }
4449
4468
  .fd-avatar--accent-color-10 {
4450
- background-color: var(--sapAccentColor10);
4451
- color: var(--fdAvatar_Accent_Color)
4469
+ background-color: var(--fdAvatar_Accent_Color_10);
4470
+ color: var(--fdAvatar_Accent_Color_10_Text);
4471
+ border: var(--fdAvatar_Accent_Color_10_Border)
4452
4472
  }
4453
4473
  .fd-avatar--xs {
4454
4474
  padding: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-styles/theming-preview",
3
- "version": "0.23.0-rc.4",
3
+ "version": "0.23.0-rc.5",
4
4
  "license": "Apache-2.0",
5
5
  "homepage": "https://sap.github.io/fundamental-styles/",
6
6
  "description": "Fundamental Library Styles - Theming Package Preview",
@@ -9,7 +9,7 @@
9
9
  "url": "https://github.com/SAP/fundamental-styles"
10
10
  },
11
11
  "dependencies": {
12
- "fundamental-styles": "0.23.0-rc.4"
12
+ "fundamental-styles": "0.23.0-rc.5"
13
13
  }
14
14
  }
15
15