@gitlab/ui 123.5.0 → 123.6.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.
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/tokens/build/js/tokens.dark.js +3 -2
- package/dist/tokens/build/js/tokens.js +3 -2
- package/dist/tokens/css/tokens.css +2 -1
- package/dist/tokens/css/tokens.dark.css +2 -1
- package/dist/tokens/docs/tokens-tailwind-docs.dark.json +32 -0
- package/dist/tokens/docs/tokens-tailwind-docs.json +32 -0
- package/dist/tokens/figma/contextual.tokens.json +1 -1
- package/dist/tokens/figma/semantic.tokens.json +12 -0
- package/dist/tokens/js/tokens.dark.js +2 -1
- package/dist/tokens/js/tokens.js +2 -1
- package/dist/tokens/json/tokens.dark.json +35 -2
- package/dist/tokens/json/tokens.json +35 -2
- package/dist/tokens/scss/_tokens.dark.scss +2 -1
- package/dist/tokens/scss/_tokens.scss +2 -1
- package/dist/tokens/scss/_tokens_custom_properties.scss +1 -0
- package/dist/tokens/tailwind/tokens.cjs +1 -1
- package/package.json +1 -1
- package/src/components/base/alert/alert.scss +3 -3
- package/src/components/base/banner/banner.scss +1 -0
- package/src/components/base/popover/popover.scss +2 -5
- package/src/components/base/toast/toast.scss +1 -1
- package/src/components/base/tooltip/tooltip.scss +1 -1
- package/src/scss/variables.scss +0 -2
- package/src/tokens/build/css/tokens.css +2 -1
- package/src/tokens/build/css/tokens.dark.css +2 -1
- package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +32 -0
- package/src/tokens/build/docs/tokens-tailwind-docs.json +32 -0
- package/src/tokens/build/figma/contextual.tokens.json +1 -1
- package/src/tokens/build/figma/semantic.tokens.json +12 -0
- package/src/tokens/build/js/tokens.dark.js +2 -1
- package/src/tokens/build/js/tokens.js +2 -1
- package/src/tokens/build/json/tokens.dark.json +35 -2
- package/src/tokens/build/json/tokens.json +35 -2
- package/src/tokens/build/scss/_tokens.dark.scss +2 -1
- package/src/tokens/build/scss/_tokens.scss +2 -1
- package/src/tokens/build/scss/_tokens_custom_properties.scss +1 -0
- package/src/tokens/build/tailwind/tokens.cjs +1 -0
- package/src/tokens/contextual/alert.tokens.json +1 -1
- package/src/tokens/semantic/feedback.tokens.json +12 -0
- package/src/vendor/bootstrap/scss/_popover.scss +2 -9
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"feedback": {
|
|
3
|
+
"border": {
|
|
4
|
+
"radius": {
|
|
5
|
+
"$value": "{border.radius.lg}",
|
|
6
|
+
"$type": "dimension",
|
|
7
|
+
"$description": "Used for the border radius of a feedback element.",
|
|
8
|
+
"$extensions": {
|
|
9
|
+
"com.figma.scope": [
|
|
10
|
+
"CORNER_RADIUS"
|
|
11
|
+
]
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
},
|
|
3
15
|
"strong": {
|
|
4
16
|
"background": {
|
|
5
17
|
"color": {
|
|
@@ -12,10 +12,8 @@
|
|
|
12
12
|
@include font-size($popover-font-size);
|
|
13
13
|
// Allow breaking very long words so they don't overflow the popover's bounds
|
|
14
14
|
word-wrap: break-word;
|
|
15
|
-
background-color: $popover-bg;
|
|
16
15
|
background-clip: padding-box;
|
|
17
16
|
border: $popover-border-width solid $popover-border-color;
|
|
18
|
-
@include border-radius($popover-border-radius);
|
|
19
17
|
@include box-shadow($popover-box-shadow);
|
|
20
18
|
|
|
21
19
|
.arrow {
|
|
@@ -45,13 +43,11 @@
|
|
|
45
43
|
&::before {
|
|
46
44
|
bottom: 0;
|
|
47
45
|
border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;
|
|
48
|
-
border-top-color: $popover-arrow-outer-color;
|
|
49
46
|
}
|
|
50
47
|
|
|
51
48
|
&::after {
|
|
52
49
|
bottom: $popover-border-width;
|
|
53
50
|
border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;
|
|
54
|
-
border-top-color: $popover-arrow-color;
|
|
55
51
|
}
|
|
56
52
|
}
|
|
57
53
|
}
|
|
@@ -74,7 +70,6 @@
|
|
|
74
70
|
&::after {
|
|
75
71
|
left: $popover-border-width;
|
|
76
72
|
border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;
|
|
77
|
-
border-right-color: $popover-arrow-color;
|
|
78
73
|
}
|
|
79
74
|
}
|
|
80
75
|
}
|
|
@@ -94,7 +89,6 @@
|
|
|
94
89
|
&::after {
|
|
95
90
|
top: $popover-border-width;
|
|
96
91
|
border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);
|
|
97
|
-
border-bottom-color: $popover-arrow-color;
|
|
98
92
|
}
|
|
99
93
|
}
|
|
100
94
|
|
|
@@ -129,7 +123,6 @@
|
|
|
129
123
|
&::after {
|
|
130
124
|
right: $popover-border-width;
|
|
131
125
|
border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;
|
|
132
|
-
border-left-color: $popover-arrow-color;
|
|
133
126
|
}
|
|
134
127
|
}
|
|
135
128
|
}
|
|
@@ -156,9 +149,9 @@
|
|
|
156
149
|
margin-bottom: 0; // Reset the default from Reboot
|
|
157
150
|
@include font-size($font-size-base);
|
|
158
151
|
color: $popover-header-color;
|
|
159
|
-
background-color: $popover-header-bg;
|
|
152
|
+
// background-color: $popover-header-bg;
|
|
160
153
|
border-bottom: $popover-border-width solid color.adjust($popover-header-bg, $lightness: -5%);
|
|
161
|
-
@include border-top-radius($popover-inner-border-radius);
|
|
154
|
+
// @include border-top-radius($popover-inner-border-radius);
|
|
162
155
|
|
|
163
156
|
&:empty {
|
|
164
157
|
display: none;
|