@dialpad/dialtone-css 8.29.3 → 8.30.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/README.md +2 -2
- package/lib/build/less/components/icon.less +6 -0
- package/lib/build/less/components/input.less +1 -0
- package/lib/build/less/utilities/interactivity.less +3 -3
- package/lib/dist/{css/dialtone.css → dialtone.css} +15 -6
- package/lib/dist/dialtone.min.css +1 -0
- package/package.json +11 -5
- package/CHANGELOG.json +0 -1
- package/lib/dist/css/dialtone.min.css +0 -1
package/README.md
CHANGED
|
@@ -16,13 +16,13 @@ npm install @dialpad/dialtone-css@latest
|
|
|
16
16
|
- CSS/LESS:
|
|
17
17
|
|
|
18
18
|
```less
|
|
19
|
-
@import "
|
|
19
|
+
@import "@dialpad/dialtone-css";
|
|
20
20
|
```
|
|
21
21
|
|
|
22
22
|
- Javascript:
|
|
23
23
|
|
|
24
24
|
```js
|
|
25
|
-
import '@dialpad/dialtone-css
|
|
25
|
+
import '@dialpad/dialtone-css';
|
|
26
26
|
```
|
|
27
27
|
|
|
28
28
|
### Add dialtone's theme class to the `<body>`
|
|
@@ -42,9 +42,9 @@
|
|
|
42
42
|
// Sets the style, width, color, and other characteristics
|
|
43
43
|
// elements' outlines. These shouldn't be confused with borders.
|
|
44
44
|
// ----------------------------------------------------------------------------
|
|
45
|
-
.d-ol-focusring { box-shadow: var(--dt-shadow-focus) !important; }
|
|
46
|
-
.d-ol-focusring-inset { box-shadow: var(--dt-shadow-focus-inset) !important; }
|
|
47
|
-
.d-ol-none { box-shadow: none !important; }
|
|
45
|
+
.d-ol-focusring { box-shadow: var(--dt-shadow-focus) !important; outline: none !important; }
|
|
46
|
+
.d-ol-focusring-inset { box-shadow: var(--dt-shadow-focus-inset) !important; outline: none !important; }
|
|
47
|
+
.d-ol-none { box-shadow: none !important; outline: none !important; }
|
|
48
48
|
|
|
49
49
|
//============================================================================
|
|
50
50
|
// $ POINTER EVENTS
|
|
@@ -2199,6 +2199,7 @@ legend .d-label {
|
|
|
2199
2199
|
}
|
|
2200
2200
|
.d-input__wrapper {
|
|
2201
2201
|
padding: 0;
|
|
2202
|
+
overflow-y: auto;
|
|
2202
2203
|
}
|
|
2203
2204
|
.d-input__wrapper .d-input-icon.d-input-icon--right {
|
|
2204
2205
|
margin-right: var(--dt-space-400);
|
|
@@ -4193,6 +4194,11 @@ legend .d-label {
|
|
|
4193
4194
|
.d-icon--size-100 {
|
|
4194
4195
|
--icon-size: var(--icon-size-100);
|
|
4195
4196
|
}
|
|
4197
|
+
.d-icon__wrapper {
|
|
4198
|
+
display: inline-flex;
|
|
4199
|
+
align-items: center;
|
|
4200
|
+
justify-content: center;
|
|
4201
|
+
}
|
|
4196
4202
|
.d-bga-scroll {
|
|
4197
4203
|
background-attachment: scroll !important;
|
|
4198
4204
|
}
|
|
@@ -6141,12 +6147,15 @@ legend .d-label {
|
|
|
6141
6147
|
}
|
|
6142
6148
|
.d-ol-focusring {
|
|
6143
6149
|
box-shadow: var(--dt-shadow-focus) !important;
|
|
6150
|
+
outline: none !important;
|
|
6144
6151
|
}
|
|
6145
6152
|
.d-ol-focusring-inset {
|
|
6146
6153
|
box-shadow: var(--dt-shadow-focus-inset) !important;
|
|
6154
|
+
outline: none !important;
|
|
6147
6155
|
}
|
|
6148
6156
|
.d-ol-none {
|
|
6149
6157
|
box-shadow: none !important;
|
|
6158
|
+
outline: none !important;
|
|
6150
6159
|
}
|
|
6151
6160
|
.d-pe-auto {
|
|
6152
6161
|
pointer-events: auto !important;
|
|
@@ -7462,7 +7471,7 @@ body {
|
|
|
7462
7471
|
}
|
|
7463
7472
|
/**
|
|
7464
7473
|
* Do not edit directly
|
|
7465
|
-
* Generated on
|
|
7474
|
+
* Generated on Sun, 07 Apr 2024 20:16:08 GMT
|
|
7466
7475
|
*/
|
|
7467
7476
|
|
|
7468
7477
|
.dialtone-theme-light {
|
|
@@ -7937,13 +7946,13 @@ body {
|
|
|
7937
7946
|
--dt-shadow-focus-2-x: 0rem;
|
|
7938
7947
|
--dt-shadow-focus-2-y: 0rem;
|
|
7939
7948
|
--dt-shadow-focus-2-blur: 0rem;
|
|
7940
|
-
--dt-shadow-focus-2-spread: 0.
|
|
7949
|
+
--dt-shadow-focus-2-spread: 0.3rem;
|
|
7941
7950
|
--dt-shadow-focus-2-color: #51A0FE;
|
|
7942
7951
|
--dt-shadow-focus-2-type: dropShadow;
|
|
7943
7952
|
--dt-shadow-focus-inset-1-x: 0rem;
|
|
7944
7953
|
--dt-shadow-focus-inset-1-y: 0rem;
|
|
7945
7954
|
--dt-shadow-focus-inset-1-blur: 0rem;
|
|
7946
|
-
--dt-shadow-focus-inset-1-spread: 0.
|
|
7955
|
+
--dt-shadow-focus-inset-1-spread: 0.2rem;
|
|
7947
7956
|
--dt-shadow-focus-inset-1-color: #51A0FE;
|
|
7948
7957
|
--dt-shadow-focus-inset-1-type: innerShadow;
|
|
7949
7958
|
--dt-typography-body-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Base default medium text style for main content. */
|
|
@@ -8279,7 +8288,7 @@ body {
|
|
|
8279
8288
|
|
|
8280
8289
|
/**
|
|
8281
8290
|
* Do not edit directly
|
|
8282
|
-
* Generated on
|
|
8291
|
+
* Generated on Sun, 07 Apr 2024 20:16:09 GMT
|
|
8283
8292
|
*/
|
|
8284
8293
|
|
|
8285
8294
|
.dialtone-theme-dark {
|
|
@@ -8874,13 +8883,13 @@ body {
|
|
|
8874
8883
|
--dt-shadow-focus-2-x: 0rem;
|
|
8875
8884
|
--dt-shadow-focus-2-y: 0rem;
|
|
8876
8885
|
--dt-shadow-focus-2-blur: 0rem;
|
|
8877
|
-
--dt-shadow-focus-2-spread: 0.
|
|
8886
|
+
--dt-shadow-focus-2-spread: 0.3rem;
|
|
8878
8887
|
--dt-shadow-focus-2-color: #51A0FE;
|
|
8879
8888
|
--dt-shadow-focus-2-type: dropShadow;
|
|
8880
8889
|
--dt-shadow-focus-inset-1-x: 0rem;
|
|
8881
8890
|
--dt-shadow-focus-inset-1-y: 0rem;
|
|
8882
8891
|
--dt-shadow-focus-inset-1-blur: 0rem;
|
|
8883
|
-
--dt-shadow-focus-inset-1-spread: 0.
|
|
8892
|
+
--dt-shadow-focus-inset-1-spread: 0.2rem;
|
|
8884
8893
|
--dt-shadow-focus-inset-1-color: #51A0FE;
|
|
8885
8894
|
--dt-shadow-focus-inset-1-type: innerShadow;
|
|
8886
8895
|
--dt-typography-body-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Base default medium text style for main content. */
|