@agnos-ui/core-bootstrap 0.6.0-next.0 → 0.6.0-next.2

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 (8) hide show
  1. package/css/agnosui.css +9 -12
  2. package/css/agnosui.css.map +1 -1
  3. package/css/tree.css +9 -12
  4. package/css/tree.css.map +1 -1
  5. package/package.json +2 -2
  6. package/scss/_variables.scss +2 -2
  7. package/scss/agnosui.scss +3 -3
  8. package/scss/tree.scss +16 -17
package/css/agnosui.css CHANGED
@@ -13,12 +13,11 @@
13
13
  --bs-tree-expand-icon-background-color-hover: var(--bs-blue-100, #cfe2ff);
14
14
  --bs-tree-expand-icon-width: 2.25rem;
15
15
  --bs-tree-expand-icon-height: 2.25rem;
16
- --bs-tree-expand-icon-default: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 10 10"%3e%3cpath d="M3 1 L7 5 L3 9" stroke="%230d6efd" stroke-width="1" fill="none"/%3e%3c/svg%3e');
16
+ --bs-tree-expand-icon: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 10 10"%3e%3cpath d="M3 1 L7 5 L3 9" stroke="%230d6efd" stroke-width="1" fill="none"/%3e%3c/svg%3e');
17
17
  --bs-tree-expand-icon-hover: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 10 10"%3e%3cpath d="M3 1 L7 5 L3 9" stroke="%23052c65" stroke-width="1" fill="none"/%3e%3c/svg%3e');
18
18
  list-style: none;
19
19
  padding: 0;
20
20
  margin: 0;
21
- /* Expanded state */
22
21
  }
23
22
  .au-tree ul {
24
23
  display: flex;
@@ -42,30 +41,28 @@
42
41
  width: calc(var(--bs-tree-expand-icon-width) + var(--bs-tree-expand-icon-margin-inline-end));
43
42
  }
44
43
  .au-tree .au-tree-expand-icon {
45
- position: relative;
46
44
  width: var(--bs-tree-expand-icon-width);
47
45
  height: var(--bs-tree-expand-icon-height);
48
46
  border-radius: var(--bs-tree-expand-icon-border-radius);
49
47
  display: inline-flex;
48
+ align-items: center;
49
+ justify-content: center;
50
50
  border: 0;
51
51
  padding-inline: 0;
52
52
  margin-inline-end: var(--bs-tree-expand-icon-margin-inline-end);
53
53
  background-color: var(--bs-tree-expand-icon-background-color);
54
+ cursor: pointer;
54
55
  }
55
56
  .au-tree .au-tree-expand-icon:hover {
56
- --bs-tree-expand-icon-default: var(--bs-tree-expand-icon-hover);
57
+ --bs-tree-expand-icon: var(--bs-tree-expand-icon-hover);
57
58
  --bs-tree-expand-icon-background-color: var(--bs-tree-expand-icon-background-color-hover);
58
59
  }
59
- .au-tree .au-tree-expand-icon::after {
60
- position: absolute;
61
- content: var(--bs-tree-expand-icon-default);
60
+ .au-tree .au-tree-expand-icon .au-tree-expand-icon-svg {
61
+ content: var(--bs-tree-expand-icon);
62
62
  transition: transform 0.3s;
63
- top: 50%;
64
- left: 50%;
65
- transform: translate(-50%, -50%);
66
63
  }
67
- .au-tree .au-tree-expand-icon-expanded::after {
68
- transform: translate(-55%, -50%) rotate(90deg);
64
+ .au-tree .au-tree-expand-icon.au-tree-expand-icon-expanded .au-tree-expand-icon-svg {
65
+ transform: rotate(90deg);
69
66
  }
70
67
 
71
68
  .au-select:focus-within {
package/css/agnosui.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../scss/_functions.scss","../scss/tree.scss","../scss/select.scss","../scss/slider.scss","../scss/rating.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAgBA;AAAA;AAAA;AAAA;ACbA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;AAqDA;;AAnDA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;AAID;EACC;;;ACvEF;EACC;;;AAID;EACC;EACA;EACA;;;ACYD;EAEC;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAhFA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;;AA4EA;EAzFA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;;AAqFA;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AACA;EACC;;AAGF;EACC;;AAIF;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;;AACA;AAAA;EAEC;;AAED;AAAA;EAEC;EACA;;AAED;AAAA;EAEC;;;ACrPF;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"agnosui.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../scss/_functions.scss","../scss/tree.scss","../scss/select.scss","../scss/slider.scss","../scss/rating.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAgBA;AAAA;AAAA;AAAA;ACbA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAIA;EACC;;;ACpEJ;EACC;;;AAID;EACC;EACA;EACA;;;ACYD;EAEC;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAhFA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;;AA4EA;EAzFA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;;AAqFA;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AACA;EACC;;AAGF;EACC;;AAIF;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;;AACA;AAAA;EAEC;;AAED;AAAA;EAEC;EACA;;AAED;AAAA;EAEC;;;ACrPF;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"agnosui.css"}
package/css/tree.css CHANGED
@@ -13,12 +13,11 @@
13
13
  --bs-tree-expand-icon-background-color-hover: var(--bs-blue-100, #cfe2ff);
14
14
  --bs-tree-expand-icon-width: 2.25rem;
15
15
  --bs-tree-expand-icon-height: 2.25rem;
16
- --bs-tree-expand-icon-default: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 10 10"%3e%3cpath d="M3 1 L7 5 L3 9" stroke="%230d6efd" stroke-width="1" fill="none"/%3e%3c/svg%3e');
16
+ --bs-tree-expand-icon: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 10 10"%3e%3cpath d="M3 1 L7 5 L3 9" stroke="%230d6efd" stroke-width="1" fill="none"/%3e%3c/svg%3e');
17
17
  --bs-tree-expand-icon-hover: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 10 10"%3e%3cpath d="M3 1 L7 5 L3 9" stroke="%23052c65" stroke-width="1" fill="none"/%3e%3c/svg%3e');
18
18
  list-style: none;
19
19
  padding: 0;
20
20
  margin: 0;
21
- /* Expanded state */
22
21
  }
23
22
  .au-tree ul {
24
23
  display: flex;
@@ -42,30 +41,28 @@
42
41
  width: calc(var(--bs-tree-expand-icon-width) + var(--bs-tree-expand-icon-margin-inline-end));
43
42
  }
44
43
  .au-tree .au-tree-expand-icon {
45
- position: relative;
46
44
  width: var(--bs-tree-expand-icon-width);
47
45
  height: var(--bs-tree-expand-icon-height);
48
46
  border-radius: var(--bs-tree-expand-icon-border-radius);
49
47
  display: inline-flex;
48
+ align-items: center;
49
+ justify-content: center;
50
50
  border: 0;
51
51
  padding-inline: 0;
52
52
  margin-inline-end: var(--bs-tree-expand-icon-margin-inline-end);
53
53
  background-color: var(--bs-tree-expand-icon-background-color);
54
+ cursor: pointer;
54
55
  }
55
56
  .au-tree .au-tree-expand-icon:hover {
56
- --bs-tree-expand-icon-default: var(--bs-tree-expand-icon-hover);
57
+ --bs-tree-expand-icon: var(--bs-tree-expand-icon-hover);
57
58
  --bs-tree-expand-icon-background-color: var(--bs-tree-expand-icon-background-color-hover);
58
59
  }
59
- .au-tree .au-tree-expand-icon::after {
60
- position: absolute;
61
- content: var(--bs-tree-expand-icon-default);
60
+ .au-tree .au-tree-expand-icon .au-tree-expand-icon-svg {
61
+ content: var(--bs-tree-expand-icon);
62
62
  transition: transform 0.3s;
63
- top: 50%;
64
- left: 50%;
65
- transform: translate(-50%, -50%);
66
63
  }
67
- .au-tree .au-tree-expand-icon-expanded::after {
68
- transform: translate(-55%, -50%) rotate(90deg);
64
+ .au-tree .au-tree-expand-icon.au-tree-expand-icon-expanded .au-tree-expand-icon-svg {
65
+ transform: rotate(90deg);
69
66
  }
70
67
 
71
68
  /*# sourceMappingURL=tree.css.map */
package/css/tree.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../scss/_functions.scss","../scss/tree.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAgBA;AAAA;AAAA;AAAA;ACbA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;AAqDA;;AAnDA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;AAID;EACC","file":"tree.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../scss/_functions.scss","../scss/tree.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAgBA;AAAA;AAAA;AAAA;ACbA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAIA;EACC","file":"tree.css"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@agnos-ui/core-bootstrap",
3
3
  "description": "Styles and component interface extensions necessary to use AgnosUI with Bootstrap.",
4
- "version": "0.6.0-next.0",
4
+ "version": "0.6.0-next.2",
5
5
  "keywords": [
6
6
  "bootstrap",
7
7
  "css",
@@ -60,7 +60,7 @@
60
60
  }
61
61
  },
62
62
  "dependencies": {
63
- "@agnos-ui/core": "0.6.0-next.0"
63
+ "@agnos-ui/core": "0.6.0-next.2"
64
64
  },
65
65
  "peerDependencies": {
66
66
  "@amadeus-it-group/tansu": "^1.0.0"
package/scss/_variables.scss CHANGED
@@ -77,8 +77,8 @@ $au-tree-expand-icon-background-color: transparent !default;
77
77
  $au-tree-expand-icon-background-color-hover: var(--#{$prefix}blue-100, #cfe2ff) !default;
78
78
  $au-tree-expand-icon-width: 2.25rem;
79
79
  $au-tree-expand-icon-height: 2.25rem;
80
- $au-tree-expand-icon-color-default: #0d6efd !default;
80
+ $au-tree-expand-icon-color: #0d6efd !default;
81
81
  $au-tree-expand-icon-color-hover: #052c65 !default;
82
- $au-tree-expand-icon-default: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 10 10"><path d="M3 1 L7 5 L3 9" stroke="#{$au-tree-expand-icon-color-default}" stroke-width="1" fill="none"/></svg>') !default;
82
+ $au-tree-expand-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 10 10"><path d="M3 1 L7 5 L3 9" stroke="#{$au-tree-expand-icon-color}" stroke-width="1" fill="none"/></svg>') !default;
83
83
  $au-tree-expand-icon-hover: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 10 10"><path d="M3 1 L7 5 L3 9" stroke="#{$au-tree-expand-icon-color-hover}" stroke-width="1" fill="none"/></svg>') !default;
84
84
  // scss-docs-end tree-vars
package/scss/agnosui.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  //components
2
2
  @use 'tree';
3
- @import 'select';
4
- @import 'slider';
5
- @import 'rating';
3
+ @use 'select';
4
+ @use 'slider';
5
+ @use 'rating';
package/scss/tree.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  @use 'variables';
2
- @import '_functions';
2
+ @use '_functions';
3
3
 
4
4
  .au-tree {
5
5
  // scss-docs-start tree-css-vars
@@ -10,8 +10,8 @@
10
10
  --#{variables.$prefix}tree-expand-icon-background-color-hover: #{variables.$au-tree-expand-icon-background-color-hover};
11
11
  --#{variables.$prefix}tree-expand-icon-width: #{variables.$au-tree-expand-icon-width};
12
12
  --#{variables.$prefix}tree-expand-icon-height: #{variables.$au-tree-expand-icon-height};
13
- --#{variables.$prefix}tree-expand-icon-default: #{escape-svg(variables.$au-tree-expand-icon-default)};
14
- --#{variables.$prefix}tree-expand-icon-hover: #{escape-svg(variables.$au-tree-expand-icon-hover)};
13
+ --#{variables.$prefix}tree-expand-icon: #{functions.escape-svg(variables.$au-tree-expand-icon)};
14
+ --#{variables.$prefix}tree-expand-icon-hover: #{functions.escape-svg(variables.$au-tree-expand-icon-hover)};
15
15
  // scss-docs-end tree-css-vars
16
16
 
17
17
  list-style: none;
@@ -44,33 +44,32 @@
44
44
  }
45
45
 
46
46
  .au-tree-expand-icon {
47
- position: relative;
48
47
  width: var(--#{variables.$prefix}tree-expand-icon-width);
49
48
  height: var(--#{variables.$prefix}tree-expand-icon-height);
50
49
  border-radius: var(--#{variables.$prefix}tree-expand-icon-border-radius);
51
50
  display: inline-flex;
51
+ align-items: center;
52
+ justify-content: center;
52
53
  border: 0;
53
54
  padding-inline: 0;
54
55
  margin-inline-end: var(--#{variables.$prefix}tree-expand-icon-margin-inline-end);
55
56
  background-color: var(--#{variables.$prefix}tree-expand-icon-background-color);
57
+ cursor: pointer;
56
58
 
57
59
  &:hover {
58
- --#{variables.$prefix}tree-expand-icon-default: var(--#{variables.$prefix}tree-expand-icon-hover);
60
+ --#{variables.$prefix}tree-expand-icon: var(--#{variables.$prefix}tree-expand-icon-hover);
59
61
  --#{variables.$prefix}tree-expand-icon-background-color: var(--#{variables.$prefix}tree-expand-icon-background-color-hover);
60
62
  }
61
- }
62
63
 
63
- .au-tree-expand-icon::after {
64
- position: absolute;
65
- content: var(--#{variables.$prefix}tree-expand-icon-default);
66
- transition: transform 0.3s;
67
- top: 50%;
68
- left: 50%;
69
- transform: translate(-50%, -50%);
70
- }
64
+ .au-tree-expand-icon-svg {
65
+ content: var(--#{variables.$prefix}tree-expand-icon);
66
+ transition: transform 0.3s;
67
+ }
71
68
 
72
- /* Expanded state */
73
- .au-tree-expand-icon-expanded::after {
74
- transform: translate(-55%, -50%) rotate(90deg);
69
+ &.au-tree-expand-icon-expanded {
70
+ .au-tree-expand-icon-svg {
71
+ transform: rotate(90deg);
72
+ }
73
+ }
75
74
  }
76
75
  }