@primer/css 0.0.0-20220714000133 → 0.0.0-20220714020445
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/CHANGELOG.md +1 -1
- package/button-refactor/ButtonsLinksAPI.md +116 -0
- package/button-refactor/button-group.scss +27 -0
- package/button-refactor/button.scss +300 -0
- package/button-refactor/icon-button.scss +14 -0
- package/button-refactor/link-styled-as-button.scss +75 -0
- package/button-refactor/link.scss +28 -0
- package/core/index.scss +5 -2
- package/dist/actionlist.css.map +1 -1
- package/dist/alerts.css.map +1 -1
- package/dist/autocomplete.css.map +1 -1
- package/dist/avatars.css.map +1 -1
- package/dist/base.css.map +1 -1
- package/dist/blankslate.css.map +1 -1
- package/dist/box.css.map +1 -1
- package/dist/branch-name.css.map +1 -1
- package/dist/breadcrumb.css.map +1 -1
- package/dist/buttons.css.map +1 -1
- package/dist/color-modes.css.map +1 -1
- package/dist/core.css +1 -1
- package/dist/core.css.map +1 -1
- package/dist/dropdown.css.map +1 -1
- package/dist/forms.css.map +1 -1
- package/dist/header.css.map +1 -1
- package/dist/labels.css.map +1 -1
- package/dist/layout.css +1 -1
- package/dist/layout.css.map +1 -1
- package/dist/links.css.map +1 -1
- package/dist/loaders.css.map +1 -1
- package/dist/markdown.css.map +1 -1
- package/dist/marketing-buttons.css.map +1 -1
- package/dist/marketing-links.css.map +1 -1
- package/dist/marketing-type.css.map +1 -1
- package/dist/marketing-utilities.css.map +1 -1
- package/dist/meta.json +88 -88
- package/dist/navigation.css.map +1 -1
- package/dist/overlay.css.map +1 -1
- package/dist/pagination.css.map +1 -1
- package/dist/popover.css.map +1 -1
- package/dist/primer.css +1 -1
- package/dist/primer.css.map +1 -1
- package/dist/progress.css.map +1 -1
- package/dist/select-menu.css.map +1 -1
- package/dist/stats/core.json +1 -1
- package/dist/stats/layout.json +1 -1
- package/dist/stats/primer.json +1 -1
- package/dist/subhead.css.map +1 -1
- package/dist/timeline.css.map +1 -1
- package/dist/toasts.css.map +1 -1
- package/dist/toggle-switch.css.map +1 -1
- package/dist/tooltips.css.map +1 -1
- package/dist/truncate.css.map +1 -1
- package/dist/utilities.css.map +1 -1
- package/dist/variables.json +0 -22
- package/layout/index.scss +0 -1
- package/package.json +1 -1
- package/support/variables/layout.scss +0 -6
- package/layout/stack.scss +0 -281
package/CHANGELOG.md
CHANGED
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
# Button and Link component APIs
|
|
2
|
+
Button and Link has been discussed in a number of issues and discussions over past few years. I went through the list below, took note of their purpose and started compiling a new API spec. This doc is is meant to be collaborative and accompany Storybook docs while we work through a final API recommendation. Once we have a solid plan, this can move into an issue and be delegated across frameworks.
|
|
3
|
+
|
|
4
|
+
Existing issues
|
|
5
|
+
- https://github.com/github/primer/issues/141
|
|
6
|
+
-- Accessory button component, should reconcile with reaction button (sister component to Button)
|
|
7
|
+
- https://github.com/github/primer/issues/220
|
|
8
|
+
-- Tracking issue, mentions Button in the context of API consistency
|
|
9
|
+
- https://github.com/github/primer/issues/253
|
|
10
|
+
-- Button audit, anatomy spec, design considerations, some button link discussion, icon buttons (this issue is very informative!)
|
|
11
|
+
- https://github.com/github/primer/issues/263
|
|
12
|
+
-- More design discussion, particularly focused on outline button
|
|
13
|
+
- https://github.com/github/primer/issues/272
|
|
14
|
+
-- Make icon only buttons square
|
|
15
|
+
- https://github.com/github/primer/issues/321
|
|
16
|
+
-- Super specific button use case?
|
|
17
|
+
- https://github.com/github/primer/issues/350
|
|
18
|
+
-- a11y audit with task list for PVC
|
|
19
|
+
- https://github.com/github/primer/issues/382
|
|
20
|
+
-- React button refactor
|
|
21
|
+
- https://github.com/github/primer/issues/468
|
|
22
|
+
-- Visual bugs (colors, state)
|
|
23
|
+
- https://github.com/github/primer/discussions/87
|
|
24
|
+
-- Discussion about accessory buttons
|
|
25
|
+
- https://github.com/github/primer/discussions/211
|
|
26
|
+
-- Open ended discussion about primary button as dropdown
|
|
27
|
+
- https://github.com/github/primer/discussions/459
|
|
28
|
+
-- Allie's thoughts on limiting icon only buttons and working towards encouraging visual labels
|
|
29
|
+
- https://github.com/github/primer/discussions/477
|
|
30
|
+
-- Buttons styled as links, links styled as buttons
|
|
31
|
+
- https://github.com/github/primer/issues/65
|
|
32
|
+
-- Segmented control, pressed state discussion
|
|
33
|
+
https://github.com/primer/design/pull/193
|
|
34
|
+
|
|
35
|
+
## Specific notes from previous bugs to keep in mind
|
|
36
|
+
- [ ] Check all button variants have shadow present
|
|
37
|
+
- [ ] Ensure icon colors are consistent in hover states
|
|
38
|
+
- [ ] Ensure icon colors are consistent with variants in all states
|
|
39
|
+
- [ ] Ensure disabled colors are consistent across frameworks
|
|
40
|
+
|
|
41
|
+
## Component list
|
|
42
|
+
A few discussions were about naming and prop drilling (source here). We found that for Button to handle all of its use cases, we would need a large number of props– some conditional and dependent on one another. When that happens, it's typically a sign that the logic should be separated into another component.
|
|
43
|
+
|
|
44
|
+
| Component | Description |
|
|
45
|
+
| -- | -- |
|
|
46
|
+
| Button | standard `button` with variants, size, visual slots |
|
|
47
|
+
| IconButton | `button` with icon only (square) and required `aria-label` |
|
|
48
|
+
| ReactionButton | `button` snowflake with specific styles/interaction design (round) potentially a variant |
|
|
49
|
+
| ButtonGroup | wrapper to handle grouping buttons |
|
|
50
|
+
| Link | `a` with variants, optional trailing visuals |
|
|
51
|
+
| LinkStyledAsButton | `a` with button variants, required trailing visual |
|
|
52
|
+
|
|
53
|
+
## Component API breakdown
|
|
54
|
+
|
|
55
|
+
### Button
|
|
56
|
+
|
|
57
|
+
| prop | type | options | default | notes |
|
|
58
|
+
| -- | -- | -- | -- | -- |
|
|
59
|
+
| `variant` | one-of string | `primary` `secondary` `danger` `invisible` | `secondary` | |
|
|
60
|
+
| `size` | one-of string | `small` `default` `large` | `default` | |
|
|
61
|
+
| `label` | string | button description | null | |
|
|
62
|
+
| `aria-label` | string | button description for screen readers | null | |
|
|
63
|
+
| `aria-pressed` | boolean | `true/false` | `false` | |
|
|
64
|
+
| `leadingVisual` | children (slot) | octicon | null | |
|
|
65
|
+
| `trailingVisual` | children (slot) | octicon | null | |
|
|
66
|
+
| `trailingAction` | children (slot) | octicon | null | slot for caret to maintain leading/trailing visuals if they exist |
|
|
67
|
+
| `fullWidth` | boolean | `true/false` | `false` | |
|
|
68
|
+
| `visualPosition` | one-of string | `fixed` `some-other-word` | `fixed` | lock icon to the text label or to the button container |
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
### LinkStyledAsButton
|
|
72
|
+
|
|
73
|
+
| prop | type | options | default | notes |
|
|
74
|
+
| -- | -- | -- | -- | -- |
|
|
75
|
+
| `variant` | one-of string | `primary` `secondary` `danger` `invisible` | `secondary` | |
|
|
76
|
+
| `size` | one-of string | `small` `default` `large` | `default` | |
|
|
77
|
+
| `label` | string | button description | null | |
|
|
78
|
+
| `leadingVisual` | children (slot) | octicon | null | |
|
|
79
|
+
| `trailingVisual` | children (slot) | octicon | null | |
|
|
80
|
+
| `showTrailingAction` | arrow octicon | `true/false` | true? | show trailingVisual icon to indicate linkyness |
|
|
81
|
+
| `fullWidth` | boolean | `true/false` | `false` | |
|
|
82
|
+
| `visualPosition` | one-of string | `fixed` `some-other-word` | `fixed` | lock icon to the text label or to the button container |
|
|
83
|
+
|
|
84
|
+
### IconButton
|
|
85
|
+
|
|
86
|
+
| prop | type | options | default | notes |
|
|
87
|
+
| -- | -- | -- | -- | -- |
|
|
88
|
+
| `variant` | one-of string | `primary` `secondary` `danger` `outline`? | `secondary` | |
|
|
89
|
+
| `size` | one-of string | `small` `default` `large` | `default | |
|
|
90
|
+
| `aria-label` | string | button description for screen readers (required) | null | |
|
|
91
|
+
| `visual` | children (slot) | octicon | null | |
|
|
92
|
+
| `aria-pressed` | boolean | `true/false` | `false` | |
|
|
93
|
+
|
|
94
|
+
### Link
|
|
95
|
+
|
|
96
|
+
| prop | type | options | default | notes |
|
|
97
|
+
| -- | -- | -- | -- | -- |
|
|
98
|
+
| `variant` | one-of string | ?? we need to work on this (subtle and or muted) | |
|
|
99
|
+
| `label` | string | button description | null | |
|
|
100
|
+
| `showTrailingAction` | boolean | specific octicon for new tab or new page (or anchor?) | null | |
|
|
101
|
+
|
|
102
|
+
### ButtonGroup
|
|
103
|
+
|
|
104
|
+
| prop | type | options | default | notes |
|
|
105
|
+
| -- | -- | -- | -- | -- |
|
|
106
|
+
| `children` | child slot | | | |
|
|
107
|
+
|
|
108
|
+
## Next review session
|
|
109
|
+
- [ ] Help refine transition animations + tokenize
|
|
110
|
+
- [ ] Icon colors- same as button text, or specific?
|
|
111
|
+
- [ ] for `LinkStyledAsButton` should `trailingAction` slot be reserved for the > chevron indicating this is a link and not a button? Or is it more of a `trailingVisual`?
|
|
112
|
+
- [ ] What color should `invisible` button variant be? Blue or grey?
|
|
113
|
+
- [ ] No aria-label for `LinkStyledAsButton`
|
|
114
|
+
- [ ] Do we like `fullWidth` or `block` as a prop for width behavior?
|
|
115
|
+
- [ ] Should `ButtonGroup` offer an option with gaps (more of a layout tool)
|
|
116
|
+
- [ ] Should `Button` proper handle a `pressed` (formerly selected) state, or should we create a new component `SegmentedControl` that uses `Button` and provides specific design (color, shadows)?
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
.ButtonGroup {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: row;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
// reset border-radius
|
|
7
|
+
.ButtonGroup-item {
|
|
8
|
+
border-right-width: 0;
|
|
9
|
+
border-radius: 0;
|
|
10
|
+
|
|
11
|
+
&:first-of-type {
|
|
12
|
+
border-top-left-radius: $border-radius;
|
|
13
|
+
border-bottom-left-radius: $border-radius;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
&:last-of-type {
|
|
17
|
+
border-right-width: $border-width;
|
|
18
|
+
border-top-right-radius: $border-radius;
|
|
19
|
+
border-bottom-right-radius: $border-radius;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
// ensure that the focus ring sits above the adjacent buttons
|
|
23
|
+
&:focus,
|
|
24
|
+
&:active {
|
|
25
|
+
z-index: 1;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
@@ -0,0 +1,300 @@
|
|
|
1
|
+
// temporary, pre primitives release
|
|
2
|
+
:root {
|
|
3
|
+
--primer-duration-fast: 80ms;
|
|
4
|
+
--primer-easing-easeInOut: cubic-bezier(0.65, 0, 0.35, 1);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
// base button
|
|
8
|
+
.Button {
|
|
9
|
+
position: relative;
|
|
10
|
+
font-size: var(--primer-text-body-size-medium);
|
|
11
|
+
font-weight: var(--base-text-weight-medium);
|
|
12
|
+
cursor: pointer;
|
|
13
|
+
user-select: none;
|
|
14
|
+
background-color: transparent;
|
|
15
|
+
border: var(--primer-borderWidth-thin) solid;
|
|
16
|
+
border-color: transparent;
|
|
17
|
+
border-radius: var(--primer-borderRadius-medium);
|
|
18
|
+
color: var(--color-btn-text);
|
|
19
|
+
transition: var(--primer-duration-fast) var(--primer-easing-easeInOut);
|
|
20
|
+
transition-property: color, fill, background-color, border-color;
|
|
21
|
+
text-align: center;
|
|
22
|
+
height: var(--primer-control-medium-size);
|
|
23
|
+
padding: 0 var(--primer-control-medium-paddingInline-normal);
|
|
24
|
+
display: flex;
|
|
25
|
+
flex-direction: row;
|
|
26
|
+
justify-content: space-between;
|
|
27
|
+
align-items: center;
|
|
28
|
+
gap: var(--primer-control-medium-gap);
|
|
29
|
+
|
|
30
|
+
// mobile friendly sizing
|
|
31
|
+
@media (pointer: course) {
|
|
32
|
+
&::before {
|
|
33
|
+
@include minTouchTarget(48px, 48px);
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
// base states
|
|
38
|
+
|
|
39
|
+
&:hover,
|
|
40
|
+
[open] > & {
|
|
41
|
+
transition-duration: var(--primer-duration-fast);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
&:active,
|
|
45
|
+
&.Button--active {
|
|
46
|
+
transition: none;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
&:disabled,
|
|
50
|
+
&.Button--disabled,
|
|
51
|
+
&[aria-disabled='true'] {
|
|
52
|
+
cursor: not-allowed;
|
|
53
|
+
box-shadow: none;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
&:focus {
|
|
57
|
+
@include focusOutline;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
a.Button,
|
|
62
|
+
summary.Button {
|
|
63
|
+
display: inline-flex;
|
|
64
|
+
|
|
65
|
+
&:hover {
|
|
66
|
+
text-decoration: none;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
// wrap grid content to allow trailingAction to lock-right
|
|
71
|
+
.Button-content {
|
|
72
|
+
flex: 1 0 auto;
|
|
73
|
+
display: grid;
|
|
74
|
+
grid-template-areas: 'leadingVisual text trailingVisual';
|
|
75
|
+
grid-template-columns: min-content minmax(0, auto) min-content;
|
|
76
|
+
align-items: center;
|
|
77
|
+
place-content: center;
|
|
78
|
+
// padding-bottom: 1px; // optical alignment for firefox
|
|
79
|
+
|
|
80
|
+
> :not(:last-child) {
|
|
81
|
+
margin-right: var(--primer-control-medium-gap);
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
// center child elements for fullWidth
|
|
86
|
+
.Button-content--alignStart {
|
|
87
|
+
justify-content: start;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
// button child elements
|
|
91
|
+
|
|
92
|
+
// align svg
|
|
93
|
+
.Button-visual {
|
|
94
|
+
display: flex;
|
|
95
|
+
pointer-events: none; // allow click handler to work, avoiding visuals
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.Button-label {
|
|
99
|
+
grid-area: text;
|
|
100
|
+
white-space: nowrap;
|
|
101
|
+
line-height: var(--primer-text-body-lineHeight-medium);
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.Button-leadingVisual {
|
|
105
|
+
grid-area: leadingVisual;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.Button-trailingVisual {
|
|
109
|
+
grid-area: trailingVisual;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.Button-trailingAction {
|
|
113
|
+
margin-right: calc(var(--base-size-4) * -1);
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
// sizes
|
|
117
|
+
|
|
118
|
+
.Button--small {
|
|
119
|
+
font-size: var(--primer-text-body-size-small);
|
|
120
|
+
height: var(--primer-control-small-size);
|
|
121
|
+
padding: 0 var(--primer-control-small-paddingInline-normal);
|
|
122
|
+
gap: var(--primer-control-small-gap);
|
|
123
|
+
|
|
124
|
+
.Button-label {
|
|
125
|
+
line-height: var(--primer-text-body-lineHeight-small);
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
.Button-content {
|
|
129
|
+
> :not(:last-child) {
|
|
130
|
+
margin-right: var(--primer-control-small-gap);
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.Button--large {
|
|
136
|
+
height: var(--primer-control-large-size);
|
|
137
|
+
padding: 0 var(--primer-control-large-paddingInline-normal);
|
|
138
|
+
gap: var(--primer-control-large-gap);
|
|
139
|
+
|
|
140
|
+
.Button-label {
|
|
141
|
+
line-height: var(--primer-text-body-lineHeight-large);
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
.Button-content {
|
|
145
|
+
> :not(:last-child) {
|
|
146
|
+
margin-right: var(--primer-control-large-gap);
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
.Button--fullWidth {
|
|
152
|
+
width: 100%;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
// variants
|
|
156
|
+
|
|
157
|
+
// primary
|
|
158
|
+
.Button--primary {
|
|
159
|
+
color: var(--color-btn-primary-text);
|
|
160
|
+
fill: var(--color-btn-primary-icon);
|
|
161
|
+
background-color: var(--color-btn-primary-bg);
|
|
162
|
+
border-color: var(--color-btn-primary-border);
|
|
163
|
+
box-shadow: var(--color-btn-primary-shadow), var(--color-btn-primary-inset-shadow);
|
|
164
|
+
|
|
165
|
+
&:hover,
|
|
166
|
+
[open] > & {
|
|
167
|
+
background-color: var(--color-btn-primary-hover-bg);
|
|
168
|
+
border-color: var(--color-btn-primary-hover-border);
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
&:active,
|
|
172
|
+
&[aria-pressed='true'],
|
|
173
|
+
&.Button--pressed {
|
|
174
|
+
background-color: var(--color-btn-primary-selected-bg);
|
|
175
|
+
box-shadow: var(--color-btn-primary-selected-shadow);
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
&:disabled,
|
|
179
|
+
&.Button--disabled,
|
|
180
|
+
&[aria-disabled='true'] {
|
|
181
|
+
color: var(--color-btn-primary-disabled-text);
|
|
182
|
+
background-color: var(--color-btn-primary-disabled-bg);
|
|
183
|
+
border-color: var(--color-btn-primary-disabled-border);
|
|
184
|
+
fill: var(--color-btn-primary-disabled-text);
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
// default (secondary)
|
|
189
|
+
.Button--secondary {
|
|
190
|
+
color: var(--color-btn-text);
|
|
191
|
+
fill: var(--color-fg-muted); // help this
|
|
192
|
+
background-color: var(--color-btn-bg);
|
|
193
|
+
border-color: var(--color-btn-border);
|
|
194
|
+
box-shadow: var(--color-btn-shadow), var(--color-btn-inset-shadow);
|
|
195
|
+
|
|
196
|
+
&:hover,
|
|
197
|
+
[open] > & {
|
|
198
|
+
background-color: var(--color-btn-hover-bg);
|
|
199
|
+
border-color: var(--color-btn-hover-border);
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
&:active,
|
|
203
|
+
&.Button--active {
|
|
204
|
+
background-color: var(--color-btn-active-bg);
|
|
205
|
+
border-color: var(--color-btn-active-border);
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
&[aria-pressed='true'],
|
|
209
|
+
&.Button--pressed {
|
|
210
|
+
background-color: var(--color-btn-selected-bg);
|
|
211
|
+
box-shadow: var(--color-primer-shadow-inset);
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
&:disabled,
|
|
215
|
+
&.Button--disabled,
|
|
216
|
+
&[aria-disabled='true'] {
|
|
217
|
+
color: var(--color-primer-fg-disabled);
|
|
218
|
+
background-color: var(--color-btn-bg);
|
|
219
|
+
border-color: var(--color-btn-border);
|
|
220
|
+
fill: var(--color-primer-fg-disabled);
|
|
221
|
+
}
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
// link color without svg
|
|
225
|
+
.Button--invisible {
|
|
226
|
+
color: var(--color-accent-fg);
|
|
227
|
+
fill: var(--color-fg-muted);
|
|
228
|
+
border: none;
|
|
229
|
+
|
|
230
|
+
&:hover,
|
|
231
|
+
[open] > & {
|
|
232
|
+
background-color: var(--color-action-list-item-default-hover-bg);
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
&[aria-pressed='true'],
|
|
236
|
+
&:active,
|
|
237
|
+
&.Button--active,
|
|
238
|
+
&.Button--pressed {
|
|
239
|
+
background-color: var(--color-btn-selected-bg);
|
|
240
|
+
box-shadow: var(--color-primer-shadow-inset);
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
&:disabled,
|
|
244
|
+
&.Button--disabled,
|
|
245
|
+
&[aria-disabled='true'] {
|
|
246
|
+
color: var(--color-primer-fg-disabled);
|
|
247
|
+
background-color: var(--color-btn-bg);
|
|
248
|
+
border-color: var(--color-btn-border);
|
|
249
|
+
fill: var(--color-primer-fg-disabled);
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
// if visual is present, muted label color
|
|
253
|
+
.Button-label:not(:only-child) {
|
|
254
|
+
color: var(--color-btn-text);
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
// if trailingAction is present, muted label color
|
|
258
|
+
.Button-content:not(:only-child) {
|
|
259
|
+
.Button-label {
|
|
260
|
+
color: var(--color-btn-text);
|
|
261
|
+
}
|
|
262
|
+
}
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
// danger
|
|
266
|
+
.Button--danger {
|
|
267
|
+
color: var(--color-btn-danger-text);
|
|
268
|
+
fill: var(--color-btn-danger-icon);
|
|
269
|
+
background-color: var(--color-btn-bg);
|
|
270
|
+
border-color: var(--color-btn-border);
|
|
271
|
+
box-shadow: var(--color-btn-shadow), var(--color-btn-inset-shadow);
|
|
272
|
+
|
|
273
|
+
&:hover,
|
|
274
|
+
[open] > & {
|
|
275
|
+
color: var(--color-btn-danger-hover-text);
|
|
276
|
+
fill: var(--color-btn-danger-hover-text);
|
|
277
|
+
background-color: var(--color-btn-danger-hover-bg);
|
|
278
|
+
border-color: var(--color-btn-danger-hover-border);
|
|
279
|
+
box-shadow: var(--color-btn-danger-hover-shadow), var(--color-btn-danger-hover-inset-shadow);
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
&:active,
|
|
283
|
+
&[aria-pressed='true'],
|
|
284
|
+
&.Button--pressed {
|
|
285
|
+
color: var(--color-btn-danger-selected-text);
|
|
286
|
+
fill: var(--color-btn-danger-selected-text);
|
|
287
|
+
background-color: var(--color-btn-danger-selected-bg);
|
|
288
|
+
border-color: var(--color-btn-danger-selected-border);
|
|
289
|
+
box-shadow: var(--color-btn-danger-selected-shadow);
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
&:disabled,
|
|
293
|
+
&.disabled,
|
|
294
|
+
&[aria-disabled='true'] {
|
|
295
|
+
color: var(--color-btn-danger-disabled-text);
|
|
296
|
+
fill: var(--color-btn-danger-disabled-text);
|
|
297
|
+
background-color: var(--color-btn-danger-disabled-bg);
|
|
298
|
+
border-color: var(--color-btn-border);
|
|
299
|
+
}
|
|
300
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
.Button--iconOnly {
|
|
2
|
+
display: grid;
|
|
3
|
+
place-content: center;
|
|
4
|
+
padding: unset;
|
|
5
|
+
width: var(--gh-control-medium-size);
|
|
6
|
+
|
|
7
|
+
&.Button--small {
|
|
8
|
+
width: var(--gh-control-small-size);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
&.Button--large {
|
|
12
|
+
width: var(--gh-control-large-size);
|
|
13
|
+
}
|
|
14
|
+
}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
// base link
|
|
2
|
+
.LinkStyledAsButton {
|
|
3
|
+
@extend .Button;
|
|
4
|
+
display: inline-flex;
|
|
5
|
+
|
|
6
|
+
&:hover {
|
|
7
|
+
text-decoration: none;
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.LinkStyledAsButton-content {
|
|
12
|
+
@extend .Button-content;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.LinkStyledAsButton-content--alignStart {
|
|
16
|
+
@extend .Button-content--alignStart;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
// link child elements
|
|
20
|
+
|
|
21
|
+
.LinkStyledAsButton-visual {
|
|
22
|
+
@extend .Button-visual;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.LinkStyledAsButton-label {
|
|
26
|
+
@extend .Button-label;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.LinkStyledAsButton-leadingVisual {
|
|
30
|
+
@extend .Button-leadingVisual;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.LinkStyledAsButton-trailingVisual {
|
|
34
|
+
@extend .Button-trailingVisual;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.LinkStyledAsButton-trailingAction {
|
|
38
|
+
@extend .Button-trailingAction;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
// sizes
|
|
42
|
+
|
|
43
|
+
.LinkStyledAsButton--small {
|
|
44
|
+
@extend .Button--small;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.LinkStyledAsButton--large {
|
|
48
|
+
@extend .Button--large;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.LinkStyledAsButton--fullWidth {
|
|
52
|
+
@extend .Button--fullWidth;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
// variants
|
|
56
|
+
|
|
57
|
+
// primary
|
|
58
|
+
.LinkStyledAsButton--primary {
|
|
59
|
+
@extend .Button--primary;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
// default (secondary)
|
|
63
|
+
.LinkStyledAsButton--secondary {
|
|
64
|
+
@extend .Button--secondary;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
// invisible
|
|
68
|
+
.LinkStyledAsButton--invisible {
|
|
69
|
+
@extend .Button--invisible;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
// danger
|
|
73
|
+
.LinkStyledAsButton--danger {
|
|
74
|
+
@extend .Button--danger;
|
|
75
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
.Link {
|
|
2
|
+
color: var(--color-accent-fg);
|
|
3
|
+
fill: var(--color-accent-fg);
|
|
4
|
+
|
|
5
|
+
&:hover {
|
|
6
|
+
text-decoration: underline;
|
|
7
|
+
cursor: pointer;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
// variants
|
|
11
|
+
|
|
12
|
+
&.Link--muted {
|
|
13
|
+
color: var(--color-fg-muted);
|
|
14
|
+
fill: var(--color-fg-muted);
|
|
15
|
+
|
|
16
|
+
&:hover {
|
|
17
|
+
color: var(--color-accent-fg);
|
|
18
|
+
fill: var(--color-accent-fg);
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.Link-trailingVisual {
|
|
24
|
+
display: flex;
|
|
25
|
+
flex-direction: row;
|
|
26
|
+
align-items: center;
|
|
27
|
+
gap: 0.25em;
|
|
28
|
+
}
|
package/core/index.scss
CHANGED
|
@@ -24,7 +24,10 @@
|
|
|
24
24
|
@import '../pagination/index.scss';
|
|
25
25
|
@import '../tooltips/index.scss';
|
|
26
26
|
@import '../truncate/index.scss';
|
|
27
|
-
@import '../
|
|
28
|
-
|
|
27
|
+
@import '../button-refactor/button.scss';
|
|
28
|
+
@import '../button-refactor/link.scss';
|
|
29
|
+
@import '../button-refactor/icon-button.scss';
|
|
30
|
+
@import '../button-refactor/link-styled-as-button.scss';
|
|
31
|
+
@import '../button-refactor/button-group.scss';
|
|
29
32
|
// Utilities always go last so that they can override components
|
|
30
33
|
@import '../utilities/index.scss';
|
package/dist/actionlist.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["file:///home/runner/work/css/css/src/actionlist/index.scss%23sass"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["file:///home/runner/work/css/css/src/actionlist/index.scss%23sass"],"names":[],"mappings":"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","file":"actionlist.css"}
|
package/dist/alerts.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["file:///home/runner/work/css/css/src/alerts/index.scss%23sass"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["file:///home/runner/work/css/css/src/alerts/index.scss%23sass"],"names":[],"mappings":"AA8iBA,OAAA,iBACE,CAAA,iBAAA,CAAA,kBAAA,CAAA,gBAAA,CAAA,iBAAA,CAAA,oBAAA,eAAA,CAAA,gBAAA,iBAAA,CAAA,gBAAA,kBAAA,CAAA,aAAA,WAAA,CAAA,YAAA,CAAA,YAAA,CAAA,iBAAA,CAAA,cAAA,CAAA,eAAA,CAAA,QAAA,CAAA,uBAAA,CAAA,eAAA,CAAA,mBAAA,UAAA,CAAA,oBAAA,UAAA,CAAA,sBAAA,cAAA,CAAA,cAAA,WAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,2BAAA,gBAAA,CAAA,2BAAA,CAAA,0BAAA,0BAAA,CAAA,mCAAA,aAAA,CAAA,OAAA,6BAAA,CAAA,wFAAA,CAAA,sCAAA,CAAA,gBAAA,4BAAA,CAAA,YAAA,6BAAA,CAAA,8FAAA,CAAA,yCAAA,CAAA,qBAAA,+BAAA,CAAA,aAAA,6BAAA,CAAA,wFAAA,CAAA,sCAAA,CAAA,sBAAA,4BAAA,CAAA,eAAA,6BAAA,CAAA,0FAAA,CAAA,uCAAA,CAAA,wBAAA,6BAAA,CAAA,YAAA,eAAA,CAAA,kBAAA,CAAA,eAAA,CAAA,cAAA,cAAA,CAAA,KAAA,CAAA,UAAA,CAAA,UAAA,CAAA,YAAA,CAAA,cAAA,CAAA,aAAA,CAAA,eAAA,CAAA,0BAAA,4CAAA,CAAA,SAAA,YAAA,CAAA,kBAAA,CAAA,eAAA,CAAA,8CAAA","file":"alerts.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["file:///home/runner/work/css/css/src/autocomplete/index.scss%23sass"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["file:///home/runner/work/css/css/src/autocomplete/index.scss%23sass"],"names":[],"mappings":"AA+iBA,4BAAA,aAAA,CAAA,iBAAA,CAAA,2BAAA,cAAA,CAAA,gBAAA,CAAA,yBAAA,2BAAA,aAAA,CAAA,iBAAA,CAAA,CAAA,mBAAA,iBAAA,CAAA,cAAA,CAAA,iCAAA,mBAAA,CAAA,eAAA,CAAA,kBAAA,CAAA,8CAAA,mCAAA,CAAA,mCAAA,CAAA,YAAA,CAAA,iDAAA,CAAA,+CAAA,SAAA,CAAA,eAAA,CAAA,WAAA,CAAA,eAAA,CAAA,qDAAA,eAAA,CAAA,6DAAA,eAAA,CAAA,sBAAA,iBAAA,CAAA,MAAA,CAAA,UAAA,CAAA,iBAAA,CAAA,cAAA,CAAA,eAAA,CAAA,eAAA,CAAA,cAAA,CAAA,eAAA,CAAA,sCAAA,CAAA,4CAAA,CAAA,iBAAA,CAAA,qCAAA,CAAA,mBAAA,aAAA,CAAA,UAAA,CAAA,eAAA,CAAA,eAAA,CAAA,eAAA,CAAA,6BAAA,CAAA,eAAA,CAAA,oBAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,cAAA,CAAA,4CAAA,CAAA,QAAA,CAAA,yBAAA,iCAAA,CAAA,oBAAA,CAAA,6CAAA,CAAA,2BAAA,wBAAA,CAAA,uGAAA,iCAAA,CAAA,oBAAA,CAAA,6CAAA,CAAA,6GAAA,wBAAA,CAAA,WAAA,iBAAA,CAAA,KAAA,CAAA,MAAA,CAAA,eAAA,CAAA,SAAA,CAAA,QAAA,CAAA,eAAA,CAAA,eAAA,CAAA,cAAA,CAAA,sCAAA,CAAA,4CAAA,CAAA,iBAAA,CAAA,qCAAA,CAAA,cAAA,aAAA,CAAA,eAAA,CAAA,eAAA,CAAA,iDAAA,CAAA,oBAAA,eAAA,CAAA,2BAAA,CAAA,yBAAA,eAAA,CAAA,8BAAA,CAAA,6BAAA,CAAA,0BAAA,0BAAA,CAAA,2BAAA,CAAA,oBAAA,iCAAA,CAAA,oBAAA,CAAA,uCAAA,CAAA,0BAAA,iCAAA,CAAA,6BAAA,wBAAA,CAAA,iEAAA,iCAAA,CAAA,oBAAA,CAAA,uCAAA,CAAA,6EAAA,iCAAA,CAAA,mFAAA,wBAAA,CAAA,qBAAA,iBAAA,CAAA,KAAA,CAAA,MAAA,CAAA,UAAA,CAAA,yBAAA,sCAAA,oBAAA,CAAA,mBAAA,CAAA,+BAAA,gBAAA,CAAA","file":"autocomplete.css"}
|
package/dist/avatars.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["file:///home/runner/work/css/css/src/avatars/index.scss%23sass"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["file:///home/runner/work/css/css/src/avatars/index.scss%23sass"],"names":[],"mappings":"AA4iBA,QAAA,oBACE,CAAA,eAAA,CAAA,aAAA,CAAA,qBAAA,CAAA,uCAAA,CAAA,iBAAA,CAAA,aAAA,CAAA,+CAAA,CAAA,aAAA,UAAA,CAAA,aAAA,CAAA,mBAAA,oBAAA,CAAA,iBAAA,CAAA,kCAAA,iBAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,qBAAA,iBAAA,CAAA,cAAA,iBAAA,CAAA,UAAA,CAAA,UAAA,CAAA,4CAAA,CAAA,iBAAA,CAAA,2CAAA,CAAA,aAAA,iBAAA,CAAA,cAAA,CAAA,WAAA,CAAA,+BAAA,iBAAA,CAAA,8BAAA,cAAA,CAAA,qCAAA,cAAA,CAAA,kBAAA,YAAA,CAAA,sCAAA,CAAA,0BAAA,iBAAA,CAAA,SAAA,CAAA,YAAA,CAAA,UAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,4CAAA,CAAA,kDAAA,CAAA,iBAAA,CAAA,eAAA,CAAA,iCAAA,CAAA,sCAAA,SAAA,CAAA,qCAAA,SAAA,CAAA,cAAA,CAAA,8BAAA,iBAAA,CAAA,yCAAA,YAAA,CAAA,SAAA,CAAA,gCAAA,gBAAA,CAAA,+CAAA,YAAA,CAAA,SAAA,CAAA,qCAAA,uBAAA,CAAA,oBAAA,SAAA,CAAA,cAAA,CAAA,qCAAA,CAAA,uDAAA,iBAAA,CAAA,aAAA,CAAA,WAAA,CAAA,UAAA,CAAA,iBAAA,CAAA,6CAAA,CAAA,4BAAA,UAAA,CAAA,8CAAA,CAAA,2BAAA,UAAA,CAAA,yCAAA,CAAA,sCAAA,OAAA,CAAA,0BAAA,CAAA,oDAAA,cAAA,CAAA,eAAA,CAAA,wCAAA,yCAAA,CAAA,gDAAA,SAAA,CAAA,+CAAA,SAAA,CAAA,qCAAA,CAAA,4BAAA,cAAA,CAAA,iBAAA,CAAA,cAAA,CAAA,iDAAA,CAAA,aAAA,YAAA,CAAA,kBAAA,CAAA,sBAAA,CAAA,4CAAA,CAAA,iBAAA,CAAA,qCAAA,CAAA,kBAAA,wBAAA,CAAA,sBAAA,CAAA,yBAAA,CAAA,oBAAA,UAAA,CAAA,WAAA,CAAA,qBAAA,UAAA,CAAA,WAAA,CAAA,oBAAA,WAAA,CAAA,YAAA,CAAA,kBAAA,iBAAA,CAAA,0BAAA,iBAAA,CAAA,OAAA,CAAA,MAAA,CAAA,UAAA,CAAA,UAAA,CAAA,oDAAA,CAAA,+BAAA,iBAAA","file":"avatars.css"}
|
package/dist/base.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["file:///home/runner/work/css/css/src/base/index.scss%23sass"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["file:///home/runner/work/css/css/src/base/index.scss%23sass"],"names":[],"mappings":"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","file":"base.css"}
|
package/dist/blankslate.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["file:///home/runner/work/css/css/src/blankslate/index.scss%23sass"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["file:///home/runner/work/css/css/src/blankslate/index.scss%23sass"],"names":[],"mappings":"AA4iBA,YAAA,iBAAA,CAAA,YAAA,CAAA,iBAAA,CAAA,cAAA,2BAAA,CAAA,iBAAA,mBAAA,CAAA,cAAA,CAAA,sCAAA,CAAA,0CAAA,CAAA,iBAAA,CAAA,gBAAA,UAAA,CAAA,WAAA,CAAA,iBAAA,gBAAA,CAAA,iBAAA,CAAA,eAAA,CAAA,2BAAA,CAAA,kBAAA,kBAAA,CAAA,oBAAA,iBAAA,CAAA,mBAAA,eAAA,CAAA,iCAAA,eAAA,CAAA,gCAAA,iBAAA,CAAA,mBAAA,yBAAA,CAAA,qBAAA,iBAAA,CAAA,mBAAA,eAAA,CAAA,aAAA,CAAA,sBAAA,UAAA,CAAA,WAAA,CAAA,qBAAA,aAAA,CAAA,cAAA,CAAA,oBAAA,cAAA,CAAA,6BAAA,QAAA","file":"blankslate.css"}
|
package/dist/box.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["file:///home/runner/work/css/css/src/box/index.scss%23sass"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["file:///home/runner/work/css/css/src/box/index.scss%23sass"],"names":[],"mappings":"AA6iBA,KAAA,4CACE,CAAA,wCAAA,CAAA,kBAAA,CAAA,gBAAA,CAAA,iBAAA,CAAA,gBAAA,gBAAA,CAAA,4BAAA,gBAAA,CAAA,0BAAA,gBAAA,CAAA,4BAAA,gBAAA,CAAA,6CAAA,gBAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,yBAAA,gBAAA,CAAA,2BAAA,YAAA,CAAA,gBAAA,CAAA,0BAAA,cAAA,CAAA,yBAAA,YAAA,CAAA,2BAAA,YAAA,CAAA,4CAAA,YAAA,CAAA,kBAAA,CAAA,wBAAA,YAAA,CAAA,YAAA,YAAA,CAAA,kBAAA,CAAA,2CAAA,CAAA,wCAAA,CAAA,kBAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,2BAAA,CAAA,WAAA,cAAA,CAAA,eAAA,CAAA,UAAA,YAAA,CAAA,mDAAA,CAAA,uBAAA,kBAAA,CAAA,8BAAA,CAAA,6BAAA,CAAA,SAAA,YAAA,CAAA,eAAA,CAAA,oBAAA,CAAA,0CAAA,CAAA,sBAAA,CAAA,oBAAA,CAAA,uBAAA,0BAAA,CAAA,2BAAA,CAAA,sBAAA,8BAAA,CAAA,6BAAA,CAAA,yCAAA,qDAAA,CAAA,gDAAA,4BAAA,CAAA,WAAA,CAAA,WAAA,CAAA,4DAAA,eAAA,CAAA,0CAAA,2CAAA,CAAA,yCAAA,2CAAA,CAAA,6DAAA,SAAA,CAAA,sCAAA,2CAAA,CAAA,sCAAA,2CAAA,CAAA,2BAAA,2CAAA,CAAA,2BAAA,2CAAA,CAAA,yBAAA,cAAA,6BAAA,CAAA,oBAAA,CAAA,oBAAA,4BAAA,CAAA,oBAAA,CAAA,CAAA,sBAAA,SAAA,CAAA,YAAA,YAAA,CAAA,eAAA,CAAA,4CAAA,CAAA,sBAAA,CAAA,oBAAA,CAAA,yBAAA,CAAA,iBAAA,gBAAA,CAAA,eAAA,CAAA,WAAA,sCAAA,CAAA,uBAAA,2CAAA,CAAA,sCAAA,CAAA,qBAAA,sCAAA,CAAA,oBAAA,sCAAA,CAAA,uBAAA,sCAAA,CAAA,aAAA,yCAAA,CAAA,oCAAA,yCAAA,CAAA,oCAAA,yCAAA,CAAA,kBAAA,2CAAA,CAAA,sCAAA,CAAA,iBAAA,8CAAA,CAAA,eAAA,2CAAA,CAAA,eAAA,2CAAA,CAAA,6BAAA,iBAAA,CAAA,kBAAA,CAAA,eAAA,CAAA,cAAA,WAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,4CAAA,CAAA,2BAAA,CAAA,wCAAA,CAAA,kCAAA,CAAA,0BAAA,QAAA,CAAA,cAAA,CAAA,uBAAA,CAAA,0BAAA,CAAA,2BAAA,CAAA,qBAAA,WAAA,CAAA,mBAAA,WAAA,CAAA,6BAAA,gBAAA,CAAA,iBAAA,CAAA,gBAAA,eAAA,CAAA,QAAA,CAAA,2BAAA,CAAA,iBAAA","file":"box.css"}
|
package/dist/branch-name.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["file:///home/runner/work/css/css/src/branch-name/index.scss%23sass"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["file:///home/runner/work/css/css/src/branch-name/index.scss%23sass"],"names":[],"mappings":"AA8iBA,aAAA,oBACE,CAAA,eAAA,CAAA,sFAAA,CAAA,2BAAA,CAAA,oBAAA,CAAA,2CAAA,CAAA,iBAAA,CAAA,sBAAA,mBAAA,CAAA,2BAAA,CAAA,cAAA,4BAAA,CAAA,2CAAA,CAAA,uBAAA,4BAAA","file":"branch-name.css"}
|
package/dist/breadcrumb.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["file:///home/runner/work/css/css/src/breadcrumb/index.scss%23sass"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["file:///home/runner/work/css/css/src/breadcrumb/index.scss%23sass"],"names":[],"mappings":"AA4iBA,iBAAA,oBAAA,CAAA,mBAAA,CAAA,kBAAA,CAAA,eAAA,CAAA,wBAAA,oBAAA,CAAA,WAAA,CAAA,aAAA,CAAA,UAAA,CAAA,6CAAA,CAAA,uBAAA,CAAA,6BAAA,aAAA,CAAA,iGAAA,YAAA,CAAA,4BAAA,6BAAA","file":"breadcrumb.css"}
|