@snack-uikit/segmented-control 0.1.1 → 0.1.2-preview-b09d21bf.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 (3) hide show
  1. package/dist/components/styles.module.css +3 -3
  2. package/dist/helperComponents/Segment/styles.module.css +9 -9
  3. package/package.json +3 -3
package/dist/components/styles.module.css CHANGED
@@ -18,12 +18,12 @@
18
18
  box-sizing:border-box;
19
19
  width:100%;
20
20
  height:100%;
21
- background-color:var(--sys-neutral-background, #f1f2f6);
22
- border-color:var(--sys-neutral-background, #f1f2f6);
21
+ background-color:var(--sys-neutral-background, #eeeff3);
22
+ border-color:var(--sys-neutral-background, #eeeff3);
23
23
  border-style:solid;
24
24
  }
25
25
  .container[data-outline]::before{
26
- border-color:var(--sys-neutral-decor-default, #dfe2ec);
26
+ border-color:var(--sys-neutral-decor-default, #dde0ea);
27
27
  }
28
28
  .container[data-width=full]{
29
29
  display:flex;
package/dist/helperComponents/Segment/styles.module.css CHANGED
@@ -6,29 +6,29 @@
6
6
  align-items:center;
7
7
  justify-content:center;
8
8
  width:100%;
9
- color:var(--sys-neutral-text-support, #656771);
9
+ color:var(--sys-neutral-text-support, #6d707f);
10
10
  background-color:transparent;
11
11
  border-width:0;
12
12
  }
13
13
  .segment:hover{
14
- color:var(--sys-neutral-text-main, #33333b);
14
+ color:var(--sys-neutral-text-main, #33343f);
15
15
  }
16
16
  .segment[data-disabled], .segment[data-disabled]:hover{
17
17
  cursor:not-allowed;
18
- color:var(--sys-neutral-text-disabled, #b3b6bf);
18
+ color:var(--sys-neutral-text-disabled, #aaaebd);
19
19
  }
20
20
  .segment[data-active]{
21
- color:var(--sys-neutral-text-main, #33333b);
21
+ color:var(--sys-neutral-text-main, #33343f);
22
22
  }
23
23
  .segment[data-active][data-disabled], .segment[data-active][data-disabled]:hover{
24
- color:var(--sys-neutral-text-disabled, #b3b6bf);
24
+ color:var(--sys-neutral-text-disabled, #aaaebd);
25
25
  }
26
26
  .segment:focus-visible{
27
27
  outline-width:var(--border-state-focus-s-border-width, 2px);
28
28
  outline-style:var(--border-state-focus-s-border-style, solid);
29
29
  outline-color:var(--border-state-focus-s-border-color, );
30
30
  outline-offset:calc(var(--border-state-focus-s-border-width, 2px) * -1);
31
- outline-color:var(--sys-available-complementary, #141415);
31
+ outline-color:var(--sys-available-complementary, #15151b);
32
32
  }
33
33
  .segment[data-size=s][data-layout=label-only]{
34
34
  border-radius:var(--radius-segmented-control-segment-s, 10px);
@@ -105,7 +105,7 @@
105
105
  font-weight:var(--sans-label-m-font-weight, Semibold);
106
106
  line-height:var(--sans-label-m-line-height, 16px);
107
107
  font-size:var(--sans-label-m-font-size, 12px);
108
- letter-spacing:var(--sans-label-m-letter-spacing, -0.1px);
108
+ letter-spacing:var(--sans-label-m-letter-spacing, 0px);
109
109
  paragraph-spacing:var(--sans-label-m-paragraph-spacing, 6.6px);
110
110
  }
111
111
  .label[data-size=m]{
@@ -113,7 +113,7 @@
113
113
  font-weight:var(--sans-label-m-font-weight, Semibold);
114
114
  line-height:var(--sans-label-m-line-height, 16px);
115
115
  font-size:var(--sans-label-m-font-size, 12px);
116
- letter-spacing:var(--sans-label-m-letter-spacing, -0.1px);
116
+ letter-spacing:var(--sans-label-m-letter-spacing, 0px);
117
117
  paragraph-spacing:var(--sans-label-m-paragraph-spacing, 6.6px);
118
118
  }
119
119
  .label[data-size=l]{
@@ -121,6 +121,6 @@
121
121
  font-weight:var(--sans-label-l-font-weight, Semibold);
122
122
  line-height:var(--sans-label-l-line-height, 20px);
123
123
  font-size:var(--sans-label-l-font-size, 14px);
124
- letter-spacing:var(--sans-label-l-letter-spacing, -0.1px);
124
+ letter-spacing:var(--sans-label-l-letter-spacing, 0px);
125
125
  paragraph-spacing:var(--sans-label-l-paragraph-spacing, 7.7px);
126
126
  }
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Segmented Control",
7
- "version": "0.1.1",
7
+ "version": "0.1.2-preview-b09d21bf.0",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -32,10 +32,10 @@
32
32
  "license": "Apache-2.0",
33
33
  "scripts": {},
34
34
  "dependencies": {
35
- "@snack-uikit/truncate-string": "0.4.19",
35
+ "@snack-uikit/truncate-string": "0.4.20-preview-b09d21bf.0",
36
36
  "@snack-uikit/utils": "3.3.0",
37
37
  "classnames": "2.5.1",
38
38
  "uncontrollable": "8.0.4"
39
39
  },
40
- "gitHead": "0c81fa6b2657f51768401ba7ce5015fe8d293805"
40
+ "gitHead": "b51349c356c69cdff4fc4d4ff19374d66b82c015"
41
41
  }