@baloise/ds-tokens 17.3.0 → 17.4.0-snapshot.1609-d2bcc38d3

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 (14) hide show
  1. package/dist/deprecated/tokens.css +1 -1
  2. package/dist/deprecated/tokens.css.scss +1 -1
  3. package/dist/deprecated/tokens.less +1 -1
  4. package/dist/deprecated/tokens.scss +1 -1
  5. package/dist/tokens.css +2 -1
  6. package/dist/tokens.css.scss +2 -1
  7. package/dist/tokens.docs.json +23 -0
  8. package/dist/tokens.esm.js +2 -1
  9. package/dist/tokens.js +2 -1
  10. package/dist/tokens.json +1 -0
  11. package/dist/tokens.less +2 -1
  12. package/dist/tokens.scss +2 -1
  13. package/dist/types/tokens.d.ts +3 -1
  14. package/package.json +1 -1
package/dist/deprecated/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 16 Jan 2025 14:24:58 GMT
3
+ * Generated on Thu, 06 Feb 2025 21:52:18 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/deprecated/tokens.css.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 16 Jan 2025 14:24:58 GMT
3
+ * Generated on Thu, 06 Feb 2025 21:52:18 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/deprecated/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 16 Jan 2025 14:24:58 GMT
3
+ // Generated on Thu, 06 Feb 2025 21:52:18 GMT
4
4
 
5
5
  @bal-color-border-primary-dark: #000739;
6
6
  @bal-color-border-light-blue: #0014aa;
package/dist/deprecated/tokens.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 16 Jan 2025 14:24:58 GMT
3
+ // Generated on Thu, 06 Feb 2025 21:52:18 GMT
4
4
 
5
5
  $bal-color-border-primary-dark: #000739;
6
6
  $bal-color-border-light-blue: #0014aa;
package/dist/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 16 Jan 2025 14:24:58 GMT
3
+ * Generated on Thu, 06 Feb 2025 21:52:18 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -14,6 +14,7 @@
14
14
  --bal-opacity-0: 0;
15
15
  --bal-font-family-text: BaloiseCreateText, Arial, sans-serif;
16
16
  --bal-font-family-title: BaloiseCreateHeadline, Arial, sans-serif;
17
+ --bal-shadow-header: 0 4px 4px 0 rgba(0, 7, 57, 0.15); /* Shadow effect for a header bar */
17
18
  --bal-shadow-large: 0 0 30px 0 rgba(0, 7, 57, 0.15); /* Large shadow are used for hover effects. */
18
19
  --bal-shadow-normal: 0 0 10px 0 rgba(0, 7, 57, 0.15); /* Default shadow size to elevate an element. */
19
20
  --bal-shadow-small: 0px 2px 5px 1px rgba(0, 7, 57, 0.12);
package/dist/tokens.css.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 16 Jan 2025 14:24:58 GMT
3
+ * Generated on Thu, 06 Feb 2025 21:52:18 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -14,6 +14,7 @@
14
14
  --bal-opacity-0: 0;
15
15
  --bal-font-family-text: BaloiseCreateText, Arial, sans-serif;
16
16
  --bal-font-family-title: BaloiseCreateHeadline, Arial, sans-serif;
17
+ --bal-shadow-header: 0 4px 4px 0 rgba(0, 7, 57, 0.15); /* Shadow effect for a header bar */
17
18
  --bal-shadow-large: 0 0 30px 0 rgba(0, 7, 57, 0.15); /* Large shadow are used for hover effects. */
18
19
  --bal-shadow-normal: 0 0 10px 0 rgba(0, 7, 57, 0.15); /* Default shadow size to elevate an element. */
19
20
  --bal-shadow-small: 0px 2px 5px 1px rgba(0, 7, 57, 0.12);
package/dist/tokens.docs.json CHANGED
@@ -5611,6 +5611,29 @@
5611
5611
  "shadow",
5612
5612
  "large"
5613
5613
  ]
5614
+ },
5615
+ "header": {
5616
+ "value": "0 4px 4px 0 rgba(0, 7, 57, 0.15)",
5617
+ "keepFormat": true,
5618
+ "noFigmaImport": true,
5619
+ "comment": "Shadow effect for a header bar",
5620
+ "filePath": "/home/runner/work/design-system/design-system/packages/tokens/src/tokens/shadow.json",
5621
+ "isSource": true,
5622
+ "original": {
5623
+ "value": "0 4px 4px 0 rgba(0, 7, 57, 0.15)",
5624
+ "keepFormat": true,
5625
+ "noFigmaImport": true,
5626
+ "comment": "Shadow effect for a header bar"
5627
+ },
5628
+ "name": "bal-shadow-header",
5629
+ "attributes": {
5630
+ "category": "shadow",
5631
+ "type": "header"
5632
+ },
5633
+ "path": [
5634
+ "shadow",
5635
+ "header"
5636
+ ]
5614
5637
  }
5615
5638
  },
5616
5639
  "font": {
package/dist/tokens.esm.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 16 Jan 2025 14:24:58 GMT
3
+ * Generated on Thu, 06 Feb 2025 21:52:18 GMT
4
4
  */
5
5
 
6
6
  export const balColorBackgroundPrimary = "#000d6e"; // Blue is our accent color and it is present on every touchpoint. Our logo, text, buttons and links are blue.
@@ -255,6 +255,7 @@ export const balAnimationTransitionEasing = "cubic-bezier(0.25, 0.8, 0.5, 1)";
255
255
  export const balShadowSmall = "0px 2px 5px 1px rgba(0, 7, 57, 0.12)";
256
256
  export const balShadowNormal = "0 0 10px 0 rgba(0, 7, 57, 0.15)"; // Default shadow size to elevate an element.
257
257
  export const balShadowLarge = "0 0 30px 0 rgba(0, 7, 57, 0.15)"; // Large shadow are used for hover effects.
258
+ export const balShadowHeader = "0 4px 4px 0 rgba(0, 7, 57, 0.15)"; // Shadow effect for a header bar
258
259
  export const balFontFamilyTitle = "BaloiseCreateHeadline, Arial, sans-serif";
259
260
  export const balFontFamilyText = "BaloiseCreateText, Arial, sans-serif";
260
261
  export const balOpacity0 = "0";
package/dist/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 16 Jan 2025 14:24:58 GMT
3
+ * Generated on Thu, 06 Feb 2025 21:52:18 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -256,6 +256,7 @@ module.exports = {
256
256
  "balShadowSmall": "0px 2px 5px 1px rgba(0, 7, 57, 0.12)",
257
257
  "balShadowNormal": "0 0 10px 0 rgba(0, 7, 57, 0.15)",
258
258
  "balShadowLarge": "0 0 30px 0 rgba(0, 7, 57, 0.15)",
259
+ "balShadowHeader": "0 4px 4px 0 rgba(0, 7, 57, 0.15)",
259
260
  "balFontFamilyTitle": "BaloiseCreateHeadline, Arial, sans-serif",
260
261
  "balFontFamilyText": "BaloiseCreateText, Arial, sans-serif",
261
262
  "balOpacity0": "0",
package/dist/tokens.json CHANGED
@@ -251,6 +251,7 @@
251
251
  "balShadowSmall": "0px 2px 5px 1px rgba(0, 7, 57, 0.12)",
252
252
  "balShadowNormal": "0 0 10px 0 rgba(0, 7, 57, 0.15)",
253
253
  "balShadowLarge": "0 0 30px 0 rgba(0, 7, 57, 0.15)",
254
+ "balShadowHeader": "0 4px 4px 0 rgba(0, 7, 57, 0.15)",
254
255
  "balFontFamilyTitle": "BaloiseCreateHeadline, Arial, sans-serif",
255
256
  "balFontFamilyText": "BaloiseCreateText, Arial, sans-serif",
256
257
  "balOpacity0": "0",
package/dist/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 16 Jan 2025 14:24:58 GMT
3
+ // Generated on Thu, 06 Feb 2025 21:52:18 GMT
4
4
 
5
5
  @bal-text-shadow-normal: 0px 0px 4px rgba(0, 0, 0, 0.15), 0px 4px 12px rgba(0, 0, 0, 0.25), 0px 0px 80px rgba(0, 0, 0, 0.5); // Increases readability when used on a image background.
6
6
  @bal-opacity-100: 1;
@@ -12,6 +12,7 @@
12
12
  @bal-opacity-0: 0;
13
13
  @bal-font-family-text: BaloiseCreateText, Arial, sans-serif;
14
14
  @bal-font-family-title: BaloiseCreateHeadline, Arial, sans-serif;
15
+ @bal-shadow-header: 0 4px 4px 0 rgba(0, 7, 57, 0.15); // Shadow effect for a header bar
15
16
  @bal-shadow-large: 0 0 30px 0 rgba(0, 7, 57, 0.15); // Large shadow are used for hover effects.
16
17
  @bal-shadow-normal: 0 0 10px 0 rgba(0, 7, 57, 0.15); // Default shadow size to elevate an element.
17
18
  @bal-shadow-small: 0px 2px 5px 1px rgba(0, 7, 57, 0.12);
package/dist/tokens.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 16 Jan 2025 14:24:58 GMT
3
+ // Generated on Thu, 06 Feb 2025 21:52:18 GMT
4
4
 
5
5
  $bal-text-shadow-normal: 0px 0px 4px rgba(0, 0, 0, 0.15), 0px 4px 12px rgba(0, 0, 0, 0.25), 0px 0px 80px rgba(0, 0, 0, 0.5); // Increases readability when used on a image background.
6
6
  $bal-opacity-100: 1;
@@ -12,6 +12,7 @@ $bal-opacity-30: 0.3;
12
12
  $bal-opacity-0: 0;
13
13
  $bal-font-family-text: BaloiseCreateText, Arial, sans-serif;
14
14
  $bal-font-family-title: BaloiseCreateHeadline, Arial, sans-serif;
15
+ $bal-shadow-header: 0 4px 4px 0 rgba(0, 7, 57, 0.15); // Shadow effect for a header bar
15
16
  $bal-shadow-large: 0 0 30px 0 rgba(0, 7, 57, 0.15); // Large shadow are used for hover effects.
16
17
  $bal-shadow-normal: 0 0 10px 0 rgba(0, 7, 57, 0.15); // Default shadow size to elevate an element.
17
18
  $bal-shadow-small: 0px 2px 5px 1px rgba(0, 7, 57, 0.12);
package/dist/types/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 16 Jan 2025 14:24:58 GMT
3
+ * Generated on Thu, 06 Feb 2025 21:52:18 GMT
4
4
  */
5
5
 
6
6
  /** Blue is our accent color and it is present on every touchpoint. Our logo, text, buttons and links are blue. */
@@ -335,6 +335,8 @@ export const balShadowSmall : string;
335
335
  export const balShadowNormal : string;
336
336
  /** Large shadow are used for hover effects. */
337
337
  export const balShadowLarge : string;
338
+ /** Shadow effect for a header bar */
339
+ export const balShadowHeader : string;
338
340
  export const balFontFamilyTitle : string;
339
341
  export const balFontFamilyText : string;
340
342
  export const balOpacity0 : string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@baloise/ds-tokens",
3
- "version": "17.3.0",
3
+ "version": "17.4.0-snapshot.1609-d2bcc38d3",
4
4
  "description": "The Baloise Design-System is an open source project for styling awesome web applications that follow the Baloise corporate styling guidelines.",
5
5
  "repository": {
6
6
  "type": "git",