@nldd/design-system 0.8.88 → 0.8.90
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/README.md +4 -4
- package/custom-elements.json +303 -64
- package/dist/components/components.js +897 -201
- package/dist/components/content/image/image.d.ts +23 -3
- package/dist/components/content/image/image.d.ts.map +1 -1
- package/dist/components/content/image/image.js +74 -17
- package/dist/components/content/image/image.js.map +1 -1
- package/dist/components/content/image/image.template.js +1 -1
- package/dist/components/content/image/image.template.js.map +1 -1
- package/dist/components/{dist-LX8LuMac.js → dist-BLaE_n_F.js} +1 -1
- package/dist/components/{dist-CX3DK4i7.js → dist-BeymuiGt.js} +3 -3
- package/dist/components/{dist-CbCO0WCd.js → dist-CENYEz7C.js} +1 -1
- package/dist/components/{dist-B_Mnmrj4.js → dist-CYLM5ciE.js} +1 -1
- package/dist/components/{dist-fIxe0l7k.js → dist-DHA-0RyT.js} +91 -34
- package/dist/components/{dist-CgDuh26K.js → dist-D_ckX1sK.js} +1 -1
- package/dist/components/{dist-eVFegyjM.js → dist-Dh_b9r4M.js} +1 -1
- package/dist/components/{dist-DXZ-cFAl.js → dist-DkZlotgT.js} +2 -2
- package/dist/components/{dist-CSrO_mYe.js → dist-TCqV9dho.js} +1 -1
- package/dist/components/{dist-ByH8hQze.js → dist-Y54Lma86.js} +2 -2
- package/dist/components/{dist-CRwuSgMM.js → dist-yyE8P2O6.js} +2 -2
- package/dist/components/inputs/radio-button/radio-button.d.ts +58 -18
- package/dist/components/inputs/radio-button/radio-button.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.js +136 -29
- package/dist/components/inputs/radio-button/radio-button.js.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.styles.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.styles.js +17 -23
- package/dist/components/inputs/radio-button/radio-button.styles.js.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.template.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.template.js +13 -10
- package/dist/components/inputs/radio-button/radio-button.template.js.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.d.ts +65 -18
- package/dist/components/inputs/radio-button-field/radio-button-field.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.js +151 -29
- package/dist/components/inputs/radio-button-field/radio-button-field.js.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.styles.js +17 -0
- package/dist/components/inputs/radio-button-field/radio-button-field.styles.js.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.template.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.template.js +21 -12
- package/dist/components/inputs/radio-button-field/radio-button-field.template.js.map +1 -1
- package/dist/components/inputs/radio-button-group/radio-button-group.d.ts +3 -0
- package/dist/components/inputs/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-group/radio-button-group.js +16 -4
- package/dist/components/inputs/radio-button-group/radio-button-group.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.d.ts +46 -13
- package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.js +145 -16
- package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.js +16 -0
- package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.template.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.template.js +47 -24
- package/dist/components/inputs/segmented-control/segmented-control.template.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.cursor.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.cursor.js +14 -1
- package/dist/components/inputs/text-editor/text-editor.cursor.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.mentions.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.mentions.js +3 -1
- package/dist/components/inputs/text-editor/text-editor.mentions.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.d.ts +36 -2
- package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.js +116 -3
- package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.js +17 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.template.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.template.js +25 -2
- package/dist/components/inputs/toggle-button/toggle-button.template.js.map +1 -1
- package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts +4 -0
- package/dist/components/inputs/toggle-button-group/toggle-button-group.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button-group/toggle-button-group.js +21 -2
- package/dist/components/inputs/toggle-button-group/toggle-button-group.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.d.ts +1 -1
- package/dist/components/lists-and-tables/list/list.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.js +4 -3
- package/dist/components/lists-and-tables/list/list.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.template.js +15 -10
- package/dist/components/lists-and-tables/list/list.template.js.map +1 -1
- package/dist/components/status-and-feedback/notification/notification-region.d.ts +4 -0
- package/dist/components/status-and-feedback/notification/notification-region.d.ts.map +1 -1
- package/dist/components/status-and-feedback/notification/notification-region.js +99 -30
- package/dist/components/status-and-feedback/notification/notification-region.js.map +1 -1
- package/dist/components/status-and-feedback/notification/notification.d.ts +7 -1
- package/dist/components/status-and-feedback/notification/notification.d.ts.map +1 -1
- package/dist/components/status-and-feedback/notification/notification.js +21 -1
- package/dist/components/status-and-feedback/notification/notification.js.map +1 -1
- package/dist/components/status-and-feedback/notification/notification.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/notification/notification.styles.js +6 -0
- package/dist/components/status-and-feedback/notification/notification.styles.js.map +1 -1
- package/dist/css/variables.css +2 -2
- package/dist/nldd.min.js +618 -540
- package/dist/types/vue.d.ts +22 -18
- package/dist/utilities/described-by-mixin.d.ts +2 -2
- package/dist/utilities/described-by-mixin.d.ts.map +1 -1
- package/dist/utilities/described-by-mixin.js +11 -6
- package/dist/utilities/described-by-mixin.js.map +1 -1
- package/dist/utilities/radio-grouping.d.ts +66 -0
- package/dist/utilities/radio-grouping.d.ts.map +1 -0
- package/dist/utilities/radio-grouping.js +133 -0
- package/dist/utilities/radio-grouping.js.map +1 -0
- package/dist/utilities/radio-position.d.ts +20 -0
- package/dist/utilities/radio-position.d.ts.map +1 -0
- package/dist/utilities/radio-position.js +11 -0
- package/dist/utilities/radio-position.js.map +1 -0
- package/package.json +10 -10
|
@@ -107,7 +107,10 @@ export declare class NLDDNotification extends NLDDNotification_base {
|
|
|
107
107
|
willUpdate(changed: PropertyValues): void;
|
|
108
108
|
/** Called by the region while it carries this notification to another
|
|
109
109
|
* parent. A move disconnects the element, and without this the
|
|
110
|
-
* notification would read its own disconnect as having been dismissed.
|
|
110
|
+
* notification would read its own disconnect as having been dismissed.
|
|
111
|
+
* It also counts as having arrived: the browser starts a CSS animation over
|
|
112
|
+
* when its element comes back, and one caught halfway in would slide in
|
|
113
|
+
* from off the screen a second time. */
|
|
111
114
|
_setMoving(moving: boolean): void;
|
|
112
115
|
/** Called by the region. Starting the clock here rather than on connect is
|
|
113
116
|
* the whole point: a notification three deep in the deck is not counting. */
|
|
@@ -121,6 +124,9 @@ export declare class NLDDNotification extends NLDDNotification_base {
|
|
|
121
124
|
* comes. A move is someone pointing at it; sitting still is not. */
|
|
122
125
|
private _onPointerMove;
|
|
123
126
|
private _onPointerLeave;
|
|
127
|
+
/** Once in, it stays in: every move to another overlay would otherwise
|
|
128
|
+
* replay the arrival. */
|
|
129
|
+
private _onAnimationEnd;
|
|
124
130
|
private _onFocusIn;
|
|
125
131
|
private _onFocusOut;
|
|
126
132
|
private _resumeTimer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/notification/notification.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEG;AAEH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAQtD,OAAO,4BAA4B,CAAC;AACpC,OAAO,0CAA0C,CAAC;AAElD,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;;;;;;;;AAY5F,qBACa,gBAAiB,SAAQ,qBAA0D;IAC/F,OAAgB,MAAM,0BAAsB;IAG5C,OAAO,EAAE,mBAAmB,CAAa;IAGzC,IAAI,SAAM;IAGV,IAAI,SAAM;IAGV,cAAc,SAAM;IAGpB,QAAQ,SAAoB;IAG5B,WAAW,UAAS;IAEpB;qBACiB;IAEjB,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,CAAC,MAAM,CAAuB;IAErC;sBACkB;IAClB,OAAO,CAAC,eAAe,CAAK;IAE5B;;oDAEgD;IAChD,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,YAAY,CAAS;IAE7B;iFAC6E;IAC7E,OAAO,CAAC,OAAO,CAAS;IAExB,2EAA2E;IAC3E,OAAO,CAAC,kBAAkB,CAAoB;IAE9C,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED,yEAAyE;IACzE,OAAO,KAAK,eAAe,GAE1B;IAEQ,iBAAiB,IAAI,IAAI;
|
|
1
|
+
{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/notification/notification.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEG;AAEH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAQtD,OAAO,4BAA4B,CAAC;AACpC,OAAO,0CAA0C,CAAC;AAElD,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;;;;;;;;AAY5F,qBACa,gBAAiB,SAAQ,qBAA0D;IAC/F,OAAgB,MAAM,0BAAsB;IAG5C,OAAO,EAAE,mBAAmB,CAAa;IAGzC,IAAI,SAAM;IAGV,IAAI,SAAM;IAGV,cAAc,SAAM;IAGpB,QAAQ,SAAoB;IAG5B,WAAW,UAAS;IAEpB;qBACiB;IAEjB,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,CAAC,MAAM,CAAuB;IAErC;sBACkB;IAClB,OAAO,CAAC,eAAe,CAAK;IAE5B;;oDAEgD;IAChD,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,YAAY,CAAS;IAE7B;iFAC6E;IAC7E,OAAO,CAAC,OAAO,CAAS;IAExB,2EAA2E;IAC3E,OAAO,CAAC,kBAAkB,CAAoB;IAE9C,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED,yEAAyE;IACzE,OAAO,KAAK,eAAe,GAE1B;IAEQ,iBAAiB,IAAI,IAAI;IAuBzB,oBAAoB,IAAI,IAAI;IAe5B,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAQlD;;;;;6CAKyC;IACzC,UAAU,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAKjC;kFAC8E;IAC9E,SAAS,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAOjC,oBAAoB,GAAI,GAAG,KAAK,KAAG,IAAI,CASrC;IAEF;;;;;yEAKqE;IACrE,OAAO,CAAC,cAAc,CAIpB;IAEF,OAAO,CAAC,eAAe,CAGrB;IAEF;8BAC0B;IAC1B,OAAO,CAAC,eAAe,CAGrB;IAEF,OAAO,CAAC,UAAU,CAGhB;IAEF,OAAO,CAAC,WAAW,CAMjB;IAEF,OAAO,CAAC,YAAY,CAQlB;IAEF,yEAAyE;IACzE,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,UAAU,CAQhB;IAEF,cAAc,QAAO,IAAI,CAEvB;IAEF,OAAO,CAAC,QAAQ;IAKP,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,gBAAgB,CAAC;KACtC;CACD"}
|
|
@@ -137,6 +137,13 @@ let NLDDNotification = class NLDDNotification extends withTranslations(LitElemen
|
|
|
137
137
|
this._pointerInside = false;
|
|
138
138
|
this._resumeTimer();
|
|
139
139
|
};
|
|
140
|
+
/** Once in, it stays in: every move to another overlay would otherwise
|
|
141
|
+
* replay the arrival. */
|
|
142
|
+
this._onAnimationEnd = (e) => {
|
|
143
|
+
if (e.target !== this || e.animationName !== 'notification-arrive')
|
|
144
|
+
return;
|
|
145
|
+
this.toggleAttribute('data-arrived', true);
|
|
146
|
+
};
|
|
140
147
|
this._onFocusIn = () => {
|
|
141
148
|
this._focusInside = true;
|
|
142
149
|
this._clearTimer();
|
|
@@ -163,6 +170,10 @@ let NLDDNotification = class NLDDNotification extends withTranslations(LitElemen
|
|
|
163
170
|
this._onKeyDown = (e) => {
|
|
164
171
|
if (e.key !== 'Escape')
|
|
165
172
|
return;
|
|
173
|
+
// Escape dismisses this notification and stops there. Stopping the event is
|
|
174
|
+
// not enough: the close signal a sheet or dialog listens for is the key's
|
|
175
|
+
// default action, and it would take the overlay along. Same as nldd-popover.
|
|
176
|
+
e.preventDefault();
|
|
166
177
|
e.stopPropagation();
|
|
167
178
|
this._dismiss();
|
|
168
179
|
};
|
|
@@ -186,6 +197,7 @@ let NLDDNotification = class NLDDNotification extends withTranslations(LitElemen
|
|
|
186
197
|
this.addEventListener('focusin', this._onFocusIn);
|
|
187
198
|
this.addEventListener('focusout', this._onFocusOut);
|
|
188
199
|
this.addEventListener('keydown', this._onKeyDown);
|
|
200
|
+
this.addEventListener('animationend', this._onAnimationEnd);
|
|
189
201
|
// Moving itself has to wait a tick: a framework that just created this
|
|
190
202
|
// element is still holding it, and pulling it out mid-render confuses
|
|
191
203
|
// the very thing that will later remove it.
|
|
@@ -210,6 +222,9 @@ let NLDDNotification = class NLDDNotification extends withTranslations(LitElemen
|
|
|
210
222
|
this.removeEventListener('focusin', this._onFocusIn);
|
|
211
223
|
this.removeEventListener('focusout', this._onFocusOut);
|
|
212
224
|
this.removeEventListener('keydown', this._onKeyDown);
|
|
225
|
+
this.removeEventListener('animationend', this._onAnimationEnd);
|
|
226
|
+
// Put back on a page later, it arrives again.
|
|
227
|
+
this.removeAttribute('data-arrived');
|
|
213
228
|
leaveRegion(this);
|
|
214
229
|
}
|
|
215
230
|
willUpdate(changed) {
|
|
@@ -222,9 +237,14 @@ let NLDDNotification = class NLDDNotification extends withTranslations(LitElemen
|
|
|
222
237
|
}
|
|
223
238
|
/** Called by the region while it carries this notification to another
|
|
224
239
|
* parent. A move disconnects the element, and without this the
|
|
225
|
-
* notification would read its own disconnect as having been dismissed.
|
|
240
|
+
* notification would read its own disconnect as having been dismissed.
|
|
241
|
+
* It also counts as having arrived: the browser starts a CSS animation over
|
|
242
|
+
* when its element comes back, and one caught halfway in would slide in
|
|
243
|
+
* from off the screen a second time. */
|
|
226
244
|
_setMoving(moving) {
|
|
227
245
|
this._moving = moving;
|
|
246
|
+
if (moving)
|
|
247
|
+
this.toggleAttribute('data-arrived', true);
|
|
228
248
|
}
|
|
229
249
|
/** Called by the region. Starting the clock here rather than on connect is
|
|
230
250
|
* the whole point: a notification three deep in the deck is not counting. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/notification/notification.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,4BAA4B,CAAC;AACpC,OAAO,0CAA0C,CAAC;AAIlD,MAAM,aAAa,GAAwC;IAC1D,OAAO,EAAE,oBAAoB;IAC7B,MAAM,EAAE,oBAAoB;IAC5B,OAAO,EAAE,qBAAqB;IAC9B,OAAO,EAAE,6BAA6B;IACtC,QAAQ,EAAE,2BAA2B;CACrC,CAAC;AAEF,MAAM,gBAAgB,GAAG,KAAK,CAAC;AAGxB,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,gBAAgB,CAAC,UAAU,EAAE,4BAA4B,CAAC;IAAzF;;QAIN,YAAO,GAAwB,SAAS,CAAC;QAGzC,SAAI,GAAG,EAAE,CAAC;QAGV,SAAI,GAAG,EAAE,CAAC;QAGV,mBAAc,GAAG,EAAE,CAAC;QAGpB,aAAQ,GAAG,gBAAgB,CAAC;QAG5B,gBAAW,GAAG,KAAK,CAAC;QAEpB;yBACiB;QAET,aAAQ,GAAG,KAAK,CAAC;QAEjB,WAAM,GAAkB,IAAI,CAAC;QAErC;0BACkB;QACV,oBAAe,GAAG,CAAC,CAAC;QAE5B;;wDAEgD;QACxC,mBAAc,GAAG,KAAK,CAAC;QAEvB,iBAAY,GAAG,KAAK,CAAC;QAE7B;qFAC6E;QACrE,YAAO,GAAG,KAAK,CAAC;QAExB,2EAA2E;QACnE,uBAAkB,GAAG,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/notification/notification.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notification.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/notification/notification.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"notification.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/notification/notification.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,kBAAkB,yBAiL9B,CAAC"}
|
|
@@ -58,6 +58,12 @@ export const notificationStyles = css `
|
|
|
58
58
|
display: none;
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
+
/* Off for good once it has arrived: a move between overlays reinserts the
|
|
62
|
+
element, and the browser would play the arrival again. */
|
|
63
|
+
:host([data-arrived]) {
|
|
64
|
+
animation: none;
|
|
65
|
+
}
|
|
66
|
+
|
|
61
67
|
@media (prefers-reduced-motion: reduce) {
|
|
62
68
|
:host {
|
|
63
69
|
transition: none;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notification.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/notification/notification.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAG3C,YAAY;AAEZ,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"notification.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/notification/notification.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAG3C,YAAY;AAEZ,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA4Kf,KAAK;;;;;CAK1B,CAAC"}
|
package/dist/css/variables.css
CHANGED
|
@@ -951,9 +951,9 @@
|
|
|
951
951
|
--semantics-surfaces-corner-radius: var(--primitives-corner-radius-lg);
|
|
952
952
|
--semantics-surfaces-ring-thickness: var(--primitives-border-width-regular);
|
|
953
953
|
--semantics-surfaces-base-background-color: light-dark(var(--primitives-color-neutral-0), var(--primitives-color-neutral-100));
|
|
954
|
-
--semantics-surfaces-base-border-color: var(--
|
|
954
|
+
--semantics-surfaces-base-border-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-150));
|
|
955
955
|
--semantics-surfaces-tinted-background-color: light-dark(var(--primitives-color-neutral-25), var(--primitives-color-neutral-75));
|
|
956
|
-
--semantics-surfaces-tinted-border-color: var(--
|
|
956
|
+
--semantics-surfaces-tinted-border-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-150));
|
|
957
957
|
|
|
958
958
|
/* ## Text */
|
|
959
959
|
|