@db-ux/core-foundations 2.0.1 → 2.0.3

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 (11) hide show
  1. package/build/all-icons.js +30 -1
  2. package/build/base-icon-types.d.ts +1 -1
  3. package/build/styles/absolute.css +11 -2
  4. package/build/styles/colors/_variables.additional.scss +3 -2
  5. package/build/styles/defaults/default-icons.css +1 -1
  6. package/build/styles/icons/_icon-helpers.scss +4 -1
  7. package/build/styles/index.css +11 -2
  8. package/build/styles/relative.css +11 -2
  9. package/build/styles/rollup.css +11 -2
  10. package/build/styles/webpack.css +11 -2
  11. package/package.json +2 -2
package/build/all-icons.js CHANGED
@@ -1,2 +1,31 @@
1
1
  /* This file was generated */
2
- export const ALL_ICONS = ["arrow_down", "arrow_left", "arrow_right", "arrow_up", "arrow_up_right", "brand", "calendar", "check-circle", "check", "check_circle", "chevron_down", "chevron_left", "chevron_right", "chevron_up", "circle", "circular_arrows", "clock", "cross", "cross_circle", "exclamation_mark_circle", "exclamation_mark_triangle", "information_circle", "magnifying_glass", "menu", "minus", "plus", "resize_handle_corner", "x_placeholder"];
2
+ export const ALL_ICONS = [
3
+ 'arrow_down',
4
+ 'arrow_left',
5
+ 'arrow_right',
6
+ 'arrow_up',
7
+ 'arrow_up_right',
8
+ 'brand',
9
+ 'calendar',
10
+ 'check-circle',
11
+ 'check',
12
+ 'check_circle',
13
+ 'chevron_down',
14
+ 'chevron_left',
15
+ 'chevron_right',
16
+ 'chevron_up',
17
+ 'circle',
18
+ 'circular_arrows',
19
+ 'clock',
20
+ 'cross',
21
+ 'cross_circle',
22
+ 'exclamation_mark_circle',
23
+ 'exclamation_mark_triangle',
24
+ 'information_circle',
25
+ 'magnifying_glass',
26
+ 'menu',
27
+ 'minus',
28
+ 'plus',
29
+ 'resize_handle_corner',
30
+ 'x_placeholder'
31
+ ];
package/build/base-icon-types.d.ts CHANGED
@@ -1 +1 @@
1
- export type BaseIconTypes = "arrow_down" | "arrow_left" | "arrow_right" | "arrow_up" | "arrow_up_right" | "brand" | "calendar" | "check-circle" | "check" | "check_circle" | "chevron_down" | "chevron_left" | "chevron_right" | "chevron_up" | "circle" | "circular_arrows" | "clock" | "cross" | "cross_circle" | "exclamation_mark_circle" | "exclamation_mark_triangle" | "information_circle" | "magnifying_glass" | "menu" | "minus" | "plus" | "resize_handle_corner" | "x_placeholder";
1
+ export type BaseIconTypes = 'arrow_down' | 'arrow_left' | 'arrow_right' | 'arrow_up' | 'arrow_up_right' | 'brand' | 'calendar' | 'check-circle' | 'check' | 'check_circle' | 'chevron_down' | 'chevron_left' | 'chevron_right' | 'chevron_up' | 'circle' | 'circular_arrows' | 'clock' | 'cross' | 'cross_circle' | 'exclamation_mark_circle' | 'exclamation_mark_triangle' | 'information_circle' | 'magnifying_glass' | 'menu' | 'minus' | 'plus' | 'resize_handle_corner' | 'x_placeholder';
package/build/styles/absolute.css CHANGED
@@ -277,7 +277,6 @@ select,
277
277
  [data-icon]::before,
278
278
  [data-icon-before]::before, [data-icon-after]::after {
279
279
  content: var(--db-icon, attr(data-icon));
280
- content: var(--db-icon, attr(data-icon))/"";
281
280
  -webkit-alt: "";
282
281
  alt: "";
283
282
  color: var(--db-icon-color, inherit);
@@ -300,6 +299,12 @@ select,
300
299
  block-size: var(--db-icon-font-size, 1.5rem);
301
300
  inline-size: var(--db-icon-font-size, 1.5rem);
302
301
  }
302
+ @supports (content: ""/"") {
303
+ [data-icon]::before,
304
+ [data-icon-before]::before, [data-icon-after]::after {
305
+ content: var(--db-icon, attr(data-icon))/"";
306
+ }
307
+ }
303
308
  @media aural {
304
309
  [data-icon]::before,
305
310
  [data-icon-before]::before, [data-icon-after]::after {
@@ -6273,9 +6278,13 @@ strong {
6273
6278
 
6274
6279
  [data-icon-after]::after {
6275
6280
  content: var(--db-icon-after, attr(data-icon-after));
6276
- content: var(--db-icon-after, attr(data-icon-after))/"";
6277
6281
  margin-inline-start: var(--db-icon-margin-start, var(--db-spacing-fixed-xs));
6278
6282
  }
6283
+ @supports (content: ""/"") {
6284
+ [data-icon-after]::after {
6285
+ content: var(--db-icon-after, attr(data-icon-after))/"";
6286
+ }
6287
+ }
6279
6288
 
6280
6289
  [data-hide-icon-after=true]::after,
6281
6290
  [data-icon-after=none]::after {
package/build/styles/colors/_variables.additional.scss CHANGED
@@ -1,2 +1,3 @@
1
- $additional-variants: "yellow", "orange", "red", "pink", "violet", "blue",
2
- "cyan", "turquoise", "green";
1
+ $additional-variants:
2
+ "yellow", "orange", "red", "pink", "violet", "blue", "cyan", "turquoise",
3
+ "green";
package/build/styles/defaults/default-icons.css CHANGED
@@ -1 +1 @@
1
- @layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:var(--db-icon,attr(data-icon));content:var(--db-icon,attr(data-icon))/"";-webkit-alt:"";alt:"";color:var(--db-icon-color,inherit);display:inline-block;font-family:var(--db-icon-font-family,var(--db-icon-default-font-family,"db-ux-default"))!important;font-size:var(--db-icon-font-size,1.5rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:var(--db-icon-font-weight,normal);line-height:1;speak:none;speak:never;block-size:var(--db-icon-font-size,1.5rem);inline-size:var(--db-icon-font-size,1.5rem);text-transform:none;vertical-align:middle}@media aural{[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}@media speech{[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}[data-icon-after]:is(span),[data-icon-before]:is(span),[data-icon]:is(span){display:inline-flex;vertical-align:baseline}[data-icon-before]:before,[data-icon]:before{margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}[data-hide-icon-before=true]:before,[data-hide-icon=true]:before,[data-icon-before=none]:before,[data-icon=none]:before{content:none}[data-icon-after]:after{content:var(--db-icon-after,attr(data-icon-after));content:var(--db-icon-after,attr(data-icon-after))/"";margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}[data-hide-icon-after=true]:after,[data-icon-after=none]:after{content:none}.is-icon-text-replace[data-icon-before],.is-icon-text-replace[data-icon]{font-size:0!important}.is-icon-text-replace[data-icon-before]:before,.is-icon-text-replace[data-icon]:before{--db-icon-margin-end:0}.is-icon-text-replace[data-icon-after]{font-size:0!important}.is-icon-text-replace[data-icon-after]:after{--db-icon-margin-start:0}
1
+ @layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}@layer variables{}[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:var(--db-icon,attr(data-icon));-webkit-alt:"";alt:"";color:var(--db-icon-color,inherit);display:inline-block;font-family:var(--db-icon-font-family,var(--db-icon-default-font-family,"db-ux-default"))!important;font-size:var(--db-icon-font-size,1.5rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:var(--db-icon-font-weight,normal);line-height:1;speak:none;speak:never;block-size:var(--db-icon-font-size,1.5rem);inline-size:var(--db-icon-font-size,1.5rem);text-transform:none;vertical-align:middle}@supports (content:""/""){[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:var(--db-icon,attr(data-icon))/""}}@media aural{[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}@media speech{[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}[data-icon-after]:is(span),[data-icon-before]:is(span),[data-icon]:is(span){display:inline-flex;vertical-align:baseline}[data-icon-before]:before,[data-icon]:before{margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}[data-hide-icon-before=true]:before,[data-hide-icon=true]:before,[data-icon-before=none]:before,[data-icon=none]:before{content:none}[data-icon-after]:after{content:var(--db-icon-after,attr(data-icon-after));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){[data-icon-after]:after{content:var(--db-icon-after,attr(data-icon-after))/""}}[data-hide-icon-after=true]:after,[data-icon-after=none]:after{content:none}.is-icon-text-replace[data-icon-before],.is-icon-text-replace[data-icon]{font-size:0!important}.is-icon-text-replace[data-icon-before]:before,.is-icon-text-replace[data-icon]:before{--db-icon-margin-end:0}.is-icon-text-replace[data-icon-after]{font-size:0!important}.is-icon-text-replace[data-icon-after]:after{--db-icon-margin-start:0}
package/build/styles/icons/_icon-helpers.scss CHANGED
@@ -45,7 +45,10 @@ $default-icon-font-size: var(--db-icon-font-size, #{$default-icon-size-rem});
45
45
  @mixin icon-content($icon) {
46
46
  content: $icon;
47
47
  // Hiding icon from screenreaders, https://www.w3.org/TR/css-content-3/#alt
48
- content: $icon / "";
48
+ // TODO: remove the @support wrapper as soon as we drop our partly-support for Firefox < version 128 (Enterprise ESR / Extended Support Release; expected to end in 2025, September / https://whattrainisitnow.com/calendar/)
49
+ @supports (content: ""/"") {
50
+ content: $icon / "";
51
+ }
49
52
  }
50
53
 
51
54
  @mixin to-filled-icon() {
package/build/styles/index.css CHANGED
@@ -847,7 +847,6 @@ strong {
847
847
  [data-icon]::before,
848
848
  [data-icon-before]::before, [data-icon-after]::after {
849
849
  content: var(--db-icon, attr(data-icon));
850
- content: var(--db-icon, attr(data-icon))/"";
851
850
  -webkit-alt: "";
852
851
  alt: "";
853
852
  color: var(--db-icon-color, inherit);
@@ -870,6 +869,12 @@ strong {
870
869
  block-size: var(--db-icon-font-size, 1.5rem);
871
870
  inline-size: var(--db-icon-font-size, 1.5rem);
872
871
  }
872
+ @supports (content: ""/"") {
873
+ [data-icon]::before,
874
+ [data-icon-before]::before, [data-icon-after]::after {
875
+ content: var(--db-icon, attr(data-icon))/"";
876
+ }
877
+ }
873
878
  @media aural {
874
879
  [data-icon]::before,
875
880
  [data-icon-before]::before, [data-icon-after]::after {
@@ -904,9 +909,13 @@ strong {
904
909
 
905
910
  [data-icon-after]::after {
906
911
  content: var(--db-icon-after, attr(data-icon-after));
907
- content: var(--db-icon-after, attr(data-icon-after))/"";
908
912
  margin-inline-start: var(--db-icon-margin-start, var(--db-spacing-fixed-xs));
909
913
  }
914
+ @supports (content: ""/"") {
915
+ [data-icon-after]::after {
916
+ content: var(--db-icon-after, attr(data-icon-after))/"";
917
+ }
918
+ }
910
919
 
911
920
  [data-hide-icon-after=true]::after,
912
921
  [data-icon-after=none]::after {
package/build/styles/relative.css CHANGED
@@ -277,7 +277,6 @@ select,
277
277
  [data-icon]::before,
278
278
  [data-icon-before]::before, [data-icon-after]::after {
279
279
  content: var(--db-icon, attr(data-icon));
280
- content: var(--db-icon, attr(data-icon))/"";
281
280
  -webkit-alt: "";
282
281
  alt: "";
283
282
  color: var(--db-icon-color, inherit);
@@ -300,6 +299,12 @@ select,
300
299
  block-size: var(--db-icon-font-size, 1.5rem);
301
300
  inline-size: var(--db-icon-font-size, 1.5rem);
302
301
  }
302
+ @supports (content: ""/"") {
303
+ [data-icon]::before,
304
+ [data-icon-before]::before, [data-icon-after]::after {
305
+ content: var(--db-icon, attr(data-icon))/"";
306
+ }
307
+ }
303
308
  @media aural {
304
309
  [data-icon]::before,
305
310
  [data-icon-before]::before, [data-icon-after]::after {
@@ -6273,9 +6278,13 @@ strong {
6273
6278
 
6274
6279
  [data-icon-after]::after {
6275
6280
  content: var(--db-icon-after, attr(data-icon-after));
6276
- content: var(--db-icon-after, attr(data-icon-after))/"";
6277
6281
  margin-inline-start: var(--db-icon-margin-start, var(--db-spacing-fixed-xs));
6278
6282
  }
6283
+ @supports (content: ""/"") {
6284
+ [data-icon-after]::after {
6285
+ content: var(--db-icon-after, attr(data-icon-after))/"";
6286
+ }
6287
+ }
6279
6288
 
6280
6289
  [data-hide-icon-after=true]::after,
6281
6290
  [data-icon-after=none]::after {
package/build/styles/rollup.css CHANGED
@@ -277,7 +277,6 @@ select,
277
277
  [data-icon]::before,
278
278
  [data-icon-before]::before, [data-icon-after]::after {
279
279
  content: var(--db-icon, attr(data-icon));
280
- content: var(--db-icon, attr(data-icon))/"";
281
280
  -webkit-alt: "";
282
281
  alt: "";
283
282
  color: var(--db-icon-color, inherit);
@@ -300,6 +299,12 @@ select,
300
299
  block-size: var(--db-icon-font-size, 1.5rem);
301
300
  inline-size: var(--db-icon-font-size, 1.5rem);
302
301
  }
302
+ @supports (content: ""/"") {
303
+ [data-icon]::before,
304
+ [data-icon-before]::before, [data-icon-after]::after {
305
+ content: var(--db-icon, attr(data-icon))/"";
306
+ }
307
+ }
303
308
  @media aural {
304
309
  [data-icon]::before,
305
310
  [data-icon-before]::before, [data-icon-after]::after {
@@ -6273,9 +6278,13 @@ strong {
6273
6278
 
6274
6279
  [data-icon-after]::after {
6275
6280
  content: var(--db-icon-after, attr(data-icon-after));
6276
- content: var(--db-icon-after, attr(data-icon-after))/"";
6277
6281
  margin-inline-start: var(--db-icon-margin-start, var(--db-spacing-fixed-xs));
6278
6282
  }
6283
+ @supports (content: ""/"") {
6284
+ [data-icon-after]::after {
6285
+ content: var(--db-icon-after, attr(data-icon-after))/"";
6286
+ }
6287
+ }
6279
6288
 
6280
6289
  [data-hide-icon-after=true]::after,
6281
6290
  [data-icon-after=none]::after {
package/build/styles/webpack.css CHANGED
@@ -277,7 +277,6 @@ select,
277
277
  [data-icon]::before,
278
278
  [data-icon-before]::before, [data-icon-after]::after {
279
279
  content: var(--db-icon, attr(data-icon));
280
- content: var(--db-icon, attr(data-icon))/"";
281
280
  -webkit-alt: "";
282
281
  alt: "";
283
282
  color: var(--db-icon-color, inherit);
@@ -300,6 +299,12 @@ select,
300
299
  block-size: var(--db-icon-font-size, 1.5rem);
301
300
  inline-size: var(--db-icon-font-size, 1.5rem);
302
301
  }
302
+ @supports (content: ""/"") {
303
+ [data-icon]::before,
304
+ [data-icon-before]::before, [data-icon-after]::after {
305
+ content: var(--db-icon, attr(data-icon))/"";
306
+ }
307
+ }
303
308
  @media aural {
304
309
  [data-icon]::before,
305
310
  [data-icon-before]::before, [data-icon-after]::after {
@@ -6273,9 +6278,13 @@ strong {
6273
6278
 
6274
6279
  [data-icon-after]::after {
6275
6280
  content: var(--db-icon-after, attr(data-icon-after));
6276
- content: var(--db-icon-after, attr(data-icon-after))/"";
6277
6281
  margin-inline-start: var(--db-icon-margin-start, var(--db-spacing-fixed-xs));
6278
6282
  }
6283
+ @supports (content: ""/"") {
6284
+ [data-icon-after]::after {
6285
+ content: var(--db-icon-after, attr(data-icon-after))/"";
6286
+ }
6287
+ }
6279
6288
 
6280
6289
  [data-hide-icon-after=true]::after,
6281
6290
  [data-icon-after=none]::after {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@db-ux/core-foundations",
3
- "version": "2.0.1",
3
+ "version": "2.0.3",
4
4
  "type": "module",
5
5
  "description": "Provides basic tokens and assets based on DB UX Design System (Version 3).",
6
6
  "repository": {
@@ -55,7 +55,7 @@
55
55
  "sass": "1.85.0",
56
56
  "tsx": "^4.19.3",
57
57
  "typescript": "^5.4.5",
58
- "vite": "^6.2.6"
58
+ "vite": "^6.3.2"
59
59
  },
60
60
  "publishConfig": {
61
61
  "registry": "https://registry.npmjs.org/",