@fluid-topics/ft-input-label 2.2.11 → 2.2.12

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 (4) hide show
  1. package/build/ft-input-label.light.js +37 -65
  2. package/build/ft-input-label.min.js +30 -58
  3. package/build/ft-input-label.styles.js +5 -33
  4. package/package.json +4 -4
package/build/ft-input-label.styles.js CHANGED
@@ -23,14 +23,15 @@ export const styles = css `
23
23
  display: flex;
24
24
  background-color: ${FtInputLabelCssVariables.backgroundColor};
25
25
  border-radius: ${FtInputLabelCssVariables.borderRadius} ${FtInputLabelCssVariables.borderRadius} 0 0;
26
+ border-color: ${FtInputLabelCssVariables.borderColor};
27
+ border-bottom-width: 1px;
28
+ border-bottom-style: solid;
26
29
  }
27
30
 
28
31
  .ft-input-label--outlined {
29
32
  border-radius: ${FtInputLabelCssVariables.borderRadius};
30
- }
31
-
32
- .ft-input-label {
33
- border-color: ${FtInputLabelCssVariables.borderColor};
33
+ border-width: 1px;
34
+ border-style: solid;
34
35
  }
35
36
 
36
37
  .ft-input-label.ft-input-label--in-error {
@@ -41,9 +42,6 @@ export const styles = css `
41
42
  .ft-input-label:after {
42
43
  content: "";
43
44
  display: flex;
44
- border-bottom-width: 1px;
45
- border-bottom-style: solid;
46
- border-color: inherit;
47
45
  }
48
46
 
49
47
  .ft-input-label:before {
@@ -60,9 +58,6 @@ export const styles = css `
60
58
  display: flex;
61
59
  flex-shrink: 1;
62
60
  position: relative;
63
- border-bottom-width: 1px;
64
- border-bottom-style: solid;
65
- border-color: inherit;
66
61
  color: ${FtInputLabelCssVariables.textColor};
67
62
  transition: font-size 250ms, line-height 250ms, color 250ms;
68
63
  max-width: calc(${FtInputLabelCssVariables.labelMaxWidth} - 2 * (${FtInputLabelCssVariables.horizontalSpacing} - 4px)); /* -2px on spacing for label padding */
@@ -108,25 +103,6 @@ export const styles = css `
108
103
  top: ${FtInputLabelCssVariables.verticalSpacing};
109
104
  }
110
105
 
111
- .ft-input-label--outlined .ft-input-label--text,
112
- .ft-input-label--outlined:before,
113
- .ft-input-label--outlined:after {
114
- border-top-width: 1px;
115
- border-top-style: solid;
116
- }
117
-
118
- .ft-input-label--outlined:before {
119
- border-left-width: 1px;
120
- border-left-style: solid;
121
- border-radius: ${FtInputLabelCssVariables.borderRadius} 0 0 ${FtInputLabelCssVariables.borderRadius};
122
- }
123
-
124
- .ft-input-label--outlined:after {
125
- border-right-width: 1px;
126
- border-right-style: solid;
127
- border-radius: 0 ${FtInputLabelCssVariables.borderRadius} ${FtInputLabelCssVariables.borderRadius} 0;
128
- }
129
-
130
106
  .ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
131
107
  padding: 2px 4px;
132
108
  z-index: ${FtInputLabelCssVariables.raisedZIndex};
@@ -134,8 +110,4 @@ export const styles = css `
134
110
  border-radius: ${FtInputLabelCssVariables.borderRadius};
135
111
  top: calc((${FtTypographyCaptionCssVariables.lineHeight} / -2) + 2px);
136
112
  }
137
-
138
- .ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
139
- border-top: none;
140
- }
141
113
  `;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluid-topics/ft-input-label",
3
- "version": "2.2.11",
3
+ "version": "2.2.12",
4
4
  "description": "Dynamic label with outline",
5
5
  "keywords": [
6
6
  "Lit"
@@ -19,9 +19,9 @@
19
19
  "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
20
20
  },
21
21
  "dependencies": {
22
- "@fluid-topics/ft-typography": "2.2.11",
23
- "@fluid-topics/ft-wc-utils": "2.2.11",
22
+ "@fluid-topics/ft-typography": "2.2.12",
23
+ "@fluid-topics/ft-wc-utils": "2.2.12",
24
24
  "lit": "3.3.3"
25
25
  },
26
- "gitHead": "a4aaed4ac9a17040c2a98a159ef69ff4b9e7551b"
26
+ "gitHead": "3f8686496b8ce4f3b095e6184e387a89c353c3b8"
27
27
  }