@frame-ui-ng/components 0.5.0-beta.0 → 0.5.1-beta.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.
Files changed (4) hide show
  1. package/button/src/styles/button.css +20 -20
  2. package/package.json +2 -2
  3. package/tooltip/src/styles/_vars.css +1 -1
  4. package/tooltip/src/styles/tooltip.css +13 -13
package/button/src/styles/button.css CHANGED
@@ -34,10 +34,10 @@
34
34
  align-items: center;
35
35
  justify-content: center;
36
36
  gap: var(--frame-button-root-gap, 0.5rem);
37
- border: 1px solid var(--frame-button-root-border);
38
- border-radius: var(--frame-button-root-radius, var(--frame-radius-md));
39
- background: var(--frame-button-root-bg);
40
- box-shadow: var(--frame-button-root-shadow, var(--frame-shadow-sm));
37
+ border: 1px solid var(--frame-button-root-border);
38
+ border-radius: var(--frame-button-root-radius, var(--frame-radius-md));
39
+ background: var(--frame-button-root-bg);
40
+ box-shadow: var(--frame-button-root-shadow, var(--frame-shadow-sm));
41
41
  color: var(--frame-button-root-color);
42
42
  cursor: pointer;
43
43
  font: inherit;
@@ -129,11 +129,11 @@
129
129
  transform: translateY(1px);
130
130
  }
131
131
 
132
- .frame-button:focus-visible {
133
- outline: 1px solid var(--frame-button-root-ring-color, var(--frame-ring));
134
- outline-offset: 2px;
135
- box-shadow: var(--frame-button-root-focus-shadow, none);
136
- }
132
+ .frame-button:focus-visible {
133
+ outline: 1px solid var(--frame-button-root-ring-color, var(--frame-ring));
134
+ outline-offset: 2px;
135
+ box-shadow: var(--frame-button-root-focus-shadow, none);
136
+ }
137
137
 
138
138
  .frame-button[data-loading]::after {
139
139
  animation: frame-button-spin 0.7s linear infinite;
@@ -163,12 +163,12 @@
163
163
 
164
164
  .frame-button:where(:disabled, [data-disabled]) {
165
165
  cursor: not-allowed;
166
- opacity: var(--frame-button-root-disabled-opacity, 0.55);
167
- filter: none;
168
- transform: none;
169
- transition: none;
170
- box-shadow: var(--frame-button-root-disabled-shadow, none);
171
- }
166
+ opacity: var(--frame-button-root-disabled-opacity, 0.55);
167
+ filter: none;
168
+ transform: none;
169
+ transition: none;
170
+ box-shadow: var(--frame-button-root-disabled-shadow, none);
171
+ }
172
172
 
173
173
  .frame-button:where(:disabled, [data-disabled])::before {
174
174
  transition: none;
@@ -195,11 +195,11 @@
195
195
  --frame-button-root-hover-border: var(--frame-button-root-border);
196
196
  --frame-button-root-hover-color: var(--frame-button-root-color);
197
197
  --frame-button-root-active-bg: color-mix(in srgb, var(--frame-muted) 80%, transparent);
198
- --frame-button-root-active-border: var(--frame-button-root-hover-border);
199
- --frame-button-root-active-color: var(--frame-button-root-hover-color);
200
- --frame-button-root-corner-color: var(--frame-frame-accent);
201
- --frame-button-root-shadow: none;
202
- }
198
+ --frame-button-root-active-border: var(--frame-button-root-hover-border);
199
+ --frame-button-root-active-color: var(--frame-button-root-hover-color);
200
+ --frame-button-root-corner-color: var(--frame-frame-accent);
201
+ --frame-button-root-shadow: none;
202
+ }
203
203
 
204
204
  .frame-button[data-appearance='ghost']::before {
205
205
  opacity: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@frame-ui-ng/components",
3
- "version": "0.5.0-beta.0",
3
+ "version": "0.5.1-beta.0",
4
4
  "description": "Angular components for FrameUI.",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -26,7 +26,7 @@
26
26
  "@angular/common": ">=21.0.0 <22.0.0",
27
27
  "@angular/core": ">=21.0.0 <22.0.0",
28
28
  "@angular/forms": ">=21.0.0 <22.0.0",
29
- "@frame-ui-ng/foundation": "0.5.0-beta.0",
29
+ "@frame-ui-ng/foundation": "0.5.1-beta.0",
30
30
  "rxjs": "^7.8.0"
31
31
  },
32
32
  "dependencies": {
package/tooltip/src/styles/_vars.css CHANGED
@@ -3,7 +3,7 @@
3
3
  --frame-tooltip-content-color: var(--frame-foreground);
4
4
  --frame-tooltip-content-border: var(--frame-frame-line-muted, var(--frame-border));
5
5
  --frame-tooltip-content-radius: var(--frame-radius-md);
6
- --frame-tooltip-content-shadow: var(--frame-shadow-md);
6
+ --frame-tooltip-content-shadow: var(--frame-shadow-md);
7
7
  --frame-tooltip-content-padding: var(--frame-density-overlay-padding-block) var(--frame-density-overlay-padding-inline);
8
8
  --frame-tooltip-content-max-width: 18rem;
9
9
  --frame-tooltip-content-font-size: 0.8125rem;
package/tooltip/src/styles/tooltip.css CHANGED
@@ -63,19 +63,19 @@
63
63
  border-inline-end: 0;
64
64
  }
65
65
 
66
- .frame-tooltip__content[data-arrow][data-side='left']::after {
67
- inset-block-start: var(--frame-tooltip-arrow-y, calc(50% - var(--frame-tooltip-arrow-size) / 2));
68
- inset-inline-end: calc(var(--frame-tooltip-arrow-size) / -2);
69
- border-block-end: 0;
70
- border-inline-start: 0;
71
- }
72
-
73
- .frame-tooltip__content[data-arrow][data-side='right']::after {
74
- inset-block-start: var(--frame-tooltip-arrow-y, calc(50% - var(--frame-tooltip-arrow-size) / 2));
75
- inset-inline-start: calc(var(--frame-tooltip-arrow-size) / -2);
76
- border-block-start: 0;
77
- border-inline-end: 0;
78
- }
66
+ .frame-tooltip__content[data-arrow][data-side='left']::after {
67
+ inset-block-start: var(--frame-tooltip-arrow-y, calc(50% - var(--frame-tooltip-arrow-size) / 2));
68
+ inset-inline-end: calc(var(--frame-tooltip-arrow-size) / -2);
69
+ border-block-end: 0;
70
+ border-inline-start: 0;
71
+ }
72
+
73
+ .frame-tooltip__content[data-arrow][data-side='right']::after {
74
+ inset-block-start: var(--frame-tooltip-arrow-y, calc(50% - var(--frame-tooltip-arrow-size) / 2));
75
+ inset-inline-start: calc(var(--frame-tooltip-arrow-size) / -2);
76
+ border-block-start: 0;
77
+ border-inline-end: 0;
78
+ }
79
79
 
80
80
  [frTooltipShortcut],
81
81
  .frame-tooltip__shortcut {